https://github.com/stackgl/webgl-workshop
:mortar_board: The sequel to shader-school: Learn the WebGL API
https://github.com/stackgl/webgl-workshop
Last synced: 10 months ago
JSON representation
:mortar_board: The sequel to shader-school: Learn the WebGL API
- Host: GitHub
- URL: https://github.com/stackgl/webgl-workshop
- Owner: stackgl
- License: other
- Created: 2014-09-01T16:06:29.000Z (over 11 years ago)
- Default Branch: master
- Last Pushed: 2024-04-06T03:24:25.000Z (almost 2 years ago)
- Last Synced: 2025-05-07T06:39:54.323Z (10 months ago)
- Language: JavaScript
- Homepage:
- Size: 9.48 MB
- Stars: 1,501
- Watchers: 49
- Forks: 122
- Open Issues: 37
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE.md
Awesome Lists containing this project
- awesome-WebVR - Webgl workshop - :mortar_board: The sequel to shader-school: Learn the WebGL API (Resources / Tutorials)
- awesome-creative-coding - Webgl-workshop - The sequel to shader-school: Learn the WebGL API. (Learning Resources / Interactive)
- fucking-awesome-creative-coding - Webgl-workshop - The sequel to shader-school: Learn the WebGL API. (Learning Resources / Interactive)
- awesome-creative-coding - Webgl-workshop - The sequel to shader-school: Learn the WebGL API. (Learning Resources / Interactive)
- creative-coding-resources - WebGL Workshop - The sequel to shader-school: Learn the WebGL API (Courses)
README
# webgl-workshop
[](https://nodei.co/npm/webgl-workshop/)
**Learn the basics of WebGL in small, manageable chunks. The sequel to
[shader-school](http://github.com/stackgl/shader-school), created for
[CampJS IV](http://campjs.com/) by
[Mikola Lysenko](http://github.com/mikolalysenko) and
[Hugh Kennedy](http://github.com/hughsk).**
## Running This Thing
First, you need to [get a browser with WebGL](http://get.webgl.org/), as well
as a copy of [node.js](http://nodejs.org/) and [git](http://git-scm.com/). Once you have
all of that set up, you can install the workshop using [npm](http://npmjs.org/), which
is included with node:
``` bash
sudo npm install -g webgl-workshop
```
After that completes, you should be able to run the workshopper with the command:
``` bash
webgl-workshop
```
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.
## Other Resources
There are also local copies of the following documentation available in the
[docs](docs/) directory in this repository.
* [WebGL Quick Reference Card](https://www.khronos.org/files/webgl/webgl-reference-card-1_0.pdf)
## Stuck?
Feedback and criticism is welcome, please log your troubles in
[issues](https://github.com/stackgl/webgl-workshop/issues).
Full curriculum reviews
[like this one](https://github.com/timoxley/functional-javascript-workshop/issues/7)
are very helpful. More feedback like this please!
## Screenshots
## License
MIT. See
[LICENSE.md](https://github.com/stackgl/webgl-workshop/blob/master/LICENSE.md)
for more details.
Many thanks to [Raph Levien](http://en.wikipedia.org/wiki/Inconsolata) for
designing [Inconsolata](http://levien.com/type/myfonts/inconsolata.html) which
is used in this project, and licensed under the
[SIL Open Font License](http://scripts.sil.org/cms/scripts/page.php?site_id=nrsi&id=OFL).