Как сделать резиновый canvas в three.js
Ваш продукт. Анимация 2D canvas. Когда размер имеет значение.
Зачастую возникает желание добавить немного креатива в Ваш продукт в виде приятных глазу анимаций, интересных иконок или изображений. Так сказать, совместить точные (или не очень) науки и искусство в одном флаконе. Если речь идет про веб-проект, то мало того, чтоб ароматы в этом флаконе получились нежные и завораживающие, ВАЖНО чтобы флакон не стал огромной трехлитровой банкой, которая сведет на нет все старания. Т.е. изображения и анимации должны быть оптимизированы для веб, и, как Вы догадались размер имеет значение для веб-проектов...
Создание базовых 3D-сцен с помощью Three.js
Источник: Nuances of Programming Мы будем применять один из наиболее классических инструментов веб-разработки — тег <script>. Подготовка базовых файлов Сначала создадим файл index.html. <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>03 - basic scene</title>
</head>
<body>
<script src="./script.js"></script>
</body>
</html> Затем создаем файл script.js. Код внутри него состоит всего из одной строки: console...