Достаточно интересное решение! В данном примере на осеннюю тематику мы наблюдаем деревья с листьями. Деревья можно трясти и тогда с них начнут опадать листья. Листья также взаимодействуют с курсором
Для начала посмотрите
ДЕМО
Установка:
1#: После открывающего тега <body> вставьте:
|
<canvas id="viewport"></canvas> <div id="ground"></div> <script type="text/javascript" src="/js/physicsjs-full.min.js"></script> <script type="text/javascript" src="/js/autumnleaves.js"></script> |
2#: В самый низ вашего CSS вставьте:
|
#viewport { position: absolute; top:0; left: 0; bottom: 0; right: 0; z-index: 2; } #ground { position: absolute; bottom: 0; left: 0; right: 0; height: 30px; background: #549B47; } |
Осталось лишь залить два JS файла из прикреплённого архива в папку
jsАвтор публикации
12
Я не понял вашего вопроса, но постараюсь на него ответить...
Комментарии: 393Публикации: 1096Регистрация: 27-08-2018