【文件属性】:
文件名称:game-of-life-shader
文件大小:41KB
文件格式:ZIP
更新时间:2021-04-18 09:58:40
JavaScript
GLSL模板
编写着色器的最小设置,包括:
:check_mark_button: 从 npm start通过npm start实时重载开发服务器
:check_mark_button: 通过npm run build导出Web / GitHub页面,例如
:check_mark_button: 用于在GLSL中导入软件包
:check_mark_button: 以获得更简单的JS(签出index.js )
:check_mark_button: 准备制作着色器玩具!
设置画布并加载着色器的Javascript,无需更改: index.js
简单的顶点着色器沿其位置传递,无需更改: vert.glsl
片段着色器示例入门: frag.glsl
用法
从上面的链接或通过此模板进行回购
克隆您的仓库,并在此处设置工作目录
安装依赖项:
npm i
npm i -g browserify
npm i -g budo
使用npm start开发服务器
编辑index.js , frag.glsl和vert.glsl
使用npm run build将最
【文件预览】:
game-of-life-shader-main
----vert.glsl(144B)
----.gitattributes(66B)
----frag.glsl(237B)
----README.md(1KB)
----docs()
--------index.html(170B)
--------bundle.js(90KB)
----.gitignore(14B)
----index.js(538B)
----package-lock.json(47KB)
----package.json(319B)