这是一个基于 Galacean Engine 的项目,目的是为了实现一个类似 ShaderToy 的网站。
在 1.2.0 版本中,Galacean 支持了 ShaderLab 功能,为了能更好的分享有趣或有用的材质,所以做了这个项目。
- clone 本项目。
- 运行
npm install
。 - 运行
npm run dev
。 - 打开浏览器,访问
http://localhost:3000
。
- fork 本项目。
- 在
src/shaderlab
目录下创建一个新的文件,文件名为your_name.gs
,内容为你的 ShaderLab 代码。 - 在
src/shaderlab/index.ts
中,根据示例添加你的 ShaderLab 文件。 - 运行
npm run dev
,测试你的l ShadeLab。 - 提交 PR。
- 完成 ShaderLab 展示功能。
- 可选择材质球模式和平面模式。
- 完成 对应 ShadeLab 的 GUI面板。
- 可选择模型模式(支持GLTF上传)。
- 完成 在线编辑 ShaderLab 代码。
- 完成 ShaderLab 的分享功能。