Chipsa Design

Как оказалось, создать расширенный нодовый материал в трехе очень просто: нужно использовать методы типа setupPosition, setupDiffuseColor и в них присваивать новые значения соответствующим нодам (в первый коммент положил пример кода). Далее материал используется как обычно, при необходимости внедряя кастомный шейдерный код в нодовые слоты (positionNode, colorNode, и т.д.). При этом реализация расширенного материала скрыта от пользователя. Таким образом можно создавать кастомные материалы с различными конфигурируемыми эффектами, не теряя возможность модифицировать шейдеры как угодно! Даже можно наделать npm-пакеты с эффектами :) Live: https://pavelmazhuga.com/lab/tsl-custom-node-material">https://pavelmazhuga.com/lab/tsl-custom-node-material Source code: https://github.com/pavel-mazhuga/portfolio/tree/main/src/app/lab/tsl-custom-node-material">https://github.com/pavel-mazhuga/portfolio/tree/main/src/app/lab/tsl-custom-node-material

В новом материале — разбираем, что делает креативные решения действительно устойчивыми. От уникальности и гибкости до эмоционального отклика и функциональности — те самые качества, которые помогают брендам выделяться и оставаться актуальными на долгие годы. https://chipsa.ru/publications/gibkost-i-emocii-pocemu-kreativnye-reseniia-dolgovecny

Даже в самом утилитарном проекте мы находим точку соприкосновения с красотой. Вентили, трубы, стоки — тема, казалось бы, далека от эстетики. Но мы превратили её в язык чертежей, выразительную 3D-графику и чистую визуальную подачу. Этот дизайн не просто работает — он вызывает эмоции. Потому что даже инженерные системы могут цеплять, удивлять и вдохновлять. #тизеры

Импрессионизм, балет и пластическая хирургия — собрали всё это в одном проекте. В статье рассказываем, как создавали 3D-образ балерины, осваивали риггинг с нуля и отказались от AI в пользу ручной работы. ⠀ Почему стабильная анимация — это не только про скелет, как выглядят цифровые идеалы и что делать, когда референс выглядит эффектно, но технически не работает — по ссылке ниже. https://chipsa.ru/publications/trebuetsia-srocnaia-animaciia-kak-my-vpervye-ispolzovali-3d-model-celoveka-dlia-saita-kliniki-plasticeskoi-xirurgii

Целиком и полностью про визуальный контент: CGI, motion-дизайн, 3D, AI — всё то, что мы создаём внутри проектов и за их пределами. Мы давно работаем с этим. Но сейчас захотели сказать об этом отдельно. Потому что для нас контент — не просто инструмент, а способ оригинально решать задачи и представлять наши идеи. Когда слова оказываются слишком прямыми или недостаточно ёмкими, именно визуальный язык помогает выразить идею — точно, эмоционально и сильно. Графический контент передаёт суть быстрее, чем текст. Вовлекает без лишних объяснений. Запускает ощущение, формирует эмоцию и оставляет след. Особенно когда за ним стоит идея, эстетика, внимание к деталям и желание передать не только форму, но и чувство. Иногда контент рождается из задачи. Иногда — из стремления сделать красиво. Но чаще — из внутреннего импульса найти ту точку, где идея обретает форму. Создание шоурила — Евгения Жалнина

Тизер проекта-фантазии о магазине навыков — месте, где технологии позволят мгновенно осваивать то, что раньше занимало годы. Скоро расскажем и покажем подробнее.

Основная идея проекта Promeat — представить сайт как стильный журнал о мясе. Мы выбрали журнальную верстку, потому что она сразу задаёт нужный тон: профессиональный, но при этом лёгкий и живой. Добавили неформальные элементы (подчеркивания, обводки), чтобы дизайн не выглядел сухо. Язык сделали простым и понятным, использовали рабочий сленг horeca, чтобы быть ближе к аудитории. https://www.behance.net/gallery/212319121/Promeat Ещё придумали интерактивную секвенцию с куском мяса. Это решение отлично привлекает внимание к продукту и делает сайт интереснее. Пользователь сразу понимает, на чём главный акцент, так как взаимодействие с клюевым визуалом не заканичвается на первом экране, а сопровождает пользователя при изучении основной информации о компании Promeat. Дизайн — Анастасия Дианова 3D — Антон Чугунов Арт-дирекшен — Александр Педченко Менджемнт — Мария Суходолец

