강의

멘토링

로드맵

BEST
Programming

/

Front-end

Three.js 3D tương tác bắt đầu ngay

Chương trình học được xây dựng để dùng Three.js ngay vào thực tế!

(4.5) 30 đánh giá

406 học viên

  • coding11
Interactive Web
Three.js

Đánh giá từ những học viên đầu tiên

Dịch cái này sang tiếng Việt

  • Three.js

  • Phát triển tương tác 3D

  • TweenMax (GSAP)

Phát triển trở nên thú vị hơn khi làm việc với 3D thay vì chỉ 2D!
Hãy cùng phát triển nội dung lập thể với Three.js. 🧩

Three.js có tính ứng dụng cao,
học trước để chuẩn bị 📖

Tôi đã lên kế hoạch chương trình học bằng cách sử dụng mã nguồn Three.js mà tôi sử dụng trong thực tế.
Từ dịch vụ đến nội dung, game và nhiều ứng dụng khác, tôi sẽ hướng dẫn bạn cách sử dụng Three.js có tính ứng dụng cao một cách dễ dàng,
đồng thời cung cấpmã nguồn gốc có thể sử dụng ngay trong thực tế.

Chia sẻ một số hình ảnh ví dụ

Trái Đất và Mặt Trăng tự quay và quay quanh trong không gian vũ trụ
Không gian phòng trưng bày với đèn chiếu sáng và khung tranh treo tường
Mô phỏng giá trị Z 3D
Di chuyển camera mượt mà với thư viện GSAP
Phát triển tương tác hình ảnh ngẫu nhiên ba chiều
Clone trang web nước ngoài, kết hợp cuộn trang và 3D
Tạo trang giới thiệu nhân vật 3D
Tạo không gian 3D siêu đơn giản

Đối tượng học viên/Mục đích khóa học 🔑

Những người muốn tạo
trang web được làm bằng 3D

Người quan tâm nhiều đến
phát triển nội dung đa chiều

Những người muốn sử dụng Three.js ngay
trong công việc thực tế


Nội dung học tập theo từng phần 📚

Phần 1

  • Three.js học theo cách làm ngay

Phần 2

  • Cơ bản về Three.js tương tác

Phần 3

  • hình dạng cơ bản điều khiển keyboard

Phần 4

  • Tạo không gian 3D trong 1 phút

Phần 5

  • Không gian vũ trụ, Trái Đất và Mặt Trăng

Phần 6

  • Bảo tàng nghệ thuật (phòng trưng bày) tương tác

Phần 7

  • Trang có chiều sâu sử dụng giá trị Z

Phần 8

  • Phát triển tương tác sử dụng mô hình 3D


Câu hỏi thường gặp Q&A 💬

Q. Người không chuyên ngành có thể học được không?

Nếu bạn có kiến thức cơ bản về Javascript thì sẽ dễ dàng hơn, nhưng vì đây là khóa học từ cơ bản nên những người không chuyên cũng có thể học một cách thoải mái. Ngoài ra, chúng tôi sẽ cung cấp tất cả mã nguồn JS của các ví dụ để bạn có thể xem và thực hành theo.

Q. Học Three.js thì có lợi ích gì?

Khi làm việc với đồ họa 3D, chất lượng của dịch vụ hoặc nội dung sẽ thay đổi hoàn toàn. Chỉ cần đặt làm nền cho dự án cá nhân hoặc portfolio cũng có thể thu hút mạnh mẽ sự chú ý. Bạn có thể tự tay tạo ra những trang web mà trước đây chỉ tồn tại trong tưởng tượng.

Q. Có được sử dụng nhiều trong thực tế không?

Nó đã được sử dụng rộng rãi trong các game và nội dung, và việc sử dụng Three.js trong các dịch vụ cũng ngày càng tăng. (Three.js cũng được sử dụng trong trang đăng ký thẻ Toss Bank)


Giới thiệu người chia sẻ kiến thức ✒️

Tôi đã tạo ra nhiều nội dung tương tác và trang web sử dụng Three.js.
Từ trực quan hóa dữ liệu đến game, tôi đang sử dụng Three.js trong nhiều lĩnh vực khác nhau.
Video dưới đây là video tôi đã chia sẻ kinh nghiệm sử dụng Three.js tại FECONF.

Giới thiệu game được phát triển bằng three.js

Xem các khóa học khác

