ThreeJS-WebGL-Template

Basic ThreeJS/WebGL Tutorial & Template

Feel free to take the code. I have provided comments throughout the code and simple steps on how to use it

Fluid Simulation • Spawning Models • Hexagon Grid

Fluid Simulation

Example

Things you need to know

Coding inside index.html is basic
Download script.js
You can try changing "mouseover" at line '1379' in script.js to "mousedown"
You can also try modifying the config at line '48-74' to suit your need
Tutorial

Spawning Models

Example 1 Examples 2 Examples 3

Things you need to know

Download script.js
Here you can modify the threejs code to suit your need (I have left some comments in the code)
If you want to spawn bunch of different models then you can make a folder for all ther models and make a php code that gets all that model and give it to the three js code for it to spawn Like This

Hexagon Grid

Example

Things you need to know

Download index.html
You can change the frustumSize at line 17 to change how many hexagon you want on the screen
Here you can modify the threejs code to suit your need (I have left some comments in the code)