Zvuky města
Projekt předmětu NI-CCC v zimním semestru 2020-2021
Autoři: Adam Benda, Radka Hošková
Zvuky
Obklopuje nás tolik zvuků, že si to většinou ani neuvědomujeme. Tikání hodin, hovory náhodných lidí, projíždějící auta. Cvrlikání ptáků v parku, vítr čechrající listí, nebo narážející na stěny budov.
Zvuk se mění podle toho kde jsme.. Šum přírody v parku, rušná křižovatka, vzdálený hukot dálnice, ruch lidských bytostí spěchajících za prací či zábavou. Zvuk se mění podle toho kdy jsme. V probouzejícím městě působí ranní občasný přejezd dodávky z pečivem jako akustická bomba - o pár hodin později už zaniká v hluku stovek jiných vozů. Různé druhy ptactva jsou aktivní v různou dobu.
Původní plán
Udělejme zvukový doprovod procházky městem. Zvuk se mění podle toho kde jsme a jak rychle jdeme. Udělejme to trošku přehnané; komiksová akustika, výrazný projev dostupných otevřených dat. Procházka městem v počítačové hře. Zavřete oči… to je náš projekt.
Současný stav
- Webová Aplikace (použitelná v Chrome)
- Github repozitář
Byl implementován prototyp procházky městem. Šipkami se pohybujeme po mapě Prahy, která je poseta objekty. Objekty reprezentují body zájmu a z každého je slyšet různý zvuk. Zvuky se mixují dohromady a čím blíže jsme objektu, tím hlasitěji se od něj zvuky ozývají.
Největší problémy
- Netriviální technologický stack: NodeJS, Postgres + PostGIS
- Implementováno částečné přihrávání dat ze serveru (tj. načte se pouze okolí uživatele)
- 3D zvuk poskytuje přímo prohlížeč - AudioContext
- Synchronizace modelu 3d grafiky (ThreeJS) se zvukovým modelem
Co by šlo udělat dál
Dalším krokem je přidání vícera druhů objektů a současně tedy i nalezení vhodných zvukových doprovodů. Na místě je i vylepšení modelů.
Uvažovalo se nad nějakou podobou interakce, například nahrávání zvuků uživateli aplikace
Screenshoty




