Wirtualny fortepian - Aplikacja webowa 3d | JavaScript & Three.js
Jak stworzyć aplikację webową z modelami 3d? Jak tworzyć gry w przeglądarce używając czystego JavaScriptu i Three.js.
To szybki skrót z tworzenia online fortepianu.
🔗 Link do projektu (wewnątrz modele):
https://github.com/kacperlo/PianoSite
📡 Live demo (Po odpaleniu trzeba poczekać aż zostaną pobrane pliki dźwiękowe - 70 MB):
https://kacperlo.github.io/PianoSite/
📖 W skrócie
0:00 - Baza strony
0:37 - Obrazki klawiszy
2:22 - Import silnika 3D
3:05 - Modelowanie fortepianu
4:54 - Dodawanie modeli do projektu
6:12 - Obsługa kliknięć
7:30 - Tworzenie materiałów modeli
9:53 - Dodawanie dźwięków
11:02 - Refactoring
11:45 - Efekt końcowy
🎲 Strony z darmowymi modelami:
https://free3d.com/
https://3dmodelhaven.com/models/
https://www.turbosquid.com/
https://www.cgtrader.com/
🎷 Muzyka: Hip Jazz - https://www.bensound.com