shader park core

Shader Park упрощает создание процедурной графики с использованием JavaScript.
С несколькими строками кода, создайте шейдеры:

• Анимирован
• Интерактивный
• 2d или 3d

Попробуйте живой редактор ✍

Просмотрите интерактивную документацию

Построить из рабочего шаблона/примеров проектов

Присоединяйтесь к сообществу по раздора

Легко интегрируется с:

• веб -страницы
• Три
• TouchDesigner
• единство (в разрабатывании)

Изучите сотни примеров

Установить

npm install shader-park-core

Использование

Смотрите примеры сбоя

Использование CLI:

npm run toThreeJS my-sculpture.js
npm run toOffline my-sculpture.js
npm run toRawSDF4Meshing my-sculpture.js

Для разработки на веб -сайте SP:

В Shader-Park-Core Repo npm link yarn link

В Shader-Park-Website Repo npm link shader-park-core или yarn link shader-park-core

Использование API:

Простые инструменты CLI в каталоге преобразователей являются простыми примерами того, как можно использовать API. (Todo, поместите больше примеров в Readme и папку примеров) На данный момент изучите доступные функции в index.js и посмотрите их реализации в каталоге целей.

Чтобы добавить новые цели:

1. Внедрить класс в целях, который преобразует Sculpt в формат, который требуется вашему цели (см. Существующие цели, например, доступных инструментов для этого)
2. Разоблачить функции извне в index.js
3. Реализуйте базовый конвертер CLI, (на данный момент это означает, что это означает, что просто копируйте существующий преобразователь и заменять функцию единого преобразователя. Коборт можно учитывать, и конвертеры CLI могут быть автоматически сгенерированы) и использовать в качестве инструмента CLI или использовать API напрямую.