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)