강의

멘토링

커뮤니티

Programming

/

Front-end

Tạo trang web 3D góc nhìn thứ nhất với Three.js

Khóa học này nói về việc tạo trang web 3D góc nhìn thứ nhất hoạt động trên cả máy tính để bàn và thiết bị di động.

(5.0) 8 đánh giá

261 học viên

  • studiomeal
3d웹사이트
3d
three.js
Interactive Web
Three.js
JavaScript
Portfolio

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

Bạn sẽ nhận được điều này sau khi học.

  • Khái niệm cốt lõi của Three.js

  • Nguyên tắc triển khai trang web 3D góc nhìn thứ nhất

Khóa học này bao gồm cách tạo trang web 3D theo góc nhìn của người thứ nhất.
(Hãy nghĩ đến các hành động trong trò chơi như Mine*raft 😊 )

Nhiều bạn đã hỏi tôi "Làm thế nào để tạo ra thứ như thế này?" sau khi xem trang web của tôi, https://studiomeal.com . Vì vậy, tôi đã tạo ra một khóa học tập trung vào việc thực hiện các chuyển động cốt lõi. Đây là một khóa học đơn giản, chỉ tập trung vào việc tạo không gian 3D và thực hiện các chuyển động !

Quay đầu lại,

Nhấp vào một đối tượng để làm cho nó di chuyển

Tạo ra một thế giới nơi vật lý được áp dụng

Một ví dụ cũng hoạt động tốt trên thiết bị di động

🤔 Khóa học này khác với khóa học "Web tương tác 3D với Three.js" đã phát hành trước đó như thế nào?

Bài giảng hiện tại, 3D Interactive Web Starting with Three.js,một 'bài giảng toàn diện' trình bày chi tiết các khái niệm cơ bản về Three.js và cho phép bạn nghiên cứu nhiều ví dụ khác nhau.

Bài giảng này sẽ trình bày nhanh những nguyên tắc cơ bản của Three.js và tập trung vào 'các nguyên tắc triển khai không gian 3D góc nhìn thứ nhất' .

🐣 Tôi mới biết đến Three.js. Tôi có thể bắt đầu khóa học này ngay không?

Khóa học này tập trung vào việc triển khai không gian 3D, nhưng vẫn tóm tắt những kiến thức cơ bản cốt lõi trong phần đầu tiên để đảm bảo ngay cả những người mới làm quen với Three.js cũng có thể hiểu được. Kiến thức cơ bản về JavaScript là đủ cho khóa học. Các bài giảng mẫu miễn phí có sẵn để bạn hình dung mức độ khó của khóa học. Đối với những ai muốn củng cố nền tảng Three.js, chúng tôi khuyên bạn nên tham gia khóa học khác của chúng tôi, "Web Tương tác 3D với Three.js".

🛤 Nhận phiếu giảm giá 30% cho lộ trình lập trình Three.js trong 1 phút.

Bạn có thể nhận được phiếu giảm giá 30% "Áp dụng cho toàn bộ đơn hàng" từ lộ trình lập trình Three.js trong 1 phút.
(Ngay cả khi bạn đã tham gia một trong hai bài giảng, nếu bạn đăng ký bài giảng mới bằng phiếu giảm giá lộ trình, bạn sẽ được giảm giá 30% . Nếu bạn muốn tham gia cả hai bài giảng, vui lòng đăng ký theo lộ trình !)

Đi tới Lộ trình

Các tính năng của bài giảng

Sử dụng hình ảnh và hoạt ảnh để dễ hiểu hơn

Vì đây là lớp học mà việc hiểu cách thực hiện các chuyển động rất quan trọng, thay vì chỉ giải thích bằng lời nói, chúng tôi đã sử dụng hình ảnh và hoạt ảnh để giúp bạn dễ hiểu hơn.

Khóa học này tập trung vào việc triển khai các trang web 3D góc nhìn thứ nhất.

Khóa học này tóm tắt các khái niệm cơ bản của Three.js và tập trung vào việc triển khai không gian 3D góc nhìn thứ nhất. Khóa học này lý tưởng cho những ai muốn nhanh chóng tạo ra không gian 3D của riêng mình.

Những điều cần lưu ý trước khi tham gia khóa học

