shader-school

:mortar_board: A workshopper for GLSL shaders and graphics programming

Github星跟踪图

Shader School

NPM
NPM

An introduction to GLSL shaders and graphics programming that runs in your web browser.

shader-school

Running this thing

First, you need to get a browser with WebGL, as well
as a copy of node.js and git. Once you have
all of that set up, you can install the workshop using npm, which
is included with node:

npm install -g shader-school

After that completes, you should be able to run the workshopper with the command:

shader-school

The script will ask you if you want to create an answer directory, press y to
accept. This will populate your current directory with shader files for you to
edit for each lesson – hopefully, it should also automatically open your web
browser but if it doesn't you can find the workshop menu on
http://localhost:12492/.

Stuck?

Feedback and criticism is welcome, please log your troubles in
issues. The workshop is
still being worked on but is very close to being complete!

Full curriculum reviews
like this one
are very helpful. More feedback like this please!

Contributors

Color Scheme

color scheme

From left to right:

  • #34363B vec3(0.2039, 0.2117, 0.2313) (black)
  • #A9B0C3 vec3(0.5372, 0.6901, 0.7647) (dark grey)
  • #DEE7FF vec3(0.8705, 0.9058, 1.0) (light grey)
  • #FFFFFF vec3(1.0, 1.0, 1.0) (white)
  • #58FF8B vec3(0.3451, 1.0, 0.5450) (green)
  • #FF6E57 vec3(1.0, 0.4313, 0.3411) (red)
  • #FFE25F vec3(1.0, 0.8862, 0.3725) (yellow)
  • #61C3FF vec3(0.3804, 0.7647, 1.0) (blue)

Screenshots

screenshot

screenshot

screenshot

screenshot

screenshot

主要指标

概览
名称与所有者stackgl/shader-school
主编程语言JavaScript
编程语言GLSL (语言数: 4)
平台
许可证Other
所有者活动
创建于2014-03-10 08:04:05
推送于2021-03-21 04:52:04
最后一次提交2021-03-21 04:52:04
发布数6
最新版本名称v1.1.0 (发布于 2015-03-09 06:45:43)
第一版名称v0.0.3 (发布于 2014-07-14 14:48:57)
用户参与
星数4.4k
关注者数92
派生数257
提交数291
已启用问题?
问题数120
打开的问题数43
拉请求数46
打开的拉请求数5
关闭的拉请求数8
项目设置
已启用Wiki?
已存档?
是复刻?
已锁定?
是镜像?
是私有?