Inflearn brand logo image
Inflearn brand logo image
Inflearn brand logo image
BEST
Programming

/

Front-end

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) 14 reviews

407 learners

3시간 만에 완강할 수 있는 강의 ⏰
웹퍼블리싱
Three.js
HTML/CSS
JavaScript

Reviews from Early Learners

What you will learn!

  • 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

101,884

Learners

2,475

Reviews

163

Answers

4.8

Rating

80

Courses

소개 이미지.png.webp

 

🧙‍♂ 안녕하세요. 제주코딩베이스캠프입니다.

제주코딩베이스캠프란?

 

 

제주에서 가장 핫한 개발자들이 모여 작당한 부트캠프! 열정있는 청년들에게 열정만큼 성장할 수 있는 기회를 제공합니다!

제주코딩베이스캠프는 제주에서 가장 큰 ICT 교육 행사로 카카오, 구름, 제주산학융합원 등 기업 지자체와 함께 진행하고 있습니다.


서비스 구축 성공
경험을 통해 이 취업난 시대에 자신감, 자존감, 성취감, 그리고 자립할 수 있는 능력을 배양해 보세요!

으라차차 청춘 화이팅입니다! 😀

 


 

︎ 제주코딩베이스캠프 로드맵

제코베 로드맵.png.webp

 

︎ 제주코딩베이스캠프 수료증 제도

 

- 1.png.webp

 

Curriculum

All

26 lectures ∙ (1hr 37min)

Course Materials:

Lecture resources
Published: 
Last updated: 

Reviews

All

14 reviews

4.7

14 reviews

  • Hyungjin님의 프로필 이미지
    Hyungjin

    Reviews 20

    Average Rating 5.0

    5

    100% enrolled

    Three.js 기본을 학습하기에 좋았습니다! 👍

    • oh님의 프로필 이미지
      oh

      Reviews 5

      Average Rating 5.0

      5

      8% enrolled

      재미있고 귀엽고 유익하고 난리났어요 감사합니다

      • duarufp06님의 프로필 이미지
        duarufp06

        Reviews 12

        Average Rating 5.0

        5

        62% enrolled

        • ketchup님의 프로필 이미지
          ketchup

          Reviews 1

          Average Rating 5.0

          Edited

          5

          62% enrolled

          유익하고 좋아오 추천

          • Witsel Blue님의 프로필 이미지
            Witsel Blue

            Reviews 7

            Average Rating 4.4

            5

            100% enrolled

            $17.60

            jejucoding's other courses

            Check out other courses by the instructor!

            Similar courses

            Explore other courses in the same field!