Уровень 0 · материалов: 3
В кластер включаются материалы по созданию полноценных трехмерных сред и работе с библиотеками 3D-рендеринга, но не включаются документы о создании плоских интерфейсов или реплик оборудования с помощью CSS.
Общие признаки: создание 3D-графики в браузере, использование WebGL и Three.js, визуализация освещения и теней, фронтенд-технологии для рендеринга
Группа выше: Браузерные и веб-игры
Смысл: The main idea is to introduce beginners to 3D web development by demonstrating how Three.js simplifies WebGL, providing a conceptual framework (scene, camera, renderer) and practical examples to get started quickly.
An introductory guide explaining how to use the Three.js library to create and animate 3D objects in a web browser by simplifying the complex WebGL API.
Смысл: The main idea is to provide a practical, hands-on introduction to the Three.js library, teaching beginners how to set up a WebGL environment, create basic 3D shapes, apply lighting and shadows, and implement smooth animations.
A step-by-step tutorial on creating an animated 3D scene using Three.js, covering everything from HTML setup and geometry to lighting, shadows, and GUI controls.
Смысл: The main idea is to demonstrate that complex 3D environments, including lighting, shadows, and collisions, can be simulated in a web browser using only HTML, CSS, and JavaScript, bypassing traditional 3D rendering engines.
A technical exploration of simulating a 3D first-person environment using CSS 3D transforms, Canvas-generated light maps, and height-map collision detection.