Beginners Guide to 3D Web Development Resources
Multidisciplinary designer, developer, and strategist with experience in E-commerce, Healthcare, and Education. A devoted advocate for users, analytical problem solving, and inclusive human-centered design practices. Skilled in analyzing user experience data and collaborating with agile teams to provide full product development that drives results for stakeholders. Versed in Service Design, Competitive Analysis, User Research, Information Architecture, Design Systems, Interaction Design, User Journeys, Flows, Team Collaboration, Design Thinking, and the Product Development Process.
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
Babylon JS Main Site
Learn About WebGL (Nerdy Stuff, Advanced Reading)
https://www.khronos.org/webgl/
Learn About OpenGL (Nerdy Stuff, Advanced Reading)
Cool Creative People
Mr.Doob
Bruno Simon
https://twitter.com/bruno_simon
Nicholas Lever
(https://www.youtube.com/channel/UCUlSAoLd9N2AEeT08wqnpyg?view_as=subscriber)
Matt DesLauriers
Michal Zalobny
https://mobile.twitter.com/michalzalobny
Anderson Mancini
(https://www.youtube.com/c/AndersonMancini/videos)
https://twitter.com/Andersonmancini
Simon Dev
(https://www.youtube.com/channel/UCEwhtpXrg5MmwlH04ANpL8A/videos)
https://twitter.com/iced_coffee_dev
Inspiring Sites
Cute Room Site
Bruno Simon Portfolio
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
5 Key Colors S/S 24
Space and Time
2050 Earth
XR Showcase (Various Projects)
Digital Present
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)
Create a Room Portfolio with Three.js and Blender | [Awwwards' Sites Recreated]
(https://www.youtube.com/watch?v=rxTb9ys834w)
Paid Courses
Three JS Journey
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.
