Three.js Essentials: From Zero to 3D Hero

Focused View

Bogomil Stoyanov

6:46:32

0 View

1. Introduction

1. Introduction.mp4

02:06

2. Introduction to Three.js and Basic 3D Scene Setup

1. Meeting with Three.js.mp4

04:37

2.1 Problem S01 E04.zip

2. Running Three.js.mp4

04:26

3.1 Problem S01 E04.zip

3. 3D scene elements.mp4

02:22

4.1 Problem S01 E05.zip

4. Creating a brick.mp4

01:47

5.1 Problem S01 E06.zip

5. Creating a tile with a hole.mp4

05:26

3. Cubes and 3D Objects

1.1 Problem S02 E01.zip

1. 8 small cubes.mp4

04:30

2.1 Problem S02 E02.zip

2. Golden beams.mp4

06:02

3.1 Problem S02 E03.zip

3. A square of cubes.mp4

04:41

4.1 Problem S02 E04.zip

4. A cube of cubes.mp4

02:59

5.1 Problem S02 E05.zip

5. City.mp4

04:15

6.1 Problem S02 E06.zip

6. A cube without vertices.mp4

04:52

4. Exploring Advanced 3D Objects and Textures in Three.js

1.1 Problem S03 E01.zip

1. First sphere.mp4

02:19

2.1 Problem S03 E02.zip

2. Beach ball.mp4

11:18

3.1 Problem S03 E03.zip

3. Pill-capsule.mp4

06:01

4.1 Problem S03 E04.zip

4. Mysterious object.mp4

03:49

5.1 Problem S03 E05.zip

5. Surface of waves.mp4

05:38

6.1 Problem S03 E06.zip

6. Heating coil.mp4

04:51

5. Colors, Lights, and Shadows in Three.js

1.1 Problem S04 E01.zip

1. Coloring four cubes.mp4

04:26

2.1 Problem S04 E02.zip

2. Rainbow ring.mp4

04:19

3.1 Problem S04 E03.zip

3. Side colors.mp4

02:38

4.1 Problem S04 E04.zip

4. Floating lights.mp4

02:56

5.1 Problem S04 E05.zip

5. Shadows.mp4

02:53

6.1 Problem S04 E06.zip

6. Crystal planet.mp4

06:39

6. Constructive Geometry and Complex Objects in Three.js

1.1 Problem S05 E01.zip

1. A thick-walled pipe.mp4

05:56

2.1 Problem S05 E02.zip

2. Souvenir ashtray.mp4

07:03

3.1 Problem S05 E03.zip

3. A mug.mp4

07:16

4.1 Problem S05 E04.zip

4. Hyperbole.mp4

06:37

5.1 Problem S05 E05.zip

5. Dice.mp4

12:02

6.1 Problem S05 E06.zip

6. Mysterious ring.mp4

06:10

7. Creating Diverse 3D Objects and Environments in Three.js

1.1 Problem S06 E01.zip

1. Quadrangular pyramid.mp4

06:14

2.1 Problem S06 E02.zip

2. Simple house.mp4

02:47

3.1 Problem S06 E03.zip

3. Village.mp4

05:14

4.1 Problem S06 E04.zip

4. Geomarkers.mp4

05:34

5.1 Problem S06 E05.zip

5. Pacifier.mp4

04:12

6.1 buffergeometryutils.zip

6.2 Problem S06 E06.zip

6. Planet group of buildings.mp4

04:13

8. Animating 3D Objects in Three.js

1.1 Problem S07 E01.zip

1. Single movement.mp4

03:39

2.1 Problem S07 E02.zip

2. Back and forth motion.mp4

02:49

3.1 Problem S07 E03.zip

3. Movement in a circle.mp4

02:32

4.1 Problem S07 E04.zip

4. Zig-zag on a sphere.mp4

03:45

5.1 Problem S07 E05.zip

5. Torus movement.mp4

02:21

6.1 Problem S07 E06.zip

6. Motion on a surface of a cube.mp4

04:58

9. Physics Simulations and Interactions in Three.js

1.1 Problem S08 E01.zip

1. Bounce in 1D.mp4

04:18

2.1 Problem S08 E02.zip

2. Bounce in 2D.mp4

04:14

3.1 Problem S08 E03.zip

3. Bounce in 3D.mp4

03:47

4.1 Problem S08 E04.zip

4. Splatter.mp4

03:22

5.1 Problem S08 E05.zip

5. Half pipe rolling.mp4

10:54

6.1 cradle.zip

6.2 Problem S08 E06.zip

6. Newtons cradle.mp4

14:52

10. Camera Control and Perspectives in Three.js

1.1 Problem S09 E01.zip

1. Looking around.mp4

02:56

2.1 Problem S09 E02.zip

2. Zoom in and out.mp4

01:37

3.1 Problem S09 E03.zip

3. Two doors.mp4

04:30

4.1 Problem S09 E04.zip

4. Backwards.mp4

03:15

5.1 Problem S09 E05.zip

5. Looking at an object.mp4

06:20

6.1 Problem S09 E06.zip

6. Transition.mp4

06:30

11. Advanced Interactivity and Controls in Three.js

1.1 Problem S10 E01.zip

1. Speed and size.mp4

07:04

2.1 Problem S10 E02.zip

2. Parameter grouping.mp4

02:35

3.1 Problem S10 E03.zip

3. Color.mp4

03:34

4.1 Problem S10 E04.zip

4. Orbital control.mp4

03:15

5.1 Problem S10 E05.zip

5. Maze.mp4

05:34

6.1 Problem S10 E06.zip

6. 3D Maze.mp4

25:22

12. Exploring Fractals and Complex Geometries in Three.js

