Публикации по теме 'p5js'
Управляйте анимацией с помощью генераторов js
Я участвовал в шоу для кибер-оперы, чтобы реализовать визуальную анимацию. Для этого запроса я разработал генераторы, которыми хочу поделиться.
генератор javascript
генератор — это специальная функция, объявленная звездочкой : myFunction*
Простая, предназначенная для анимации простого мяча:
function* animate(){ ball.color = red ball.radius = 100; yield «мяч в порядке» ball.radius = 200; ball .color = blue; yield 200 while (ball.radius ‹ 400) { ball.radius += 10 yield } }..
Создайте игру по предотвращению астероидов в p5.js
Прокладывайте свой путь в космосе и уклоняйтесь от приближающихся астероидов
Избегание астероидов взято из книги Foundation HTML5 Canvas Роба Хоукса. Это одна из двух игр, описанных в этой книге.
Первая игра — это игра в боулинг, о которой я расскажу в этой статье . В этом посте будет рассказано о второй игре — Избегание астероидов .
Цель игры «Избежание астероидов» — остаться в живых как можно дольше, избегая приближающихся астероидов.
Как и в предыдущей статье , мы..
Закаты и падающие звезды в p5.js
Это удобное для новичков руководство научит вас рисовать закат на p5.js, используя градиенты, циклы, массивы и объекты!
Создание заката, луны и звезд
Откройте новое окно в Google Chrome и перейдите в редактор p5.js . Вы должны увидеть такой код:
function setup() {
createCanvas(400, 400);
}
function draw() {
background(220);
}
2. Настройка холста. Мы хотим, чтобы наша сцена заката занимала все окно. В функции setup() замените строку на createCanvas , чтобы читать:..
Распознавание изображений ML5 в p5.js
Меня зовут Фрэнк, и сейчас я почти закончил колледж. Ниже приведен черновик статьи, затерянной в тумане времени, но я подумал, что было бы забавно опубликовать ее сейчас. Первоначальный проект был завершен в 2021 году, когда я учился на первом курсе колледжа. Наслаждаться!
Этот проект распознает яблоко или телефон, если поднести его к веб-камере. Он использует идентификационный код изображения ML5 , а также локальное хранилище, чтобы это произошло. На этот проект ушло много..
Создание импрессионистского искусства с помощью фотографии и p5.js
Фотография была одной из самых больших моих страстей в жизни. Я получил удовольствие от процесса создания привлекательных фотографий, рассказывающих уникальную историю. Обычно завершением этого творческого процесса для меня было то, что я делился своими фотографиями с другими или делал снимки.
Однако недавно я обнаружил, что процесс не обязательно останавливаться на достигнутом. Фотографии могут быть очень интересным вкладом в процесс генеративного дизайна . Хорошо составленную и..
Тепловая карта движения в javascript и p5js
Введение
В конечном итоге я пытаюсь визуализировать взаимодействие человека с самим пространством и объектами в космосе. В качестве первого прототипа я буду использовать пиксели выходного видеосигнала для захвата и сохранения движения в пространстве. Мой процесс задокументирован в три этапа:
Отслеживание движения Сравнение предыдущего кадра с входящим по значениям RGB и определение перемещенных* пикселей (пикселей с большой разницей по сравнению с предыдущим кадром) выше..
Как обмануть смерть - проблема Иосифа Флавия
Начнем с описания проблемы Иосифа Флавия:
Люди стоят в кругу в ожидании казни. Подсчет начинается в указанной точке круга и продолжается по кругу в указанном направлении. После того, как указанное количество людей пропущено, выполняется следующий человек. Процедура повторяется с оставшимися людьми, начиная со следующего человека, идя в том же направлении и пропуская такое же количество людей, пока не останется только один человек, и его освободят.
Проблема - учитывая количество..