Как использовать бессознательное для генерации ярких креативных идей и что делать при творческом выгорании? https://chipsa.ru/publications/psixoanaliticeskie-texniki-i-poisk-kreativnyx-idei В этой статье мы рассказали о практических методах психоанализа и современных психологических подходах, которые помогут вернуть вдохновение и раскрыть ваш творческий потенциал.

Live: https://pavelmazhuga.com/lab/particles-morphing-2/webgpu Source code: https://github.com/pavel-mazhuga/portfolio/tree/main/src/app/lab/particles-morphing-2/webgpu

Прошу прощения за шуршание и хруст в эфире, но иначе никак — не могу удержаться, когда вижу такой вкусный проект на Webflow. Давайте вместе заценим, похрустим и вдохновимся. https://www.bleibtgleich.com/ Тут всё на высоте: язык, стиль, анимации, работа с типографикой — всё сливается в единый ритм. Несмотря на то, что сайт сделан на базе Webflow, он великолепно сочетается с продвинутыми анимациями на GSAP и Three.js. Переходы между страницами и «живые» эффекты (шейдер, реагирующий на курсор и плавный скролл с Lenis, да-да, именно Lenis) придают завораживающей динамики. По нажатию одной кнопки можно отобразить модульную сетку — мелочь, а приятно, ведь это позволяет увидеть структуру дизайна во всей красе. А ещё текст здесь подаётся в два слоя, что даёт дополнительной глубины восприятию. Этот проект — яркий пример органичного синтеза простоты и сложности: Webflow обеспечивает удобное управление контентом, а кастомный код раскрывает почти «безграничные» возможности для анимации и вовлечения пользователей. Получилось круто и точно достойно того, чтобы об этом похрустеть!

В основе — смелая и утончённая концепция, вдохновлённая балетной грацией и творчеством художника Эдгара Дега. Здесь технологии и эстетика сплетаются в гармоничный союз, в котором ключевой визуал с такой непростой 3D-анимацияей становится визитной карточкой сайта. Для нас этот проект стал ещё и первым опытом работы с риггингом и анимацией людей — было непросто, но результат того стоил. Скоро расскажем обо всём подробнее в статье. А пока можно взглянуть на сайт здесь. Дизайн — Артем Передков 3Д — Антон Чугунов Арт-дирекшен — Александр Педченко Фронтенд — Павел Мажуга, Павел Никифоров Бэкенд — Сергей Ветлугин, Иван Решетило Тестирование — Игорь Чихачев Менеджмент — Мария Суходолец , Наталья Божевникова

Все начинается с искры — креативной идеи, которая превращает обычный проект в незабываемый. Креативная команда дизайнеров — это те, кто добывает эту искру, раздувая её в настоящий огонь эмоций и вовлечения. Яркий дизайн, нестандартные решения и современные технологии помогают не просто привлечь внимание, а создать глубокую связь с аудиторией. Когда идея вспыхивает, она зажигает целый поток энергии, который ведет каждого участника проекта к общему успеху. Хотите узнать, как креатив превращается в результат? Читайте нашу новую статью и вызывайте реакцию огня вместе с нами. https://chipsa.ru/publications/razzigaia-iskru-rol-kreativnoi-komandy-dizainerov-v-strategii-prodvizeniia-biznesa

Сайты креативных студий зачастую содержат чуточку шизы (а порой и целый мешок), и Rick Barry тут не подвел. Минимализм? Есть. Всего один блок на главной. Стиль? Имеется. Максимальный. Но главное — наведите курсор на буквы и включите звук. Это не просто сайт, а маленький интерактивный перформанс, где каждая буква живет своей жизнью. В итоге вы либо кайфанете, либо подумаете: «А что это вообще было?» https://rickbarry.com.au/

