Примеры на Three.js

Простая сцена на Three.js: замок на острове и двигающиеся вперед-назад лодки.

Three.js 60, возможно в современных версиях что-то отличается.

Код и подробное описание реализации, сложностей (англ.):

Запустить можно тут:
https://alexp11223.github.io/Three.js_IslandCastle/index.html

1 симпатия

Тот же замок, но с текстурами и моделями стражников.
Лучники стоят на стенах, рыцари ходят вокруг замка. Кнопкой можно добавить еще рыцарей, они выйдут из замка и тоже начнут патрулировать этот радиус.

Текстуры и модели с 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

1 симпатия