Tài liệu học tập

  • Chúng tôi cung cấp cả phiên bản bắt đầu và phiên bản hoàn thiện của tất cả mã nguồn để bạn có thể theo dõi và tự viết mã nguồn của riêng mình. Nếu bạn gặp vấn đề với mã nguồn giữa chừng và gặp khó khăn trong quá trình học, bạn có thể tải xuống mã nguồn của chương đó và tiếp tục học từ đó trở đi.

  • Mã nguồn được cung cấp trong bài giảng có thể được sử dụng trong các dự án của bạn.

  • Việc tiết lộ trực tiếp mã nguồn được cung cấp trong bài giảng hoặc tạo tài liệu giáo dục là không được phép.

Kiến thức và biện pháp phòng ngừa của người chơi

  • Hiểu biết cơ bản về JavaScript là điều cần thiết cho một trải nghiệm học tập suôn sẻ. Mặc dù đây không phải là khóa học JavaScript, chúng tôi sẽ đề cập đến các khái niệm JavaScript xuất hiện xuyên suốt khóa học, vì vậy bạn sẽ không gặp nhiều khó khăn.

  • Bài giảng này được thực hiện bằng giọng nói AI, nên có thể hơi khác so với các bài giảng trước đây của tôi. Vui lòng xem qua bài giảng mẫu trước khi tham gia. 😊

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

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

  • Những người muốn tạo không gian 3D của riêng mình

  • Những người đã nghiên cứu Three.js nhưng gặp khó khăn khi áp dụng nó

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

  • Khái niệm cơ bản về JavaScript

Xin chào
Đây là

19,583

Học viên

1,272

Đánh giá

1,175

Trả lời

5.0

Xếp hạng

11

Các khóa học

서울에서 웹 개발자/디자이너로 일했고, 제주를 거쳐.. 현재는 말레이시아 페낭에서 열심히 개발도 하고, 교육 콘텐츠도 만들고, 1인 기업으로서 해볼 수 있는 여러가지 시도와 실험들을 해보고 있습니다.
비주얼 임팩트가 있는 인터랙티브 웹에 관심이 많고, 유튜브와 페이스북 "1분코딩"에서 웹 개발 관련 기술들을 공유하고 있어요.

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

Tất cả

43 bài giảng ∙ (3giờ 47phú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ả

8 đánh giá

5.0

8 đánh giá

  • hjux님의 프로필 이미지
    hjux

    Đánh giá 21

    Đánh giá trung bình 5.0

    5

    100% đã tham gia

    I think it's much better to learn it after having some knowledge of Three.js. I'm satisfied because I learned something new along with what I already knew. I also really liked the part where the explanation method and implementation principles were explained in an easy-to-understand way with pictures and visual aids! I listened to the sincere and kind lecture well! ☺

    • studiomeal
      Giảng viên

      Thank you Hyungjin-nim- I tried using visual aids such as animations to make it easier to understand the concept, and I'm glad you liked it😊 I hope you create a great piece!

  • orangewebcenter2238님의 프로필 이미지
    orangewebcenter2238

    Đánh giá 46

    Đánh giá trung bình 4.7

    5

    100% đã tham gia

    Thank you for the great class.

    • studiomeal
      Giảng viên

      Thank you for your kind words Thomas :)

  • dlsgh24681368님의 프로필 이미지
    dlsgh24681368

    Đánh giá 1

    Đánh giá trung bình 5.0

    5

    58% đã tham gia

    I listened to the new THREE.JS lecture right after I listened to the previous lecture, and it only contains the core content for practical application to projects, so it seems good for those who only want to know how to implement it. On the other hand, those who want to know in detail or those who are new to it may feel difficult to understand as they listen. I listened to the previous lecture and this lecture, and I think it's better because I learned a new way to develop!

    • studiomeal
      Giảng viên

      Thank you for leaving a detailed review, Inho :D I wanted to make this lecture suitable for those who are new to Three.js, but also provide new content to those who have taken the previous lecture - I am grateful that you said that listening to it was helpful! ^^

  • ohmymoon님의 프로필 이미지
    ohmymoon

    Đánh giá 5

    Đánh giá trung bình 5.0

    5

    100% đã tham gia

    I was able to learn difficult content easily.

    • studiomeal
      Giảng viên

      Thank you for your first class review and kind words, Jeonghoon. 😊 I hope you create great works!

  • sduddla님의 프로필 이미지
    sduddla

    Đánh giá 7

    Đánh giá trung bình 5.0

    5

    100% đã tham gia

    1.852.211 ₫

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

    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!