Threejs3D Code Play

Threejs3D Code Play поможет вам изучить Three.js, редактируя код и просматривая результат в виде интерактивной 3D-сцены. Начните с примера, измените его HTML и JavaScript, а затем запустите свою версию в приложении.

УЧИТЕСЬ НА РАБОЧИХ СЦЕНАХ

Изучите 99 примеров в рамках учебных экспериментов и предопределенных анимированных сцен. Начните с форм, материалов, освещения и камер, затем изучите частицы, шейдеры и взаимодействие. Попробуйте солнечную систему, океанские волны или анимированную абстрактную сцену, если вам нужна более масштабная отправная точка.

Пять учебных направлений организуют примеры по основам, геометрии, цвету и свету, движению и творческой мастерской. Отмечайте уроки как завершенные, продолжайте прохождение направления, добавляйте полезные примеры в избранное и возвращайтесь к недавно открытым сценам.

РЕДАКТИРУЙТЕ, ЗАПУСКАЙТЕ И ИССЛЕДУЙТЕ

Откройте пример в редакторе кода или начните новый проект с уже установленным импортом Three.js. Используйте подсветку синтаксиса, отмену и повтор действий, поиск и замену, а также переход к строке во время работы. Переключитесь в режим предварительного просмотра запуска, чтобы увидеть текущий код и проверить сообщения консоли или ошибки.

Перетаскивайте для вращения и масштабируйте с помощью жеста «щипок» в предварительном просмотре сцен. Для сцен, поддерживающих это, элементы управления в реальном времени позволяют исследовать цвет, скорость анимации, освещение, геометрию и сплошные или градиентные фоны. Доступные элементы управления зависят от сцены.

СОХРАНЯЙТЕ СВОИ ЭКСПЕРИМЕНТЫ

Сохраняйте проекты с именами и открывайте их из раздела «Ваши проекты». Открывайте HTML-файлы, чтобы продолжить редактирование существующей работы, или используйте «Сохранить как», чтобы сохранить отдельную копию.

Экспортируйте или делитесь проектом в формате HTML или ZIP. Экспорт включает распознанные встроенные библиотеки Three.js; пользовательские внешние ресурсы остаются внешними. Распакуйте ZIP-архив и передайте его папку по HTTP, чтобы открыть проект вне приложения.

АНИМИРУЙТЕ ОБОИ

На совместимых устройствах Android с необходимой поддержкой нативных функций отправьте анимированную сцену в предварительный просмотр обоев системы и подтвердите свой выбор там. Доступные места назначения обоев зависят от устройства.

Создано для студентов, любителей и веб-разработчиков, которые хотят практиковаться в 3D-программировании с помощью небольших экспериментов. В примерах, включенных в приложение, используются локальные библиотеки; для доступа к пользовательским удаленным ресурсам и рекламе может потребоваться доступ в интернет. Приложение содержит рекламу.