Скоро обо всём расскажем подробнее, а пока встрейте тизер.

TypeScript-хардкор / Герои 3 в браузере / Новое в Three.js / Сложный фронтенд Обо всем этом — в новых докладах HolyJS 2025 Spring: ⚙️ Ведущий разработчик в Т-Банке Сергей Соловьев расскажет, как сделать JavaScript-интерпретатор на типах TypeScript — научимся вычислять значения eval и new Function на этапе компиляции. ⚔️🧙‍♂️ Руководитель подразделения портирования в GamePix Александр Гурьянов разберет методологию портирования на примере классических игр — «Героев 3», «Вагнеров» и «Периметра». Доклад полезен всем, кто портирует нативное ПО в веб. 👁 Павел Мажуга из команды Chipsa, создавшей интерактивный 3D-музей Самоката в вебе расскажет, как устроена нодовая система в Three.js — Three.js Shading Language. Разберемся в генерации шейдеров. 🤯 Разработчик, автор книг и множества докладов про API Сергей Константинов расскажет, почему фронтенд такой сложный: как меняются парадигмы, эволюционируют подходы и что ждет нас в будущем. HolyJS 2025 Spring пройдет 7–8 апреля в Москве с онлайн-трансляцией. Подробности о докладах и билеты — на сайте конференции.

Последний текст о нашем новом сайте – теперь о технической стороне. Видео без лагов, интерактивный логотип и WebGL-анимации. Всё это – результат долгой работы и десятков решений, о которых рассказали в нашем блоге.

Безумно круто оказаться в одном списке с ведущими мировыми агентствами! Особенно приятно читать текст с сайта CSSDA — он по-настоящему греет душу. Следующие финалисты заслуживают признания за выдающийся вклад в индустрию веб-дизайна и разработки. Наряду с победителями они продолжают вдохновлять целое поколение прошлых, нынешних и будущих профессионалов в области цифровых технологий. С победителями и другими номинациями можно ознакомиться по этой ссылке. https://www.cssdesignawards.com/blog/2024-doty-winners-are-here/411/

Мы привыкли к сайтам, перегруженным мигающими баннерами и кричащими скидками. Но на самом деле именно эмоции и эстетика сильнее всего влияют на решение о покупке. В статье мы разобрали, почему стиль, визуальная подача и сторителлинг превращают случайных посетителей в преданных клиентов. Ссылка на статью.

Как часто вы заглядываете «под капот» клипа известного исполнителя, чтобы узнать, кто стоит за его режиссурой? Ведь за визуальной магией зачастую скрываются гениальные авторы, на чьих плечах лежит всё — от концепции до постановки света. И один из самых ярких примеров — Дэйв Мейерс, человек, подаривший неповторимое визуальное оформление множеству топовых артистов: от Арианы Гранде и Билли Айлиш до Кендрика Ламара и Трэвиса Скотта. https://davemeyers.com/ Его фирменный стиль — это завораживающая эстетика с яркими цветами, неоновыми акцентами и сюрреалистичными деталями, которые вместе с динамичным монтажом создают настоящий взрыв впечатлений. Начав свой путь ещё в 90-х, Мейерс громко заявил о себе после работы с Korn и Outkast, а сегодня регулярно получает престижные награды (MTV VMA, Grammy) и входит в списки самых инновационных клипмейкеров. Однако Дэйв Мейерс снимает не только музыкальные клипы: его портфолио включает рекламные ролики для мировых брендов (Nike, Apple) и даже полнометражный фильм («Попутчик», 2007) — ремейк известного триллера 1986 года. Такой размах позволяет ему смело переносить нестандартные визуальные решения в самые разные проекты и раздвигать границы привычного формата, доказывая, что музыка и картинка могут взаимодействовать не только в музыкальных видео, но и в рекламе, и в кино, рождая уникальный аудиовизуальный опыт для зрителей.