Innhold
- Hvorfor laget du howbb8works.com?
- Kan du snakke oss gjennom prosessen?
- Stod du overfor noen utfordringer?
- Har du lært noe nytt fra å jobbe med dette prosjektet?
Med den nylige utgivelsen av den offisielle Star Wars-plakaten og traileren, er spenningen for neste avdeling på et helt toppnivå. Nettdesigner Carlos Sánchez García er en slik fan som gleder seg til den nye filmen, så mens han venter tålmodig, opprettet en side dedikert til den nye karakteren BB-8.
Hvordan fungerer BB-8? utforsker inspirasjonen bak karakterdesignet, konseptene og teknologien det tok for å bringe ham til liv. Vi pratet med García om hvordan han laget nettstedet, med fokus på prosessen med å produsere den.
Hvorfor laget du howbb8works.com?
Som mange mennesker ble jeg overrasket av BB-8 i det øyeblikket jeg så den på teasertraileren til The Force Awakens. Da J.J. Abrams bekreftet at det ikke var CGI, men en ekte rekvisitt, internett eksploderte og spekulasjonene begynte. Jeg har jobbet med 3D-webteknologi de siste to årene, og jeg var sikker på at bruk av WebGL for å vise frem en animert 3D-modell av BB-8 ville blåse folks sinn.
Kan du snakke oss gjennom prosessen?
Jeg kunne ikke ha funnet en bedre samarbeidspartner enn CGI-artisten Emilio Gelardo. Han kom med to forskjellige mekanismer basert på all informasjonen vi hadde, og så modellerte og animerte han dem.
Da begynte jeg å se for meg siden - jeg ønsket å bruke historiefortelling for å avsløre alt vi visste om BB-8. Et fullt responsivt format på en side - nesten som et blogginnlegg på steroider - var perfekt for det.
Jeg laget noen trådrammer og fant ut informasjonsarkitekturen, men fungerte ikke på noen high-fidelity-modeller. I stedet begynte jeg å kode med en gang, som er en tilnærming som jeg bare følger når jeg jobber med sideprosjekter.
Stod du overfor noen utfordringer?
En av hovedutfordringene når du jobber med 3D-innhold på nettet er ytelse. Verold 3D-motoren er basert på three.js, et JavaScript-bibliotek som bruker WebGL til å gjengi 3D-grafikk i nettleseren.
Selv om WebGL bruker GPU for å akselerere grafikk, kan 3D-innhold alvorlig påvirke ytelsen hvis den ikke brukes riktig. Ved hjelp av et verktøy som Verold klarte vi å utnytte en interaktiv 3D-opplevelse med minimal ytelsespåvirkning.
Har du lært noe nytt fra å jobbe med dette prosjektet?
Dette prosjektet bekreftet at 3D kan være en veldig effektiv måte å engasjere publikum på. Når du knuser lerretet og får 3D til å se ut som et annet DOM-element, samhandler brukerne med det på en veldig naturlig måte.
Jeg har også lært mange nye ting om robotikk og Star Wars. Jeg visste ikke hva holonomisk bevegelse var, og jeg ante ikke at Ralph McQuarrie opprinnelig så R2-D2 som en rullende ball!
Denne artikkelen dukket opprinnelig opp i nummer 270 av nettmagasinet.