Websites in 3D

This site uses cookies. By continuing to browse this site, you are agreeing to our Cookie Policy.

  • Hallo,

    Meer en meer begin ik mij te interesseren in 3D effecten op websites.
    Dankzij het three.js framework is dit relatief eenvoudig mogelijk.

    Verder is three.js vrij slim en zal het proberen om er alles aan te doen om het alsnog goed te tonen op oudere browsers en browsers die geen 3D ondersteunen.
    Hierdoor dien je je bijna geen zorgen te maken om compatibiliteit.

    Enkele voorbeelden waarbij mijn mond open valt:

    Rondrijden met een 3D auto:
    helloracer.com/webgl/

    Muziekclips ondersteund door web 3D effecten (Ellie Goulding) - muis ingeduwd houden om sneller te gaan:
    lights.elliegoulding.com/

    Google laat wat kleurende vormen naar beneden vloeien:
    chromeweblab.com/

    Pong game in 3D, getekend in de browser. Speel gerust tegen de beer:
    cubeslam.com/xkkvxw

    Elk regendruppeltje wordt gereflecteerd in elkaar, dat met lichteffecten bij:
    ericrius1.github.io/IndrasNet/public/

    Ben je gebeten en wil je zelf aan de slag gaan?
    Mijn advies is om volgend framework te gebruiken:
    threejs.org/
    Kijk maar naar de demo's:
    threejs.org/examples/
    De eerste is al een cool effect.

    Verder heb ik gemerkt dat je blender nodig hebt en dat je in de three download een blender plugin kunt vinden om blender 3D afbeeldingen te exporteren in het three.js model.
    Op die wijze kun je je 3D modellen relatief eenvoudig laten afspelen in three.js, in je browser.

    Heb jij al 3D gebruikt in 1 van je web-projecten? Of overweeg je ook om dit eens te onderzoeken? :thumbsup:
    ----------------------------------------------
    K.Rens
    Zaakvoerder DiMoWeb
    dimoweb.com

    1,070 times read

Comments 2

  • K.Rens -

    Ja, het is een kunst om 3D sites zo te maken dat ze ook snel renderen en worden getoond.
    Dit omdat er meestal 10 frames per seconde moeten worden getoond door je browser.

  • victor -

    Ziet er leuk uit! Heb alleen wel het gevoel dat het soms wat traag is.