Осенние деревья, с которых можно стряхивать листья | PhysicsJS | jQuery
Достаточно интересное решение! В данном примере на осеннюю тематику мы наблюдаем деревья с листьями. Деревья можно трясти и тогда с них начнут опадать листья. Листья также взаимодействуют с курсором
Для начала посмотрите ДЕМО
Установка:
1#: После открывающего тега <body> вставьте:
2#: В самый низ вашего CSS вставьте:
Осталось лишь залить два JS файла из прикреплённого архива в папку js
Комментарии: 393Публикации: 1096Регистрация: 27-08-2018
|
1 2 3 4 |
<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> |
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 |
#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; } |
Автор публикации
Я не понял вашего вопроса, но постараюсь на него ответить...
