WebGL 2 Webpack Template Project

This is a simple, already configured, Webpack project that you can edit as you please. There isn't a rigid file structure in place, you can adapt it to your needs.

This was made for a university project with WebGL 2.

The small example included is taken from an exercise by @EricaStella93.

Features

• 🔁 Auto-reloading web server (with HMR deactivated, didn't test it)
• ✨ GLSL files loader (your shaders get imported as string, the advantage is having syntax highlighting)
• 🛠 TWGL.js already included
• ✍️ Code formatter (Prettier) already setup

How to use

Requirements:

• Node and npm installed (consider using nvm)
• A WebGL 2 compliant browser

1. Create a new repo from this template
2. Clone your repo on your machine
3. cd into your repo
4. npm install
5. npm start to start the web server

Done!

Your files should be inside src/, your compiled web app is inside dist/.