Droemme i 3D: en WebGL oplevelse for moderne browser

Af Ricardo Cabello (alias Mr.doob), Google Data Arts Team



August sidste år, vi udgivet "The Wilderness Downtown", en musikoplevelse, der bragte sammen HTML5 og JavaScript, samt Google Maps og Street View API'er. Dag, er vi glade for at præsentere vores nyeste projekt, "3 Dreams of Black", lavet med WebGL, HTML5 og JavaScript, og designet til moderne browsere som Google Chrome. Vi forpremiere denne musik oplevelse i går med web-udviklere på dag 2 i Google I / O-keynote.

"3 Dreams of Black" tager dig med på en rejse gennem tre drøm verdener konstrueres gennem en kombination af rige 2D-tegninger og animationer sammenvævet med interaktive 3D-sekvenser. Igennem forskellige punkter i disse drømme verdener, kan du få fat i musen og guide hovedpersonens synsvinkel gennem erfaring. Denne musikoplevelse også en 3D-model skaberen der tillader dig at oprette din egen levn og bidrage til den delte kollektive drøm. "3 Dreams of Black" er skrevet og instrueret af Chris Milk, og udviklet med et par folk her på Google.



I at skabe "3 Dreams of Black", har vi haft lejlighed til at bygge mange værktøjer, biblioteker og modeller. Vi har åbnet helt op til kildekoden og gjort den tilgængelig for web-udviklere at pille ved os på www.ro.me / tech. Ud over koden, fremhæver et par andre omfatter otte WebGL demoer, en sjov model viewer for at interagere med nogle af dyrene fra web-oplevelse, og Three.js 3D bibliotek, der bruges til at bygge oplevelse. Desuden blev en stor del af projektet at definere en god pipeline for at få alle dyrene og miljøet modeller lige i WebGL - for dette, har vi udvidet Blender med brugerdefinerede plugins, så vi kunne manipulere og eksportere data med lethed.







"3 Dreams of Black" er indstillet til sangen "Black" fra albummet Rom, præsenteret af Danger Mouse & Daniele Luppi, byder Jack White og Norah Jones på vokal, til at blive frigivet snart på pladeselskabet EMI. Fordi det er bygget i WebGL, det kræver en WebGL-understøttet browser som Chrome, og Windows Vista / Mac OS X 10,6 og derover for at hjælpe med at sikre, at din computer har det nødvendige og up-to-date grafik drivere. Vi håber du vil tage et øjeblik til at dykke ned i de erfaringer og udvikleren ressourcer på www.ro.me

Ricardo Cabello er en designer / udvikler i Google Data Arts Team. Han er skaberen af ​​flere populære Chrome Experiments, herunder Google Gravity, Ball Pool og Harmony.

Indsendt af Scott Knaster, redaktør