/ThreeJs-Journey

On a journey to create the coolest WebGL websites with Three.js course by - Bruno Simon

Primary LanguageJavaScript

🍩 ThreeJs Journey

Three.js is a popular open-source JavaScript library used for creating 3D graphics on the web. It provides a range of features for creating 3D scenes, including 3D object creation, lighting, camera control, and more. Three.js is compatible with most modern browsers and can be used with other web technologies such as HTML, CSS, and JavaScript. It has a large and active community of developers who contribute to its development and share their work and knowledge. Three.js is commonly used for creating games, visualizations, and interactive experiences on the web. It requires a solid understanding of both JavaScript and 3D graphics concepts and offers a range of resources for learning and getting started.

To get started with Three.js, you will need to have a good understanding of JavaScript and some basic 3D graphics concepts. You can start by exploring the Three.js documentation and examples, which provide a range of resources for getting started and learning the basics. From there, you can gradually build your knowledge and skills, experimenting with different features and techniques to create engaging and interactive 3D experiences on the web.

Overall, learning Three.js is a valuable and exciting journey, as it allows you to create immersive and engaging experiences on the web, from games to visualizations and more.

Demo

My first three js project 🚀

hellothreejs

Playing with lights 💡

playing_with_lights

Galaxy Generator 🌌

galaxy

My Portfolio 💪

portfolio

Realistic Render 😳

flight_helmet

Foxy (Add #debug in URL and reload) 🦊

fox

Portal Scene 🌌

portal_scene

Post Processing ⚙️

post_processing

React Three Fiber Intro ⚛️

drei

React Three Fiber 3D Text ⚛️

3dtext

React Three Fiber Portal Scene 🌌

r3fportal

Run Project Locally

Clone the project

  git clone https://github.com/Singh233/Three.Js-Journey.git

Go to the project directory

  cd Three.Js-Journey

Open any lesson (Starting from 4)

  cd 04-local-server

Install the packages

  npm install

Start the server

  npm run dev

🎨 Beautiful Course by - Bruno Simon

🚀 About Me

I'm an Aspiring full stack developer... Love to create, design and build cool projects 😎 and have passion for creating innovative solutions to complex problems using cutting-edge technologies. I have a strong understanding of both front-end and back-end development, and constantly seeking to improve my skills in these areas.

Feedback

If you have any feedback, please reach out to me at sanambir123@gmail.com

Author