inflearn logo
inflearn logo

Three.js on the go

Learn the basic concepts of Three.js and apply them to carry out a mini project called 'Building My Own Island'. You can learn Three.js easily and lightly while carrying out the project.

(4.7) 15 reviews

437 learners

Level Basic

Course period Unlimited

Three.js
Three.js
HTML/CSS
HTML/CSS
JavaScript
JavaScript
Three.js
Three.js
HTML/CSS
HTML/CSS
JavaScript
JavaScript
날개 달린 동전

Recommend Course to grow and earn commission!

날개 달린 동전

Marketing Partners

Recommend Course to grow and earn commission!

Reviews from Early Learners

Reviews from Early Learners

4.7

5.0

김형진

100% enrolled

Great for learning the basics of Three.js! 👍

5.0

oh

8% enrolled

It's fun, cute, informative and crazy, thank you

5.0

ketchup

62% enrolled

Beneficial and good. Recommend.

What you will gain after the course

  • Three.js Basics

  • 3D Interactive Web Development

Create your own 3D island on your web page 🏝️
Interactive web starting with Three.js!

Check out the Q&A! ✍️

Q. Can I take the course even if I don't know HTML/CSS/JavaScript?

A. Since Three.js runs in a web browser, a basic understanding of HTML, CSS, and JavaScript is essential for understanding this course. If you're new to programming, we recommend taking Season 1 of the 30-Minute Summary Course first.

Q. Can I take the course on either Windows or MacOS?

A. Yes, you can. The course will be conducted in Visual Studio Code and a browser (Chrome) environment.

Three.js? 🌐 

  • This is a library that allows you to implement 3D graphics on the web using JavaScript.
  • Create engaging websites by implementing 3D interactive web.

I recommend this to these people 🙆‍♀️

Anyone who wants to learn Three.js

Developers interested in implementing 3D interactive web

Job seekers who want to create a portfolio that stands out


Course Features 📖

  1. We cover the fundamental concepts of Three.js so that anyone can easily take the course.
  2. Learn Three.js in a fun way with step-by-step exercises.
  3. You can check the contents organized with the provided learning materials.

What you'll learn 📚

Section 0. Getting Started with Three.js

  • Lecture Introduction
  • Installation and path settings
  • Check WebGL compatibility

Section 1. Three.js Scene Basics

  • Basic components (Scene, Camera, Renderer)
  • Screen output (animated, responsive)

Section 2. 3D Objects

  • Geometry, Material, Mesh
  • Easy-to-use OrbitControls
  • [Practice] Let's make fruits and trees!
  • Group
  • Separating object files

Section 3. Deep Dive into Three.js Scenes

  • Light, shadow, texture
  • Applying multiple materials
  • [Practice] Creating More Realistic Fruit and Trees

Section 4. External Model

  • Importing external models

Section 5. Final Project

  • [Practice] Creating Your Own Island

Recommended for
these people

Who is this course right for?

  • For those who want to learn the basics of Three.js in a light manner

  • Developers interested in 3D interactive web development

Need to know before starting?

  • HTML/CSS

  • JavaScript

Hello
This is jejucoding

105,803

Learners

2,796

Reviews

163

Answers

4.8

Rating

80

Courses

소개 이미지.png.webp

 

🧙‍♂️ Hello. This is Jeju Coding Basecamp.

What is Jeju Coding Basecamp?

 

 

A bootcamp plotted by the hottest developers in Jeju! We provide passionate young people with the opportunity to grow as much as their passion!

Jeju Coding Basecamp is the largest ICT education event in Jeju, held in collaboration with local governments and companies such as Kakao, Goorm, and the Jeju Industry-Academic Convergence Institute.


Success in building a service
—through this experience, cultivate your confidence, self-esteem, sense of accomplishment, and the ability to be self-reliant in this era of job scarcity!, hãy nuôi dưỡng sự tự tin, lòng tự trọng, cảm giác thành tựu và khả năng tự lập trong thời đại khó khăn tìm việc làm này!

Go for it, youth! You can do it! 😀

 


 

︎ Jeju Coding Base Camp Roadmap

제코베 로드맵.png.webp

 

︎ Jeju Coding Basecamp Certificate System

 

- 1.png.webp

 

More

Co-instructor

Curriculum

All

26 lectures ∙ (1hr 37min)

Course Materials:

Lecture resources
Published: 
Last updated: 

Reviews

All

15 reviews

4.7

15 reviews

  • ahyeah님의 프로필 이미지
    ahyeah

    Reviews 5

    Average Rating 5.0

    5

    8% enrolled

    It's fun, cute, informative and crazy, thank you

    • hjux님의 프로필 이미지
      hjux

      Reviews 21

      Average Rating 5.0

      5

      100% enrolled

      Great for learning the basics of Three.js! 👍

      • solobboy04113053님의 프로필 이미지
        solobboy04113053

        Reviews 1

        Average Rating 5.0

        Edited

        5

        62% enrolled

        Beneficial and good. Recommend.

        • yeomkyeorae님의 프로필 이미지
          yeomkyeorae

          Reviews 14

          Average Rating 5.0

          5

          62% enrolled

          • witselblue님의 프로필 이미지
            witselblue

            Reviews 7

            Average Rating 4.4

            5

            100% enrolled

            jejucoding's other courses

            Check out other courses by the instructor!

            Similar courses

            Explore other courses in the same field!

            $17.60