Các script tương tác được sử dụng thực tế trong công việc

Khuyến nghị cho
những người này

Khóa học này dành cho ai?

  • Người sẽ áp dụng Three.js ngay vào thực tế.

  • Quan tâm nhiều đến phát triển nội dung đa chiều

  • Người cần portfolio giống các trang web nước ngoài

Cần biết trước khi bắt đầu?

  • javascript cơ bản

  • css cơ bản

Xin chào
Đây là

3,316

Học viên

226

Đánh giá

213

Trả lời

4.6

Xếp hạng

3

Các khóa học

15년 이상 여러 기업과 언론사에서 front-end 개발 및

데이터 시각화, 인터랙티브 사이트 제작을 했습니다.

http://yahao2512.com

 

https://brunch.co.kr/@yahao2512

저와 함께 깃털처럼 가벼운 코딩 함께 해보시죠!

Chương trình giảng dạy

Tất cả

57 bài giảng ∙ (4giờ 33phút)

Tài liệu khóa học:

Tài liệu bài giảng
Ngày đăng: 
Cập nhật lần cuối: 

Đánh giá

Tất cả

30 đánh giá

4.5

30 đánh giá

  • 우디님의 프로필 이미지
    우디

    Đánh giá 2

    Đánh giá trung bình 5.0

    Đã chỉnh sửa

    5

    7% đã tham gia

    코딩일레븐 강의 정말 잘 만들어졌네요! 예제랑 설명이 잘 설명되어서 직접 해보면서 이해가 쏙쏙 됩니다. Three.js 강의가 많지 않은데, 이렇게 새로운 걸 배울 수 있어서 좋았어요. 다음 강의도 기대됩니다!

    • 코딩일레븐
      Giảng viên

      수강평 감사드립니다! 요즘엔 그래도 three.js 강의나 관련 글이 많아진 것 같아요. 그만큼 관심도 많아진 것 같습니다. 다양하게 활용 가능하니 이번기회에 친해져 보세요. 다음 강의는... 네. 언젠간.

  • THE NALCH님의 프로필 이미지
    THE NALCH

    Đánh giá 3

    Đánh giá trung bình 5.0

    5

    77% đã tham gia

    오래기다렸습니다!! 왜 이제서야 오픈하시나요!!

    • 코딩일레븐
      Giảng viên

      으헉 감사합니다 첫 수강평이네요! 늦어도 너무 늦었죠. 죄송하고 기다려주셔서 감사합니다 :)

  • 소나무님의 프로필 이미지
    소나무

    Đánh giá 2

    Đánh giá trung bình 5.0

    5

    91% đã tham gia

    신기하고 재미있어서, 구매 후 하루 만에 완강했습니다. 3D 기능 구현을 해야 하는 업무가 있어서, 구글링 하다가 알게 되었어요. 3D 구현 방법이 막막했는데, 강의를 계속 보다 보니 구현 방법을 알게 됩니다. 각각의 강의를 보다 보니 신기하기도 하고, 재미있어서 어제 6시에 결제하고, 지금 시간 새벽 4시까지 봤습니다. 세심한 강의 해 주셔서 감사합니다. ^^

    • 코딩일레븐
      Giảng viên

      three.js 생각보다 어렵지 않죠? ^^ 이 강의가 도움이 된 것 같아서 다행입니다. 수강평 감사드립니다.

  • gangsugi님의 프로필 이미지
    gangsugi

    Đánh giá 23

    Đánh giá trung bình 5.0

    5

    100% đã tham gia

    three.js라는건 처음해보는데 정말 재미있게 강의 잘 들었습니다. 처음엔 좀 어려워서 중간에 머뭇거리기도 했는데 계속 반복해서 듣고 또 질문도 남겨가면서 끝까지 완강을 했네요....아직은 감만 잡은 정도네요....반복해서 더 듣고 연습을 많이 해봐야 할거 같아요^^ 강의가 짧지만 내요은 정말 알찬 강의였습니다. 강추!!!

    • 지명화님의 프로필 이미지
      지명화

      Đánh giá 2

      Đánh giá trung bình 5.0

      5

      61% đã tham gia

      2.298.102 ₫

      Khóa học khác của coding11

      Hãy khám phá các khóa học khác của giảng viên!

      Khóa học tương tự

      Khám phá các khóa học khác trong cùng lĩnh vực!