JavaScripting

The definitive source of the best
JavaScript libraries, frameworks, and plugins.


  • ×

    Webgl Workshop

    The sequel to shader-school: Learn the WebGL API
    Filed under  › 

    • 🔾45%Overall
    • 1,469
    • 34.3 days
    • 🕩131
    • 👥11

    webgl-workshop

    NPM

    Learn the basics of WebGL in small, manageable chunks. The sequel to shader-school, created for CampJS IV by Mikola Lysenko and Hugh Kennedy.

    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:

    sudo npm install -g webgl-workshop
    

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

    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 directory in this repository.

    Stuck?

    Feedback and criticism is welcome, please log your troubles in issues.

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

    Screenshots

    screenshot

    screenshot

    screenshot

    screenshot

    License

    MIT. See LICENSE.md for more details.

    Many thanks to Raph Levien for designing Inconsolata which is used in this project, and licensed under the SIL Open Font License.

    Show All