shader park core

Shader Park ทำให้การสร้างกราฟิกขั้นตอนง่ายขึ้นโดยใช้ JavaScript
ด้วยรหัสเพียงไม่กี่บรรทัดสร้าง Shaders ซึ่งคือ:

• มีชีวิตชีวา
• การโต้ตอบ
• 2d หรือ 3d

ลองใช้ตัวแก้ไขสด✍

เรียกดูเอกสารเชิงโต้ตอบ

สร้างจากเทมเพลตการทำงาน/โครงการตัวอย่าง

เข้าร่วมชุมชนใน Discord

รวมเข้ากับ:

• หน้าเว็บ
• สามจี
• 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:

ใน npm link หรือ yarn link

ใน shader-park-website repo run npm link shader-park-core หรือ yarn link shader-park-core

การใช้ API:

เครื่องมือ CLI ที่เรียบง่ายในไดเรกทอรีตัวแปลงเป็นตัวอย่างง่ายๆว่า API สามารถใช้งานได้อย่างไร (สิ่งที่ต้องทำให้ใส่ตัวอย่างเพิ่มเติมในโฟลเดอร์ readme และตัวอย่าง) สำหรับตอนนี้สำรวจฟังก์ชั่นที่มีอยู่ใน index.js และดูการใช้งานของพวกเขาในไดเรกทอรีเป้าหมาย

เพื่อเพิ่มเป้าหมายใหม่:

1. ใช้คลาสในเป้าหมายที่แปลงรูปปั้นเป็นรูปแบบที่เป้าหมายของคุณต้องการ (ดูเป้าหมายที่มีอยู่สำหรับเครื่องมือที่มีอยู่สำหรับสิ่งนี้)
2. เปิดเผยฟังก์ชั่นภายนอกใน index.js
3. ใช้ตัวแปลง CLI พื้นฐาน (สำหรับตอนนี้หมายความว่าเพียงแค่คัดลอกตัวแปลงที่มีอยู่และสลับฟังก์ชั่นตัวแปลงเดี่ยวแผ่นหม้อไอน้ำอาจถูกแยกออกและตัวแปลง CLI สามารถสร้างขึ้นได้โดยอัตโนมัติ) และใช้เป็นเครื่องมือ CLI หรือใช้ API โดยตรง