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将最