Deja
Creative Code with Deja

Follow

Creative Code with Deja

Follow
Beginners Guide to 3D Web Development Resources

Beginners Guide to 3D Web Development Resources

Deja's photo
Deja
·Oct 3, 2022·

2 min read

Table of contents

  • Resources
  • Cool Creative People
  • Inspiring Sites
  • Youtube Videos
  • Paid Courses

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.

 
Share this