강의

멘토링

커뮤니티

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á

264 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,605

Học viên

1,273

Đá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

    Tôi nghĩ sẽ tốt hơn nhiều nếu học với một số kiến ​​thức về Three.js. Tôi hài lòng vì tôi đã học được điều gì đó mới mẻ ngoài những điều tôi đã biết. Tôi cũng thực sự thích cách giải thích và các nguyên tắc thực hiện trở nên dễ hiểu hơn bằng hình ảnh và tài liệu trực quan! Tôi rất thích bài giảng chân thành và thân thiện! ☺

    • studiomeal
      Giảng viên

      Cảm ơn, Hyungjin- Tôi đã thử sử dụng các tài liệu trực quan như hoạt ảnh để làm cho khái niệm này dễ hiểu hơn và tôi rất vui vì bạn cảm thấy hài lòng về điều đó 😊 Hãy làm việc thật tốt!

  • orangewebcenter2238님의 프로필 이미지
    orangewebcenter2238

    Đánh giá 46

    Đánh giá trung bình 4.7

    5

    100% đã tham gia

    Cảm ơn bạn vì lớp học tuyệt vời.

    • studiomeal
      Giảng viên

      Cảm ơn những lời tốt đẹp của bạn Thomas :)

  • dlsgh24681368님의 프로필 이미지
    dlsgh24681368

    Đánh giá 1

    Đánh giá trung bình 5.0

    5

    58% đã tham gia

    Sau khi nghe bài giảng trước, tôi bắt đầu nghe bài giảng THREE.JS mới ngay khi nó được tải lên. Nó chỉ chứa nội dung cốt lõi để ứng dụng thực tế vào một dự án nên tôi nghĩ nó tốt cho những ai chỉ muốn biết. làm thế nào để thực hiện nó. Mặt khác, những người muốn biết chi tiết hoặc những người mới tìm hiểu có thể sẽ cảm thấy khó hiểu. Sau khi nghe bài giảng trước và bài giảng này, tôi nghĩ nó thậm chí còn tốt hơn vì tôi đã học được điều gì đó mới mẻ về cách phát triển nó!

    • studiomeal
      Giảng viên

      Cảm ơn bạn đã để lại đánh giá chi tiết, Inho :D Tôi muốn giảng bài này cho những người mới làm quen với Three.js, nhưng cũng cung cấp nội dung mới cho những người đã học bài giảng trước đó - cảm ơn bạn đã cho tôi biết rằng việc lắng nghe rất hữu ích! ^^

  • ohmymoon님의 프로필 이미지
    ohmymoon

    Đánh giá 5

    Đánh giá trung bình 5.0

    5

    100% đã tham gia

    Tôi đã có thể học những nội dung khó một cách dễ dàng.

    • studiomeal
      Giảng viên

      Cảm ơn vì đánh giá đầu tiên và những lời tốt đẹp của bạn, Jeonghoon 😊 Tôi hy vọng bạn làm việc tốt!

  • sduddla님의 프로필 이미지
    sduddla

    Đánh giá 7

    Đánh giá trung bình 5.0

    5

    100% đã tham gia

    Ưu đãi có thời hạn, kết thúc sau 7 ngày ngày

    61.600 ₫

    30%

    1.849.050 ₫

    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!