shader park core

Shader Park는 JavaScript를 사용하여 절차 그래픽 생성을 단순화합니다.
몇 줄의 코드만으로도 다음과 같은 셰이더를 만듭니다.

• 생기 있는
• 대화식
• 2d 또는 3d

라이브 편집기 ✍️를 시도하십시오

대화식 문서를 찾아보십시오

작업 템플릿/예제 프로젝트에서 빌드하십시오

Discord에서 커뮤니티에 가입하십시오

쉽게 통합됩니다 :

• 웹 페이지
• Threejs
• 터치 디자이너
• Unity (개발 중)

수백 가지 예를 탐색하십시오

설치하다

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 Run npm link 또는 yarn link 에서

셰이더 -Park-Website Repo Run npm link shader-park-core 또는 yarn link shader-park-core

API 사용 :

Converters 디렉토리의 간단한 CLI 도구는 API 사용 방법에 대한 간단한 예입니다. (Todo, ReadMe 및 예제 폴더에 더 많은 예제를 넣으십시오.) 지금은 Index.js의 사용 가능한 기능을 탐색하고 Targets 디렉토리에서 해당 구현을 확인하십시오.

새로운 목표를 추가하려면 :

1. 대상이 요구하는 형식으로 조각을 변환하는 대상에서 클래스 구현 (예를 들어 이용 가능한 도구의 기존 대상 참조).
2. index.js에 외부에서 함수를 노출시킵니다
3. 기본 CLI 컨버터를 구현하십시오 (현재는 기존 변환기를 복사하고 단일 변환기 기능을 교환하는 것만으로도 보일러 플레이트를 고려하고 CLI 컨버터를 자동으로 생성 할 수 있음) CLI 도구로 사용하거나 직접 API를 사용합니다.