shader park core

Shader Parkは、JavaScriptを使用して手続き上のグラフィックスの作成を簡素化します。
わずか数行のコードで、次のシェーダーを作成します。

• アニメーション
• 相互の作用
• 2Dまたは3D

ライブ編集者をお試しください

インタラクティブなドキュメントを閲覧します

作業テンプレート/例プロジェクトから構築します

Discordでコミュニティに参加してください

簡単に統合：

• ウェブページ
• 3JS
• 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 Webサイトの開発のために：

Shader-Park-Core Repo Run npm linkまたはyarn linkで

Shader-Park-Website Repo Run npm link shader-park-coreまたはyarn link shader-park-core

API使用量：

Converters DirectoryのシンプルなCLIツールは、APIを使用する方法の簡単な例です。 （TODO、READMEにもっと多くの例を掲載し、例フォルダーを入れてください）今のところ、index.jsで利用可能な機能を調べて、ターゲットディレクトリの実装を参照してください。

新しいターゲットを追加するには：

1. Sculptをターゲットに変換するターゲットにクラスを実装します。
2. index.jsで関数を外部的に公開します
3. 基本的なCLIコンバーターを実装します（今のところ、これは既存のコンバーターをコピーして単一のコンバーター関数を交換することを意味します。ボイラープレートを因数分解し、CLIコンバーターを自動的に生成できます）、またはCLIツールとして使用するか、APIを直接使用します。