Skip to content

sidnevaed/threejs-project

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Подготовка

  1. npm ci
  2. npm run start
  3. Открыть в браузере страницу: localhost:8080

Задачи

Часть 1

  1. Создать git репозиторий и залить в него данный код
  2. Создать класс, использующий ThreeJS для вывода графики
  3. Добавить canvas из ThreeJS в dom-дерево страницы и "растянуть" весь экран
  4. Создать и вывести квадрат в ThreeJS контексте (использовать ортографическую камеру)

Часть 2

  1. Убрать скроллы
  2. Сделать отслеживание изменение размера окна
  3. Сделать цикл отрисовки requestAnimationFrame(ResizeObserver)
  4. Добавить метод изменения цвета квадрата
  5. Встроить canvas в div (сейчас в body)
  6. Управление камерой (перемещать камеру мышкой с зажатой ЛКМ). Опционально другими способами ввода
  7. Исправить ошибки eslint

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published