# Beginners Guide to 3D Web Development Resources



Hey 👋 I’m **[Deja](https://twitter.com/DejaCherese)** and I love creative coding. Here are a few of the resources, sites, and creators that share information about 3D web development. Disclaimer: None of these links are affiliated or sponsored. Please follow each link at your own risk and practice internet safety.😊

## Resources

**Three JS Main Site** 

[https://threejs.org](https://threejs.org/)

**Babylon JS Main Site**

[https://www.babylonjs.com](https://www.babylonjs.com/)

**Learn About WebGL (Nerdy Stuff, Advanced Reading)**

[https://www.khronos.org/webgl/](https://www.khronos.org/webgl/)

**Learn About OpenGL (Nerdy Stuff, Advanced Reading)**

[https://www.opengl.org](https://www.opengl.org/)

## Cool Creative People

**Mr.Doob**

[https://mrdoob.com](https://mrdoob.com/)

[https://twitter.com/mrdoob](https://twitter.com/mrdoob)

**Bruno Simon**

[https://bruno-simon.com](https://bruno-simon.com/)

[https://twitter.com/bruno_simon](https://twitter.com/bruno_simon)

[https://bruno-simon.com](https://bruno-simon.com/)

****Nicholas Lever****

[https://twitter.com/NikLever](https://twitter.com/NikLever)

%[https://www.youtube.com/channel/UCUlSAoLd9N2AEeT08wqnpyg?view_as=subscriber](https://www.youtube.com/channel/UCUlSAoLd9N2AEeT08wqnpyg?view_as=subscriber)

**Matt DesLauriers**

[https://www.mattdesl.com](https://www.mattdesl.com/)

[https://twitter.com/mattdesl](https://twitter.com/mattdesl)

****Michal Zalobny****

[https://mobile.twitter.com/michalzalobny](https://mobile.twitter.com/michalzalobny)

[https://michalzalobny.com](https://michalzalobny.com/)

**Anderson Mancini**

%[https://www.youtube.com/c/AndersonMancini/videos](https://www.youtube.com/c/AndersonMancini/videos)

[https://twitter.com/Andersonmancini](https://twitter.com/Andersonmancini)

**Simon Dev**

%[https://www.youtube.com/channel/UCEwhtpXrg5MmwlH04ANpL8A/videos](https://www.youtube.com/channel/UCEwhtpXrg5MmwlH04ANpL8A/videos)

[https://twitter.com/iced_coffee_dev](https://twitter.com/iced_coffee_dev)

## **Inspiring Sites**

**Cute Room Site** 

[https://bokoko33.me](https://bokoko33.me/)

**Bruno Simon Portfolio**

[https://bruno-simon.com](https://bruno-simon.com/)

**Three JS Examples** 

[https://threejs.org/examples/#webgl_animation_keyframes](https://threejs.org/examples/#webgl_animation_keyframes)

**Babylon JS Examples** 

[https://www.babylonjs.com/community/](https://www.babylonjs.com/community/)

**Hello, I’m V**

[https://vaalentin.github.io/2015/](https://vaalentin.github.io/2015/)

**Harrods X Burberry Virtual**

[https://emperia.digital/Harrods/Burberry/index.htm](https://emperia.digital/Harrods/Burberry/index.htm)

**The Virtual Economy**

[https://atelier.net/virtual-economy/](https://atelier.net/virtual-economy/)

**Poseidon's Moringa**

[https://poseidons.eu](https://poseidons.eu/)

**5 Key Colors S/S 24**

[https://window.coloro.com/](https://window.coloro.com/)

**Space and Time**

[https://www.spaceandtime.io/](https://www.spaceandtime.io/)

**2050 Earth**

[https://2050.earth/](https://2050.earth/)

**XR Showcase (Various Projects)**

[https://xrshowcase.xyz](https://xrshowcase.xyz/)

**Digital Present**

[https://digitalpresent.io](https://digitalpresent.io/)

**Stem Koski Examples (Not Secure)**

[http://stemkoski.github.io/Three.js/#sphere-unwrapping](http://stemkoski.github.io/Three.js/#sphere-unwrapping)

## **Youtube Videos**

****Build a Mindblowing 3D Portfolio Website // Three.js Beginner’s Tutorial****

%[https://www.youtube.com/watch?v=Q7AOvWpIVHU](https://www.youtube.com/watch?v=Q7AOvWpIVHU)

**Create a Room Portfolio with Three.js and Blender | [Awwwards' Sites Recreated]**

%[https://www.youtube.com/watch?v=rxTb9ys834w](https://www.youtube.com/watch?v=rxTb9ys834w)

## Paid Courses

**Three JS Journey**

[https://threejs-journey.com](https://threejs-journey.com/)

****Learn to create WebXR, VR, and AR, experiences using Three.JS****

[https://www.udemy.com/course/learn-webxr/](https://www.udemy.com/course/learn-webxr/)

****The Beginners Guide to 3D Web Game Development with ThreeJS****

[https://www.udemy.com/course/beginners-3d-web-game-development-with-threejs/](https://www.udemy.com/course/beginners-3d-web-game-development-with-threejs/)

****Three.js and TypeScript****

[https://www.udemy.com/course/threejs-tutorials/](https://www.udemy.com/course/threejs-tutorials/)

****Three JS with React JS course****

[https://www.udemy.com/course/three-js-with-react-js-course/](https://www.udemy.com/course/three-js-with-react-js-course/)

**Advanced Creative Coding with WebGL & Shaders**

[https://frontendmasters.com/courses/webgl-shaders/](https://frontendmasters.com/courses/webgl-shaders/)

I hope you enjoy these links and feel inspired. Please share these resources with any friends you feel would benefit. You can also check out **[my portfolio](https://dejacherese.com)**.