Как собрать кубик Рубика в браузере на чистом Canvas
Разбор того, как сделать 3D-кубик без Three.js, используя только Canvas и базовую математику. В материале по шагам показывают, как устроить проекцию, реализовать поворот граней и постепенно довести всё до интерактивной модели, которую можно вращать прямо в браузере.
Хороший пример того, как из простых инструментов собрать наглядную графику и лучше понять основы рендера, трансформаций и работы с 3D в JavaScript.
#Canvas #JavaScript #3D
Разбор того, как сделать 3D-кубик без Three.js, используя только Canvas и базовую математику. В материале по шагам показывают, как устроить проекцию, реализовать поворот граней и постепенно довести всё до интерактивной модели, которую можно вращать прямо в браузере.
Хороший пример того, как из простых инструментов собрать наглядную графику и лучше понять основы рендера, трансформаций и работы с 3D в JavaScript.
#Canvas #JavaScript #3D
ES2025: JSON теперь можно импортировать как модуль
В ES2025 работа с JSON стала проще: такие файлы можно подключать напрямую в JavaScript без лишних обходных решений. Это удобно для конфигов, локальных данных и других статичных структур.
Синтаксис выглядит так:
После этого объектом можно пользоваться сразу в коде:
Фича делает код чище и понятнее, а заодно убирает лишнюю возню с загрузкой и парсингом. Кстати, такие изменения хорошо показывают, куда двигается современный стек — от языка до браузеров, и похожие апдейты часто разбирают в AI_trends_IT_world на фоне более широких трендов в AI и технологиях.
#ES2025 #JavaScript #JSON
В ES2025 работа с JSON стала проще: такие файлы можно подключать напрямую в JavaScript без лишних обходных решений. Это удобно для конфигов, локальных данных и других статичных структур.
Синтаксис выглядит так:
import config from './config.json' with { type: 'json' };После этого объектом можно пользоваться сразу в коде:
console.log(config.apiUrl)console.log(config.timeout)Фича делает код чище и понятнее, а заодно убирает лишнюю возню с загрузкой и парсингом. Кстати, такие изменения хорошо показывают, куда двигается современный стек — от языка до браузеров, и похожие апдейты часто разбирают в AI_trends_IT_world на фоне более широких трендов в AI и технологиях.
#ES2025 #JavaScript #JSON