Beginners Guide to 3D Web Development Resources

Beginners Guide to 3D Web Development Resources

Oct 3, 2022·

2 min read

Hey 👋 I’m Deja 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

Babylon JS Main Site

https://www.babylonjs.com

Learn About WebGL (Nerdy Stuff, Advanced Reading)

https://www.khronos.org/webgl/

Learn About OpenGL (Nerdy Stuff, Advanced Reading)

https://www.opengl.org

Cool Creative People

Mr.Doob

https://mrdoob.com

https://twitter.com/mrdoob

Bruno Simon

https://bruno-simon.com

https://twitter.com/bruno_simon

https://bruno-simon.com

Nicholas Lever

https://twitter.com/NikLever

(youtube.com/channel/UCUlSAoLd9N2AEeT08wqnpy..)

Matt DesLauriers

https://www.mattdesl.com

https://twitter.com/mattdesl

Michal Zalobny

https://mobile.twitter.com/michalzalobny

https://michalzalobny.com

Anderson Mancini

(youtube.com/c/AndersonMancini/videos)

https://twitter.com/Andersonmancini

Simon Dev

(youtube.com/channel/UCEwhtpXrg5MmwlH04ANpL8..)

https://twitter.com/iced_coffee_dev

Inspiring Sites

Cute Room Site

https://bokoko33.me

Bruno Simon Portfolio

https://bruno-simon.com

Three JS Examples

https://threejs.org/examples/#webgl_animation_keyframes

Babylon JS Examples

https://www.babylonjs.com/community/

Hello, I’m V

https://vaalentin.github.io/2015/

Harrods X Burberry Virtual

https://emperia.digital/Harrods/Burberry/index.htm

The Virtual Economy

https://atelier.net/virtual-economy/

Poseidon's Moringa

https://poseidons.eu

5 Key Colors S/S 24

https://window.coloro.com/

Space and Time

https://www.spaceandtime.io/

2050 Earth

https://2050.earth/

XR Showcase (Various Projects)

https://xrshowcase.xyz

Digital Present

https://digitalpresent.io

Stem Koski Examples (Not Secure)

http://stemkoski.github.io/Three.js/#sphere-unwrapping

Youtube Videos

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

(youtube.com/watch?v=Q7AOvWpIVHU)

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

(youtube.com/watch?v=rxTb9ys834w)

Paid Courses

Three JS Journey

https://threejs-journey.com

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

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/

Three.js and TypeScript

https://www.udemy.com/course/threejs-tutorials/

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/

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.