Публикации по теме 'p5js'


«Звук чакр»  — интерактивный опыт
В этом проекте мы визуализируем частоты, назначенные разным чакрам (которые также относятся к разным частям человеческого тела). Для разработки этого прототипа я сотрудничал с креативным технологом Элизабет Перес. Создано с помощью PoseNet и p5.js Обзор проекта Пользователь может перемещать руку по верхней части тела, глядя на эскиз, и видеть, как фон меняется в зависимости от цвета, связанного с каждой чакрой, а также слышать звук частоты, связанной с каждой чакрой, а также..
Научитесь использовать мощную технологию машинного обучения за 5 минут
Классификация изображений с помощью машинного обучения проще, чем вы думали. Ml5.js делает машинное обучение доступным и простым в освоении. Используя библиотеку ml5.js, вы быстро запустите и запустите свою первую программу машинного обучения, для этого потребуется всего несколько строк кода. Наш проект будет использовать ml5.js , p5.js и пакет npm под названием live-server . Настройте свой проект: Создайте папку для вашего проекта. Создайте два файла внутри папки. Файл..
МОДЕЛИРОВАНИЕ ПИАНИНО
Учебное пособие по проекту p5.js ОБЗОР p5.js — это библиотека javascript для творческого кодирования, основанная на идее создания эскизов. В этом уроке я буду использовать эту библиотеку для создания имитации фортепиано. ПРЕДПОСЫЛКИ Вы должны немного знать Javascript. У вас должен быть доступ к веб-редактору p5.js или он должен быть установлен локально в вашей системе. Примечание. В этом руководстве используется веб-редактор. Вы можете найти его по адресу:..
Эвристические вычисления - реализация Javascript
При изучении алгоритмов поиска A *, алгоритмов Дейкстры и т. Д. Мы тем или иным образом сталкиваемся с эвристикой. Проходя зимнюю стажировку в IIITM-Gwalior, я решил сделать облегченную реализацию Javascript (реализация Processing-JS) евклидовой и манхэттенской эвристики (рис. 1.1). Несмотря на то, что совершенно ясно, как рассчитываются эти расстояния, реализация того же была полна проблем - понять, когда щелкают мышью, в какой точке она должна находиться, присвоив ей номер, а затем..
Создание иллюзий с использованием базовых фигур в p5.js — часть 1
В этом уроке мы создадим иллюзию Эббингауза, используя p5.js. Что такое иллюзия Эббингауза? Прежде чем развивать эту иллюзию, давайте посмотрим на происхождение этой иллюзии. Его открыл немецкий психолог Герман Эббингауз (1850–1909). Эту иллюзию также называют кругами Титченера. В этой иллюзии желтый круг справа кажется больше по размеру по сравнению с желтым кругом слева. Но на самом деле оба круга имеют одинаковый размер. Это происходит потому, что восприятие меняется из-за..
Создание 2D-текстуры на 3D-фигуре в p5.js.
Это очень увлекательный способ придать трехмерному объекту динамическую 2D-текстуру. Это может быть простой эскиз к очень сложному шаблону проектирования с использованием простого программирования на p5.js. Приступим. Создайте новый проект с помощью p5.js Web Editor. Новый проект в веб-редакторе p5js выполняет следующие две функции. Функция setup () запускается только один раз , а функция draw () выполняется в цикле . Создание 2D радиального массива: Для..
Создал свою первую игру на Javascript, и это было так просто
Посетить мою демо 😅 Чтобы посетить исходный код 😈 перейдите на мой github Шаг 0: Создайте index.html, который будет вашим документом. Шаг 1: Прежде всего, включите p5.js, используя CDN внутри вашего документа. <script src=”https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.9.0/p5.min.js"></script > Шаг 2: Добавьте в документ файл сценария, скажем, script.js . <script src="./script.js"></script> Вот вы и вставили свою логику...