Простая сцена на Three.js: замок на острове и двигающиеся вперед-назад лодки.
Three.js 60, возможно в современных версиях что-то отличается.
Код и подробное описание реализации, сложностей (англ.):
Запустить можно тут:
https://alexp11223.github.io/Three.js_IslandCastle/index.html
Тот же замок, но с текстурами и моделями стражников.
Лучники стоят на стенах, рыцари ходят вокруг замка. Кнопкой можно добавить еще рыцарей, они выйдут из замка и тоже начнут патрулировать этот радиус.
Текстуры и модели с http://opengameart.org
Thress.js 71.
Для работы нужен HTTP сервер (просто отдающий файлы), или изменение каких-то настроек безопасности браузеров для загрузки локальных файлов.
Я использовал бесплатную версию Mongose https://cesanta.com/binary.html, его советовал в книге “Learning Three.js” J. Dirksen: там просто кинуть .ехе в папку и запустить.
Код и подробное описание реализации, сложностей, багов (например, упомянутые тут проблемы с загрузкой моделей) на английском:
Запустить можно тут:
https://alexp11223.github.io/Three.js_GuardedCastle/index.html
