Я ищу библиотеку javascript, которая может быть запущена на разных серверах, но не node.js (для сайта WordPress), способная это делать: https://color-wander.surge.sh/ или что-то подобное.Библиотека javascript для создания анимации без холста?
ответ
Как насчет чего-то, начиная с варианта на стороне клиента, который вы можете загрузить на любой веб-сервер после этого?
Есть довольно много творческих javascript-библиотек. Самый простой, чтобы начать работу с я могу думать о p5.js
Посмотрите на p5.js Brownian Motion example
На Wordpress, посмотрите на эту статью: Embedding p5.js in a WordPress entry
Кроме того, существует еще более p5.js video course
Если вы используете инструменты разработчика, вы можете увидеть, что он использует 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.
Не могли бы вы подробнее рассказать о необходимости сервера? Я загрузил индекс и пакет, а также каталог карт. Но все еще есть некоторые проблемы. –
Если вы хотите попробовать локально, вы не можете просто запустить файл index.html, потому что он попытается загрузить карты из локальной файловой системы, которые не разрешены. –
Итак, перейдите в каталог, содержащий файл index.html и bundle.js и запустите HTTP-сервер. Python поставляется с довольно простым, и вы просто запустить его из командной строки в папке с: питона -m SimpleHTTPServer 8000 Затем в адресной строке вашего браузера вы просто наберите: Http: //127.0. 0.1: 8000/index.html и цветной странник работает локально. Gulp (приходит с узлом) может сделать то же самое. –
- 1. JavaScript анимация анимации холста
- 2. javascript эффект анимации холста
- 3. javascript библиотека для создания шаблонов
- 4. Картинка для анимации холста
- 5. Автономная библиотека javascript для создания модальных диалогов
- 6. Библиотека для создания диаграммы тренда в javascript
- 7. Javascript анимация без холста?
- 8. HTML5 Ресурсы холста/анимации
- 9. Использование только JavaScript для создания анимации перехода
- 10. Скорость анимации холста
- 11. Остановка анимации холста SetInterval
- 12. Программно измерять производительность анимации холста
- 13. JavaScript: получение ImageData без холста
- 14. Форма холста форма анимации
- 15. Настройка фоновой анимации холста
- 16. Qml Ошибка анимации холста
- 17. Прогресс анимации холста
- 18. Петли в анимации холста HTML5
- 19. Кнопка отключения звука для анимации моего холста
- 20. уменьшить/thottle requestAnimationFrame для анимации холста
- 21. Рамка для создания образовательной анимации
- 22. Хороший инструмент для создания демо-анимации для веб-страниц?
- 23. Лучшая практика для создания элемента холста
- 24. Элемент на вершине холста без нажатия холста вниз -Javascript
- 25. android программирования для создания анимации
- 26. люди полоса анимации внутри холста
- 27. Как улучшить скорость анимации холста?
- 28. cancelAnimationFrame для анимации на Javascript
- 29. Библиотека JavaScript для мобильных анимаций?
- 30. Библиотека для создания окон Win32?
Вы можете сделать это с помощью встроенных js или любых других основанных на холсте фреймворков. Все, что я вижу на https://color-wander.surge.sh/, является только клиентской частью. Что вы хотите «запускать на разных серверах»? –
Здравствуйте @NikolaLukic, я думаю, что это не клиентская часть, а все о узле, использующем npm node-canvas для визуализации того, что мы видим. Поэтому мне нужна внешняя библиотека, чтобы сделать это в клиентской части. –