1. O3D – 3D i browsere

    Kategori: JavaScript | Tags: , , ,
    Skrevet af d. 2009-07-13 kl. 12:34:22, sidst opdateret d. 05. maj 2010 kl. 09:18:37

    3D grafik er sjovt. Og med O3D fra Google kan vi nu også få fuldt
    hardware understøttet cross browser 3D grafik i browserne. Dette kan
    give bedre muligheder for web spiludvikling naturligvis, men også
    datavisualisering, 3D grafikere, legetøjsfirmaer der vil fange
    interessen hos unge og hjemmesider, der bare gerne vil have et
    ekstra pift kan nyde godt af dette.

    For at anvende O3D skal der installeres en letvægts-plugin til din browser (lavet af Google naturligvis).
    Derudover er selve O3D API’et er skrevet til Javascript, så webdevelopere behøver ikke lære et
    nyt sprog for at bruge størstedelen af funktionaliteten. Undtagelsen
    er shaders, der skrives i O3D’s eget shadersprog.

    Endnu en fordel ved O3D er at det er cross browser og cross platform
    kompatibelt. Således er både IE, Firefox, Safari og Chrome
    understøttet i Windows, Linux og Mac OS X.

    3D menu

    Til at demonstrere mulighederne ved O3D har jeg lavet en lille
    3D menu.

    3D menuen er inspiret af 3D desktoppe som Compiz til Linux, hvor
    brugerens forskellige desktoppe ligger på siden af en kube og der
    skiftes mellem dem ved at vende kuben.

    I eksemplet fungerer kubens sider som links og kan drejes for at
    skifte link. Måden brugeren drejer kuben på er ved at trykke på
    knapperne ovenfor eller bruge A eller S tasterne. Desuden kan man
    zoome på W og S.

    Muligheder demonstreret

    I eksemplet demonstreres følgende:

    • Da O3D skrives i Javascript betyder det at det er nemt for
      webudviklere at foretage interaktioner mellem en given hjemmeside og
      3D miljøet. I eksemplet er dette demonstreret ved knapperne for
      oven, der er indsat som almindeligt HTML markup, og hvordan disse får kameraet til at
      svinge rundt om klodsen.
    • Dette demonstrerer en anden mulighed i O3D, nemlig at brugerne
      kan bevæge sig rundt i scenen.
    • Direkte interaktion med 3D miljøet er også en mulighed. I
      eksemplet illusteres dette ved at brugeren kan klikke på en figur i
      miljøet og blive dirigeret til en ny side.

    O3D giver dog mulighed for langt mere end bare illustreret i dette ene
    eksempel. De individuelle figure i scenen kan også bevæge sig, der kan
    lægges texture på figurene, scener fra Maya og 3D Studio Max kan
    importeres og der er understøttelse for shaders.

    Flere eksempler og færdige programmer kan findes på
    code.google.com