Сафонов Владимир

портфолио веб-разработчика

Художественное образование и опыт работы с традиционными техниками определяют визуальный язык каждого проекта — от композиции и типографики до выбора стилистики.

Параллельный интерес к 3д-дизайну переносится в веб: кастомные шейдеры и Three.js-сцены входят в стандартный инструментарий, а не служат украшением.

Программирование с раннего возраста позволяет вести проект целиком — от пайплайнов сборки данных до прод-окружения. К каждой работе приложена ссылка на репозиторий.

Посмотреть работы или сразу к VFX / 3D

— 04 проекта

Работы

Серпухов — округ чудес и открытий

Интерактивная 3д-карта Серпухова на Three.js с кастомными GLSL-шейдерами для зданий, дорог и природного окружения. Многослойный конвейер рендеринга с пост-эффектами — детекция граней через буфер глубины, FXAA, наложение бумажного шума.

Геометрия загружается тайлами и организована в пространственную сетку для эффективного фрустум-каллинга; навигация дополнена интерактивными ориентирами и плавными переходами камеры.

Открыть сайт Репозиторий

Эскизы

Сайт социального проекта в поддержку детей-художников с особенностями развития: профессиональные мастера превращают детские эскизы в полноценные работы маслом.

Главная — процедурная WebGL-композиция с нейросетевой топологией и кастомными шейдерами: эффекты дыхания, волн падения, преобразования частиц в типографику и иконки. Стек: Three.js + GLSL3, Vite, Web Components.

Открыть сайт Репозиторий

Владимир Храбрый

Одностраничный сайт о князе Владимире Храбром: скролл-управляемое повествование с многоуровневыми картографическими сценами, 3д-моделью памятника и вращающейся монетой — всё в стилистике карандашного наброска.

Стек — Three.js с собственными GLSL-шейдерами и GLB-моделями; камера и анимации синхронизируются с положением курсора и фазами скролла.

Открыть сайт Репозиторий

Cactus Jack

Сайт с насыщенным 3д-интерфейсом на React Three Fiber, TypeScript и Vite. Многослойный параллакс с кастомными WebGL-шейдерами — пыльный туман, покачивание кактусов, эффект солнечной линзы — кольцевая карусель из десятков карточек и плавные переходы между состояниями.

Подкреплён собственными пайплайнами данных: парсинг градиентов из Photoshop, выгрузка музыкальных превью из iTunes и Yandex Music; прогрев шейдеров обеспечивает мгновенные смены фаз интерфейса.

Открыть сайт Репозиторий

— 02 работы

VFX / 3D

1 сентября

Короткий ролик о школьнике, чья рутинная реальность растворяется в цифровую сетку и уносит его в сюрреалистичные миры знаний — между парящими партами, гигантскими книгами и химическими колбами, — после чего он возвращается за парту вдохновлённым.

Живой актёр, снятый на хромакее, интегрирован в полностью CG-среду: композ с летящими предметами, симуляции частиц (снег, брызги, облака), бесшовные переходы через падение и контрастная цветокоррекция, меняющая приглушённый кабинет на яркое небо и грозовые тучи.

Blender DaVinci Resolve Chroma key

Спарк

3д-маскот в виде пиксельного персонажа-искры: тело собрано из мелькающих вокселей-флеймов, где каждый микрокубик читается как отдельная вспышка идеи.

Концепция реализована в Blender и развёрнута в законченный визуальный набор — ключевой рендер персонажа, типографический баннер с фирменным градиентом и мерч-визуал в едином образе.

Blender 3D character Branding