Бесплатный 3D-редактор для сайтов: Polygonjs без кода

На нормальных лендингах сейчас почти везде есть что-нибудь 3D — переливающийся блоб, объект который медленно вращается, частицы следующие за курсором. Я долго просто принимал что мои сайты будут выглядеть плоско, потому что всё что связано с WebGL казалось требует знать Three.js, шейдеры и ещё кучу всего — учить которое я не собирался. Просил агента «добавь что-нибудь 3D» и получал серый куб который медленно крутится.

Polygonjs — это другой подход. Визуальный редактор 3D-сцен на основе нод, как в Blender, только для сайтов. Соединяешь ноды — создаёшь геометрию, добавляешь материалы, настраиваешь анимацию и пост-обработку. Всё это в визуальном редакторе, без единой строчки кода. Есть веб-версия на polygonjs.com где можно сразу начать прототипировать — и CLI для экспорта готовых сцен в любой проект.

Редактор организован по контекстам нод: геометрические ноды создают фигуры и рельеф, материальные — шейдеры и текстуры, анимационные управляют движением, аудио-ноды привязывают звук к событиям сцены. Пост-обработка добавляет bloom, глубину резкости, ambient occlusion. Под капотом — Three.js, так что всё что работает в экосистеме Three.js работает и здесь. Готовую сцену экспортируешь и вставляешь в vanilla JS, React, Vue или любой другой веб-стек.

1Как добавить 3D-сцену на свой сайт

Начни с polygonjs.com/demo — там живой редактор прямо в браузере, без регистрации. Посмотри на готовые примеры, найди что-то похожее на то что хочешь. Когда понял примерно что это должно быть — объясни агенту и дай ему ссылку на GitHub.

npm create polygonjs@latest

CLI спросит какой шаблон выбрать — vanilla JS, Three.js, Vue, React или React Three Fiber. После этого агент получает рабочий проект с уже подключённым редактором Polygonjs и может начать собирать сцену которую ты описал.