код для эффекта матрицы
Реализуем визуальный эффект из фильма «Матрица»
Доброго времени суток, друзья!
На днях пересмотрел «Матрицу». Слушайте, до чего же классный фильм (это касается только первой части). В очередной раз обратил внимание на «падающие» строчки с иероглифами на ихних экранах (намеренно использовал слово «ихних» забавы ради). Задумался о том, как это можно реализовать… максимально простым способом (ибо лень). Вот что у меня получилось.
Welcome to the Matrix
Разметка выглядит так:
Инициализируем холст, контекст, ширину и высоту холста. Делаем последние равными ширине и высоте окна браузера:
Создаем строку с символами, которые будут использоваться для визуализации (не хочу иероглифы, хочу кириллицу!). Преобразуем данную строку в массив. Пробелы дают пустоты в колонках, с ними эффект интереснее:
Определяем размер шрифта, количество колонок и создаем пустой массив. Этот массив мы будем использовать для определения координаты y:
Заполняем пустой массив единицами по количеству колонок:
К рисованию все готово. Приступаем:
Запускаем функцию рисования через каждые 123 миллисекунды (число произвольное):
Наконец, при изменении размеров окна делаем перезагрузку страницы (ибо лень):
Результат можно посмотреть здесь.
Существует небольшая проблемка: время от времени колонки слипаются, отрисовываются почти вровень по горизонтали. Это влияет на восприятие: глаз цепляется за упорядоченность. Ощущается недостаток хаоса, что ли. Достойного решения пока не найдено.
Текстовый дождь, как в «Матрице»
Приятная кодовая безделушка.
Недавно мы делали проект про полёт в космос в 3D, где использовали для рисования библиотеку p5 и принципы ООП. Тогда мы ограничились одним классом и объектами на основе этого класса.
Сегодня будет интереснее — мы сделаем два класса, причём объекты одного класса будут состоять из объектов другого класса. Это нужно, чтобы воссоздать эффект «Матрицы»: когда буквы одновременно и падают, и сменяются.
Что делаем
Тучку, из которой падают буквы, как в фильме «Матрица»:
Зачем мы это сделаем? Ради красоты, ради искусства, ради JavaScript.
Последовательность действий будет такая:
Обратите внимание, что тучка и символы — это разные сущности, их можно спокойно использовать отдельно друг от друга.
Подготовка страницы
Используем для проекта стандартный HTML-шаблон.
Чтобы символы выглядели красиво и мы могли ими управлять, подключим стили Font Awesome — это такой набор правил по оформлению шрифтов.
Настраиваем стили
Сначала сделаем то же самое, что и в проекте со звёздами — разрешим задавать размеры всех элементов в разных единицах одновременно, обнулим отступы и растянем страницу на всё окно браузера.
Затем зададим общие свойства для той области, где будет нарисована тучка — размеры и положение. Отдельно пропишем свойство z-index — оно виртуально приподнимет слой с тучкой выше остальных, чтобы тучка закрывала те символы, которые появились внутри неё, но которым ещё рано появляться.
Последнее, что сделаем здесь, — настроим саму область, где будут видны падающие буквы. Всё это пока делается чистым CSS, никакого программирования.
Рисуем тучку
Чтобы нарисовать тучку, используем теги и
. Первый тэг говорит браузеру, что в выбранном блоке будем рисовать векторную графику.
👉 Векторная графика состоит не из отдельных пикселей, а из элементов — линий, прямоугольников, кругов и прочих геометрических фигур. Эти фигуры можно объединять друг с другом, рисовать их любого размера и цвета и комбинировать как угодно, чтобы получить нужный рисунок. Подробно мы это разобрали в отдельной статье про графику.
рисует линию по заданным правилам. Вкратце эти правила можно описать так:
У нас ещё будет отдельная статья с разбором, как работает SVG, а пока просто используем готовый код:
Что такое объекты, классы, методы и конструкторы?
Далее мы будем использовать понятия «объект», «метод», «класс» и «конструктор». Это базовые понятия ООП. Если хотите углубиться — читайте наш цикл, а пока вот основные положения:
Объект — это «коробка», в которой могут лежать данные и действия. В нашем случае объектами будут отдельные сменяющиеся буквы и «потоки» из этих букв. Объекты можно вкладывать в объекты.
Класс — это «чертёж», по которому наша программа может изготовить много одинаковых объектов, как на конвейере. В нашем случае нам нужно, чтобы программа рисовала сотни букв в десятках потоков, и изготавливать их мы будем не вручную, а с помощью класса.
Конструктор — это действие, которое совершает программа при создании объекта. Без конструктора объект просто висел бы в памяти, а с конструктором он сразу при создании будет выполнять какое-то действие. В нашем случае конструктор будет у класса «Поток», чтобы при создании такого потока в него сразу добавлялось несколько сменяющихся букв.
Готовим основной скрипт
Вся дождевая магия будет происходить в отдельном скрипте, который мы напишем после кода с тучкой. Чтобы рисовать было проще, подключим библиотеку p5 и пропишем основные переменные для скрипта:
Проектируем поведение символов
Чтобы не прописывать поведение для каждого символа в отдельности, а задать общие правила для всех, сделаем класс Symbol. Каждый объект, созданный на основе этого класса, будет вести себя так, как написано в классе. Это даст нам предсказуемое поведение для каждого символа и сократит количество кода.
В конструкторе класса мы пропишем начальные координаты для символа, его скорость, а также смену символа через некоторое время, чтобы получить эффект как в «Матрице». Чтобы все символы не обновлялись одновременно, используем в конструкторе генератор случайных чисел — он выберет случайное время обновления для каждого нового символа.
Также сделаем метод rain() — он будет отвечать за падение символа вниз, как капля дождя. Логика простая: если символ ещё не улетел за край, сдвигаем его вниз на значение скорости.
Собираем символы в потоки
Следующий шаг — собрать символы в потоки, чтобы они красиво падали из тучки. Поток — это от 2 до 5 символов, падающих друг за другом. При этом каждый символ независимо от других меняется во время падения, потому что мы прописали это в классе символов.
Конструктор просто создаёт массив случайного размера, а метод generateSymbols(x,y) как раз и наполнит этот массив нужными символами. При этом каждый символ — это объект класса Symbol, свойство которых мы написали выше.
Отдельный метод render() будет отвечать за отрисовку потока. Обратите внимание — внутри этого метода мы вызываем метод из другого класса, который отвечает за падение символов.
Запуск
В проекте со звёздами мы выяснили, что для запуска и работы библиотеки p5 используются две функции — setup() для подготовки к запуску и draw(), которая по кругу выполняет свой код.
Для подготовки нам нужно создать холст, где будем рисовать падающие буквы и сформировать потоки. Потоки будем делать так:
Для анимации в функции draw() мы будем делать всего две вещи — постоянно очищать фон и отрисовывать потоки.
Можно скопировать и запустить у себя готовый код, а можно посмотреть на тучку на странице проекта.
Что дальше
Будем осваивать SVG-рисование в браузере — рисовать всякие классные и красивые штуки.
Командная строка windows матрица
Для создания «эффекта Матрицы» в командной строке Windows, необходимо написать текстовый файл с кодом и сохранить с расширением *.bat, потом запустить. Писать можно например в блокноте, при сохранении указать имя файла «имя.bat».
Простейший пример кода:
Всё о Интернете, сетях, компьютерах, Windows, iOS и Android
Как сделать матрицу в блокноте
Создаём на рабочем столе текстовый файл. Например, matrix.txt. Открываем его в блокноте. Теперь надо скопировать туда следующие строчки:
Задаём заголовок окошка:
Задаём цвет символов:
Очищаем экран командной строки:
Создаём замкнутый цикл:
:prodolgit
set stroka=
for /l %%i in (0,1,78) do (
set /a vremenno=!random!%%2
set stroka=!stroka!!vremenno!
)
set /a generate=!random!%
if %generate%==0 (color 0A) else (color 02)
Выводим матрицу на экран:
echo %stroka%
goto prodolgit
Сохраняемся и закрываем блокнот. Теперь надо переименовать файл, сменить ему расширение с *.txt на *.bat. После этого дважды кликаем по нему и получаем результат как на картинке выше. Как Вы видите этот способ как создать матрицу в блокноте очень простой и быстрый. Сделать может даже школьник!
Матрица на экране вашего компьютера.
Утилита Notepad считается простейшим текстовым редактором, годящимся не столько для редактирования быстро набранного текста, сколько простейшим представителем кодовых просмотрщиков. В связи с этим и можно использовать его возможности для проделывания простейших трюков, не требующих специальных навыков програмирования. На страницах блога Компьютер76 я покажу один из них.
Все смотрели фантастический фильм “Матрица”. В нескольких его кадрах появлялся ниспадающий код зелёного цвета из цифр и латинских букв на чёрном фоне по типу подбора программой уникального кода. Эта матрица на мониторе и стала своеобразным символом или визитной карточкой голливудской трилогии. Сделаем также с нашим компьютером. Ничего загружать из сети не нужно. Код матрицы будет транслироваться в консоли команд. Для компьютера матрица на экране монитора совершенно безвредна, единственный её минус – от ряби потихоньку начинаешь уставать. Но порой этот трюк придаёт помещению, в котором стоит компьютер, воспроизводящий бегающий код, некий потайной образ.
Откроем Notepad (он же Блокнот). Вставим туда вот этот текст (просто скопируйте его):
@echo off
color 02
:tricks
echo %random%%random%%random%%random%%random%%random%%random%%random%
goto tricks
И закройте его, предварительно назвав новый документ… да как хотите, но обязательно присвоив расширение .bat. (У меня название Matrix). Должно получиться следующее:
Вот что мы увидим после двойного щелчка по файлу:
Для придания мистичности происходящего у вас на экране, можно развернуть окно консоли во весь экран, придав манер заставки или процесса взлома государственного учреждения (никак не меньше!), пока вы занимаетесь своими делами. Развернуть окно можно нажатием клавиш ALT + Enter. Вернуть к предыдущему размеру можно повторным нажатием этой же комбинации.
Как запустить матрицу
Найдены дубликаты
Вставить в блокнот
как скорость уменьшить?
Мы тож так в школе развлекались. Только вывод был не фиксированной длины, а непрерывный.
День рождения Powershell
Товарищи программисты, админы и им сочувствующие, поздравляю всех нас со скромным праздником — Днем рождения Powershell. 🙂
14 ноября 2006 года, была выпущена финальная версия (Release to Web, RTW) Powershell. Эта версия была выпущена для Windows XP SP2, для Windows Vista, финальная версия Powershell была выпущена 30 января 2007 года.
Конечно, до этого были предрелизные версии (Release Candidate), был проект Monad, который являлся предшественником Powershell. Непосредственно Powershell, его финальная версия, был выпущен именно 14 ноября 2006 года.
Я с самого начала не очень позитивно воспринял появление Powershell — мне он казался просто немного расширенной версией командной строки, не дающий особых преимуществ по сравнению с последней — тогда мне вполне хватало CND, VBS, Autoit и т.д.
До определенного момента я Powershell запускал только для каких-нибудь экспериментов, не рассматривая его как инструмент для повседневной работы.
В один прекрасный момент, мне надо было решить задачу по обработке большого количества файлов — на почтовом сервере письма сохранялись в виде отдельных файлов *.eml, а общий формат был: Адрес_отправителя-ID_письма.eml. Писем было несколько сотен тысяч.
Я эту задачу решил, причем решил на CMD, VBS и Autoit. После этого, мне опять на глаза попался Powershell и я решил решить задачу на нем, в качестве упражнения. Решение нужной мне задачи занимало на VBS примерно 30 строк кода. Каково же было мое удивление, когда решение этой задачи на Powershell составило всего 3 строки!
За прошедшее время, Powershell не раз меня выручал, давая возможность просто решать задачи различной степени сложности.
После этого, я решил попристальней посмотреть в сторону Powershell и разобраться с ним получше.
Время шло, я разбирался с Powershell и у меня накопилось приличное количество заметок, записок, статей о нем. Мне показалось неудобным хранить информацию в таком виде и я решил создать для себя справочник, в который и включить все имеющиеся данные с тем, чтобы, когда возникнет у меня необходимость освежить что-то в памяти, я мог это сделать, посмотрев в одном источнике.
Собрав таким образом некоторый объем информации, я увидел, что у меня получилась книга. Решив, что данное мое творение может оказаться полезным не только мне, но и некоторому кругу других людей, я решил свою книгу опубликовать.
Сегодня, в честь дня рождения Powershell, я решил выложить новую версию своей книги.
Поделитесь Вы, уважаемые читатели, помогал ли Вам Powershell каким-либо образом в работе?
Как запустить матрицу в командной строке?
Девять консольных команд, которые могут вас развлечь
Библиотека сайта rus-linux.net
Оригинал: 9 Quirky Linux Commands You Need to Know (And Will Love) Justin Pot 9th March, 2015Перевод: Н.Ромоданов
Дата перевода: апрель 2015 г.
Создание рисунка в стиле ASCII Art, беседа с компьютером и игра в текстовую приключенческую игру. Командная строка вашего Linux-а не только для работы: она тоже может вас развлечь в случае, если вы знаете правильные команды.
Джоэл (Joel) рассказал об основах использования командной строки, и теперь вы абсолютно готовы читать эту статью. Но часть проблемы изучения командной строки в том, что это, прежде всего, скучно. Смена каталогов и перемещение файлов, возможно, не слишком интересная тема.
Если вы ищете что-нибудь более интересное, либо если вы хотите показать несколько классных трюков когда пытаетесь кого-нибудь чему-нибудь научить, то те необычные команды, о которых мы расскажем вам ниже, сделают использование командной строки более интересным. Наслаждайтесь!
Рисунок в стиле ASCII Art
Откройте любой графический файл и выдайте его изображение в стиле ASCII Art. Это делается просто с помощью следующей команды:
Классно, не правда ли? Вы можете нажать клавишу «s» и сохранить изображение в виде текстового файла для последующего использования.
Для этого вам нужно будет установить два пакета: aview и imagemagick. В Ubuntu наберите следующую команду:
sudo apt-get install aview imagemagick
Баннеры в стиле ASCII
Потратьте некоторое время в сети и вы их найдете — баннеры в стиле ASCII. Буквы располагаются друг над другом и образуют еще большие буквы — такие баннеры можно добавлять в обычные текстовые файлы, например, в комментарии Reddit.
Если хотите создавать такие баннеры самостоятельно, то вам нужно знать правильные команды. Одна из них — команда figlet.
sudo apt-get install figlet
Поговорите с компьютером
Мы уже рассказывали, как можно заставить ваш Mac поговорить с вами, но вы знаете, что то же самое можно сделать из командной строки Linux? Команда также довольно простая:
espeak «I can say anything»
Все абсолютно понятно, но в руководстве вы можете найти много других вариантов.
sudo apt-get install espeak
Случайная фраза …
Просто выдается случайная фраза так, как это показано ниже, но эта команда слишком необычна с тем, чтобы о ней умолчать в нашем списке. Наберите команду fortune и вы увидите случайную цитату или интересное предсказание.
Конечно, все это выглядит несколько глупо, но иногда нужно немного расслабиться. Если вы посчитаете, что фраза слишком постная, то можете с помощью следующей команды получить что-нибудь «по-горячее»:
Сайт MakeUseOf (и переводчик настоящей статьи) не несет ответственности за то, что вы можете прочитать после ввода этой команды — используйте ее на свой страх и риск.
sudo apt-get install fortune
Чтобы установить вариант с более «горячими» фразами:
sudo apt-get install fortunes-off
… а что бы сказала корова
Еще одна, возможно, обязательная команда для нашего списка — cowsay, которая заставляет корову что-нибудь сказать. Нет, серьезно: именно так.
Команда «|» (клавиша с прямой черточкой, которая расположена над клавишей Enter на клавиатуре) перенаправляет выход команды fortune на вход команды cowsay, в результате чего корова скажет вам то, что выдаст команда fortune. Бессмыслица, но любопытная.
sudo apt-get install cowsay
Эффект Матрицы
Еще в конце 90-х годов был фильм под названием Матрица (Matrix), который в то время казался удивительным. В нем, на компьютерах сверху вниз сыпался случайных код, изображаемый в виде зеленых символов — и мы до сих пор пытаемся его воспроизвести. Команда cmatrix представляет собой быстрый способ сделать так, чтобы ваша командная строка выглядела следующим образом.
Используйте ответственно, и помните: никаких продолжений не было.
sudo apt-get install cmatrix
Команды нужно набирать правильно
Команда ls показывает содержимое текущего каталога, то есть большинство любителей командной строки пользуются ей постоянно. Но очень легко вместо нее набрать команду sl. Когда это происходит, то появляется паровоз, движущийся по экрану.
Если вы склонны ошибаться, то результат ошибки будет забавным. Команда должна быть у всех, кто изучает командную строку.
Генератор фальшивых адресов и номеров телефонов
Команда любопытная: наберите в командной строке команду rig и она выдаст фейковый адрес и номер телефона.
sudo apt-get install rig
Играем в текстовую приключенческую игру
Я большой поклонник текстовых приключенческих игр, и проще всего играть в них из командной строки с помощью программы, которая называется frotz. Конечно, вам прежде всего нужно будет взять классические игры Infocom с этого сайта, а на сайте IFwiki вы найдете еще больше игр.
Скачайте их, затем перейдете в терминале в каталог, где они расположены. Чтобы открыть игру, наберите команду frotz filename.
sudo apt-get install frotz
А какие еще любопытные команды знаете вы?
Создание, конкатенация и расширение матрицы
Самая основная структура данных MATLAB® является матрицей. Матрица A является двумерным, прямоугольным массивом элементов данных, расположенных в строках и столбцах. Элементами могут быть числа, логические значения (true или false), даты и времена, строки или некоторый другой тип данных MATLAB.
Даже один номер хранится как матрица. Например, переменная, содержащая значение 100, хранится как матрица 1 на 1 типа double.
Если у вас есть определенный набор данных, можно расположить элементы в матрице с помощью квадратных скобок. Одна строка данных имеет пробелы или запятые, промежуточные элементы, и точка с запятой разделяет строки. Например, создайте одну строку четырех числовых элементов. Размер получившейся матрицы 1 на 4, поскольку она имеет 1 строку и 4 столбца. Матрица A этой формы часто упоминается как вектор-строка.
Теперь создайте матрицу с теми же числами, но расположите их в двух строках. Эта матрица имеет две строки и два столбца.
Специализированные матричные функции
MATLAB имеет много функций, которые помогают создавать матрицы с определенными значениями или конкретной структурой. Например, zeros и ones функции создают матрицы всех нулей или всех единиц. Первые и вторые аргументы этих функций являются количеством строк и количеством столбцов матрицы, соответственно.
diag функционируйте помещает входные элементы в диагональ матрицы. Например, создайте вектор-строку A содержа четыре элемента. Затем создайте матрицу 4 на 4, диагональными элементами которой являются элементы A.
Конкатенация матриц
Можно также использовать квадратные скобки, чтобы соединить существующие матрицы вместе. Этот способ создать матрицу называется конкатенацией. Например, конкатенируйте два вектора-строки, чтобы сделать еще более длинный вектор-строку.
A = ones(1,4);B = zeros(1,4);C = [A B]
Располагать A и B как две строки матрицы, используйте точку с запятой.
Чтобы конкатенировать две матрицы, у них должны быть совместимые размеры. Другими словами, когда вы конкатенируете матрицы горизонтально, у них должно быть одинаковое число строк. Когда вы конкатенируете их вертикально, у них должно быть одинаковое число столбцов. Например, горизонтально конкатенируйте две матрицы, что у обоих есть две строки.
C = 2×5 1 1 1 0 0 1 1 1 0 0
Альтернативный способ конкатенировать матрицы состоит в том, чтобы использовать функции конкатенации, такие как horzcat, который горизонтально конкатенирует две совместимых входных матрицы.
D = 2×5 1 1 1 0 0 1 1 1 0 0
Генерация числовой последовательности
colon удобный путь состоит в том, чтобы создать матрицы, элементы которых последовательны и равномерно расположены с интервалами. Например, создайте вектор-строку, элементами которого являются целые числа от 1 до 10.
A = 1×10 1 2 3 4 5 6 7 8 9 10
Можно использовать оператор двоеточия, чтобы создать последовательность чисел в любой области значений, постепенно увеличенной одной.
Чтобы изменить значение шага последовательности, задайте инкрементное значение, промежуточное запуск и окончание значений области значений, разделенных двоеточиями.
Чтобы постепенно уменьшиться, используйте отрицательное число.
Можно также постепенно увеличиться значениями нецелого числа. Если инкрементное значение равномерно не делит заданную область, MATLAB автоматически заканчивает последовательность в последнем значении, которого это может достигнуть прежде, чем превысить область значений.
A = 1×6 1.0000 1.2000 1.4000 1.6000 1.8000 2.0000
Расширение матрицы
Можно добавить один или несколько элементов в матрицу путем размещения их за пределами существующих контуров индекса строки и столбца. MATLAB автоматически заполняет матрицу нулями, чтобы сохранить его прямоугольным. Например, создайте 2 3 матрица и добавьте дополнительную строку и столбец в нее путем вставки элемента в (3,4) положение.
A = 2×3 10 20 30 60 70 80 A = 3×4 10 20 30 0 60 70 80 0 0 0 0 1
Можно также расширить размер путем вставки новой матрицы за пределами существующих областей значений индекса.
A = 5×6 10 20 30 0 0 0 60 70 80 0 0 0 0 0 0 1 0 0 0 0 0 0 2 3 0 0 0 0 4 5
Расширять размер матрицы неоднократно, такой как в for цикл, обычно лучше предварительно выделить место для самой большой матрицы, которую вы ожидаете создавать. Без предварительного выделения MATLAB должен выделить память каждый раз увеличения размера, замедлив операции. Например, предварительно выделите матрицу, которая содержит до 10 000 строк и 10 000 столбцов путем инициализации ее элементов, чтобы обнулить.
Если необходимо предварительно выделить дополнительные элементы позже, можно расширить его путем присвоения за пределами матричных областей значений индекса или конкатенировать другую предварительно выделенную матрицу к A.
Пустые массивы
Пустой массив в MATLAB является массивом по крайней мере с одной равной нулю длиной размерности. Пустые массивы полезны для представления концепции «ничего» программно. Например, предположите, что вы хотите найти все элементы вектора, которые меньше 0, но нет ни одного. find функция возвращает пустой вектор индексов, указывая, что она не могла найти элементы меньше чем 0.