2016-12-20 3 views
1

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

+0

Вы можете сделать это с помощью встроенных js или любых других основанных на холсте фреймворков. Все, что я вижу на https://color-wander.surge.sh/, является только клиентской частью. Что вы хотите «запускать на разных серверах»? –

+0

Здравствуйте @NikolaLukic, я думаю, что это не клиентская часть, а все о узле, использующем npm node-canvas для визуализации того, что мы видим. Поэтому мне нужна внешняя библиотека, чтобы сделать это в клиентской части. –

ответ

1

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

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

Посмотрите на p5.js Brownian Motion example brownian motion p5.js sample

На Wordpress, посмотрите на эту статью: Embedding p5.js in a WordPress entry

Кроме того, существует еще более p5.js video course

1

Если вы используете инструменты разработчика, вы можете увидеть, что он использует 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.

+0

Не могли бы вы подробнее рассказать о необходимости сервера? Я загрузил индекс и пакет, а также каталог карт. Но все еще есть некоторые проблемы. –

+0

Если вы хотите попробовать локально, вы не можете просто запустить файл index.html, потому что он попытается загрузить карты из локальной файловой системы, которые не разрешены. –

+0

Итак, перейдите в каталог, содержащий файл index.html и bundle.js и запустите HTTP-сервер. Python поставляется с довольно простым, и вы просто запустить его из командной строки в папке с: питона -m SimpleHTTPServer 8000 Затем в адресной строке вашего браузера вы просто наберите: Http: //127.0. 0.1: 8000/index.html и цветной странник работает локально. Gulp (приходит с узлом) может сделать то же самое. –

Смежные вопросы