Beginners Guide to 3D Web Development Resources

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

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://twitter.com/mattdesl

Michal Zalobny

https://mobile.twitter.com/michalzalobny

https://michalzalobny.com

Anderson Mancini

https://www.youtube.com/c/AndersonMancini/videos

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

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

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

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

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.

Beginners Guide to 3D Web Development Resources

Comments

More from this blog

2D vs. 3D Game Development in JavaScript: A Comparative Guide

Free Beginner UX/UI Design Resources

Marketing Lingo Devs and Designers Should Know

How to KEEP a Freelance Client

Resources

Cool Creative People

Inspiring Sites

Youtube Videos

Paid Courses

Command Palette

Comments

More from this blog

Resources

Cool Creative People

Inspiring Sites

Youtube Videos

Paid Courses