Генерирующая арт-библиотека JavaScript без node-canvas?

Я ищу библиотеку javascript, которая может быть запущена на разных серверах, но не node.js (для сайта WordPress), способная сделать это: https://color-wander.surge.sh/ или что-то подобное.

2 ответа

Решение

Как насчет чего-либо, начиная с клиентской стороны, которую вы впоследствии сможете загрузить на любой веб-сервер?

Есть довольно много творческих библиотек JavaScript для кодирования. Самое простое, с чего я могу начать - p5.js

Посмотрите на пример Brownian Motion для p5.js броуновское движение p5.js образец

На Wordpress, посмотрите на эту статью: Встраивание p5.js в запись WordPress

Дополнительно есть видео курс p5.js

Если вы используете инструменты разработчика, вы увидите, что он использует java-скрипт под названием bundle.js - вы можете запустить его через некоторую программу unminify, чтобы сделать ее читабельной, но я думаю, что в этом нет ничего конкретного для этого узла.

Вы можете просто загрузить index.html и bundle.js. Вам также понадобятся карты в подкаталоге maps - sym6.jpg, sym3.jpg, scifi.jpg, nature1.jpg, map7.jpg, geo5.jpg, geo4.jpg. и так далее

Затем вы можете просто запустить страницу и скрипт локально, без необходимости в файле node.js. Я просто сделал это и запустил его с SimpleHTTPServer из python, и он работает просто отлично - вам нужен сервер, потому что карты загружаются

Сам сайт - color-wanderer.surge использует узел, и если вы хотите перечислить каталог карт, он скажет вам об этом, но на вкладке исходного кода в инструментах разработчика показано, что для разных семян просто нужны разные карты.

Так что на самом деле не должно быть никаких проблем с получением его в WordPress.

Другие вопросы по тегам