Rain_sim

A rain simulator created with WebGL.

Getting Started

Clone the project anywhere. Use Visual Studio Code and open the folder as a project. Rightclick the index.html and choose open with Live Server. This requires the extension Live Server to be installed. Or just try different stuff until it works ;)

MVP

Slider:

• Tropfengröße
• Niederschlag Menge
• Windstärke
• Gewitter Intensität

Ankreuzbox:

• Gewitter

Sonstiges:

• Bild aus hier Folie 2 als Referenz
• [] Wasser sickert langsam ab wenn bodenkontakt
• [] anderes Material lässt schneller sickern
• [] Pfützen bildung an low points
• [] Fluss wird voller und reißender (easter egg, wenn max schnell, reißt er ein stück Papier auseinader)
• [] bei max Tropfengröße und Niederschlag, regnet es Katzen und Hunde
• bei Gewitter, Blitze und dunkeler Himmel

Implementierte Punkte

• Model Importer: .obj Dateien können importiert werden
• Procedural lighting generation: Blitze werden prozedual generiert
• Viewport Camera Control: View kann gedreht und gezoomt werden
• Lighting: flat shading with a flair ⭐
• Textures: Texturen können geladen werden wenn sie dem Namen der Models aus der .obj Datei entsprechen
• Multiple Objects: Sowohl Blitze, Regen als auch die Landschaft werden gleichzeitig gerendert
• Simple Interactions: Regenstärke kann angepasst werden, Gewitter kann an- und ausgeschaltet werden, etc.

Authors

• Anjo Weddewer
• Elisa Zhang