1.1 Problem S11 E01.zip

1. Square in a circle.mp4

04:18

2.1 Problem S11 E02.zip

2. Koch Snowflake.mp4

04:00

3.1 Problem S11 E04.zip

3. Koch Island.mp4

11:01

4.1 Problem S11 E04.zip

4. Mengers sponge.mp4

06:58

5.1 Problem S11 E05.zip

5. Mountainous terrain.mp4

08:47

6.1 Problem S11 E06.zip

6. A magic tree.mp4

19:56

13. Advanced Textures and Final Projects in Three.js

1.1 Problem S12 E01.zip

1. Image Texture.mp4

01:55

2.1 Problem S11 E02.zip

2. Modifying image textures.mp4

04:02

3.1 Problem S12 E03.zip

3. Earth.mp4

04:17

4.1 Problem S12 E04.zip

4. Astronaut.mp4

15:38

5.1 Problem S12 E05.zip

5. Video texture.mp4

05:25

6.1 Problem S12 E06.zip

6. 3D Text.mp4

05:10

14. Final

1. Congratulations!.mp4

01:54

Description

Master Interactive 3D Graphics with Three.js

What You'll Learn?

Understand the fundamentals of Three js: Learn the core concepts and principles behind Three js, including scenes, cameras, renderers, and basic geometries.
Create interactive 3D scenes: Build engaging 3D environments by incorporating objects, textures, lighting, and animations using Three js.
Develop skills in 3D model integration: Import and manipulate 3D models within Three js, and understand the process of optimizing models for web performance.
Master basic interactivity and user controls: Implement user interactions such as object picking, mouse events, and camera controls to create intuitive 3D exper

Who is this for?

Students and Enthusiasts: Those eager to explore the world of 3D web design, regardless of their previous programming experience.

Web Developers: Beginners or intermediate developers looking to enhance their skills in 3D web design without deep diving into complex programming languages.

Graphic Designers: Individuals with a background in graphic design wanting to explore 3D visualization and animation for web projects.

What You Need to Know?

No prerequisites required!

This course is designed for beginners with no prior experience in Three js or 3D web design.

Access to a modern web browser (Chrome, Firefox, Safari, etc.) and a reliable internet connection are recommended for practicing and implementing course exercises.

Basic familiarity with HTML, CSS, and JavaScript is beneficial but not mandatory.

More details

Description
Are you ready to transform your web development skills and dive into the world of 3D creation? Three.js Essentials: From Zero to 3D Hero is designed to help you master the essential concepts and techniques needed to create stunning 3D graphics and interactive experiences for the web. Whether you're a novice or an experienced developer, this course will equip you with the knowledge and confidence to stand out in the field of web design.
Through a series of engaging lessons and hands-on projects, you'll learn the key concepts and best practices in 3D web development, covering areas such as 3D object creation, animation, visual effects, and interactivity. You will also get the chance to apply your skills in real-world scenarios and creative projects.
Our expert instructors will guide you through every step of the process, providing you with the support and insights you need to succeed. By the end of this course, you will be well-prepared to create immersive 3D web experiences using Three.js with confidence and creativity.
What the course will cover:
Three.js Basics: Understand the core elements of Three.js, including scenes, cameras, and renderers.
Interactive 3D Objects: Learn to create and animate various 3D objects and scenes.
Visual Effects & Physics: Apply colors, textures, lighting, and simulate physics behaviors.
Camera Control: Master camera movements and perspectives.
Fractals & Complex Geometries: Explore fractal patterns and advanced geometries.
Advanced Interactivity: Implement user controls and create interactive 3D environments.
At the end of the course, you will receive a certificate!
Course requirements:
Basic familiarity with HTML, CSS, and JavaScript is beneficial but not mandatory.
No specific programming language proficiency is required.
A modern web browser and a reliable internet connection.
About the instructor:
I am an experienced developer with a passion for 3D graphics and interactive web design. With 6 years experience in the tech field, I am dedicated to helping you unlock your creative potential and master Three.js.
Whether you're looking to enhance your web development skills or embark on a new creative journey, the Three.js course is an essential resource for anyone looking to excel in 3D web design. Don't let a lack of knowledge hold you back from creating breathtaking 3D web experiences.
Enroll now and take the first step toward transforming your web design skills!
Click the BUY NOW button and start your 3D coding journey!
Who this course is for:
Students and Enthusiasts: Those eager to explore the world of 3D web design, regardless of their previous programming experience.
Web Developers: Beginners or intermediate developers looking to enhance their skills in 3D web design without deep diving into complex programming languages.
Graphic Designers: Individuals with a background in graphic design wanting to explore 3D visualization and animation for web projects.

User Reviews

Rating

average 0

Total votes0

Focused display

JavaScript

Bogomil Stoyanov

Instructor's Courses

As a seasoned Android developer with over five years of experience, I have extensive knowledge of the platform and the development process. I have successfully published several applications on Google Play, some of which have exceeded 150,000 downloads. I take pride in my ability to create user-friendly, efficient, and high-quality applications that provide an excellent user experience.In addition to my skills as a developer, I am also a passionate learner and teaching enthusiast. I love sharing my knowledge with others and helping them develop their skills. My desire to help others led me to create courses that provide learners with a comprehensive understanding of Android development concepts and practices.My courses are designed to provide practical guidance and hands-on experience, allowing learners to build their skills and confidence as they progress through the material. I strive to create a supportive and engaging learning environment that encourages learners to ask questions and engage with the material.Overall, I am committed to helping others achieve their goals and realize their full potential as Android developers. Whether you are a beginner looking to get started in Android development or an experienced developer seeking to improve your skills, I am eager to guide you on your journey.

Udemy

View courses Udemy

Students take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.