Заметки о том, как мы делаем небольшие интерактивные сцены для этого сайта: процедурная анимация, 3D в реальном времени и приёмы, которые их оживляют.
Процедурная анимация на HTML canvas: IK-решатель в десять строк по теореме косинусов, циклы походки, постановка стоп без скольжения, дорожки ключевых кадров с плавностью, сжатие и растяжение и волосы на verlet.
Читать статью →
Море из суммы синусоид как единственный источник истины, нормали конечными разностями, пена на гребнях через onBeforeCompile, корабль, который качается, кренится и рыскает без физического движка, и туман, дождь и молнии, которые делают шторм убедительным.
Читать статью →
Процедурный рельеф, прорезанный вокруг извилистого ручья, преломляющая водная лента, 25 000 инстанцированных травинок с ветром через onBeforeCompile, деревья из карточек листьев, ходьба по клику с рейкастом по земле, свечение и цветокоррекция.
Читать статью →Каждая статья — о сцене, с которой можно поиграть прямо на нашем сайте: страница с человечком (теперь это Stickman Spear Run — раннер, где нужно прыгать и бить копьём, а лаборатория движения стала вторым режимом), «Шторм по курсу» и «Прогулка по лесу». Жанровые подборки и рекомендации — в разделе подборок.