Cảm nhận về quá trình phát triển web 3D bằng cách tìm hiểu các khái niệm cốt lõi của three.js, một thư viện JavaScript có thể triển khai 3D trên web và tạo các ví dụ ứng dụng.
Phát triển web tương tác 3D bằng cách sử dụng JavaScript vanilla
Có thể triển khai trên webvới three.js Hãy cùng tạo ứng dụng web 3D! 🤳
Hãy cùng tạo ra trò chơi bước đệm của riêng mình từ một bộ phim truyền hình nổi tiếng.
Tạo chuyển động chân thực với công cụ vật lý.
Hãy tạo hiệu ứng hạt bằng cách sử dụng tọa độ của một điểm.
Hình ảnh 3D phản ứng với thao tác cuộn Hãy tạo một trang ứng dụng.
Cập nhật nội dung bổ sung!
Hãy triển khai một chuyển động trong đó nhân vật di chuyển tự do trong không gian 3D.
Bắt đầu với three.js Web tương tác 3D✨
Ở Hàn Quốc, chưa có nhiều trang web được xây dựng bằng 3.js, nhưng với sự phát triển gần đây của metaverse, VR và AR, nhu cầu về nội dung 3D đang ngày càng tăng. Tuy nhiên, tôi nhận thấy còn thiếu đáng kể tài liệu dễ tiếp cận cho người mới bắt đầu, đó là lý do tại sao tôi lên kế hoạch cho khóa học này.
Ứng dụng hoạt hình đồ họa máy tính 3D trong trình duyệt web Thư viện JS được sử dụng để tạo và thể hiện
Xem trước nội dung học tập theo từng phần 📚
Phần 0: Tìm hiểu three.js là gì và cách sử dụng cơ bản. Chúng ta cũng sẽ học cách sử dụng Webpack!
Phần 1 cung cấp tổng quan về các yếu tố cơ bản và giúp bạn tạo nên một cảnh 3D.
Phần 2: Tìm hiểu về các công cụ giúp phát triển three.js dễ dàng hơn.
Phần 3Tìm hiểu về phép biến đổi, bao gồm phép tịnh tiến, phép chia tỷ lệ và phép quay.
Phần 4 : Tìm hiểu về hình học, mô tả các hình dạng.
Mục 5 Bạn có thể sử dụng nhiều thao tác máy ảnh khác nhau chỉ bằng các nút điều khiển máy ảnh đơn giản.
Phần 6 Tìm hiểu về các vật liệu khác nhau đại diện cho vật chất.
Phần 7 Tìm hiểu về các loại ánh sáng và nguồn sáng khác nhau.
Phần 8 Tìm hiểu cách phát hiện tiếng nhấp chuột.
Hãy cùng tạo ra nhiều ví dụ thực tế bằng cách sử dụng những kiến thức đã học ở Phần 9-13 .
Những người như thế này sẽ thích nó 🙌
Một trang web 3D ấn tượng Các nhà phát triển/nhà thiết kế muốn sáng tạo
Trênweb, chẳng hạn như metaverse/VR Bất kỳ ai muốn triển khai 3D
Khác biệtso với các nhà phát triển khác Các nhà phát triển muốn cóvũ khí
Hãy cùng nhau viết mã từng bước một 👨💻
Tạo nhân vật 3D của riêng bạn bằng Blender.
Hãy áp dụng hoạt ảnh vào nhân vật 3D mà chúng ta đã tạo.
Điều gì làm cho khóa học này trở nên độc đáo?
Bài giảng giúp bạn hiểu và áp dụng nhiều ví dụ khác nhau để tạo ra tác phẩm của riêng mình.
Một khóa học nơi bạn có thể học và xây dựng kỹ năng của mình bằng cách cùng nhau lập trình từng bước.
Khóa học tìm hiểu các khái niệm 3D giúp bạn trở thành nhà phát triển xuất sắc.
Một khóa học không chỉ bao gồm 3D đơn giản mà còn cả phần mềm mô hình hóa như Blender !
🛤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% cho "Mua trọn gói" từ Lộ trình Lập trình 1 phút Three.js. (Ngay cả khi bạn đã tham gia một trong hai khóa học, nếu bạn sử dụng phiếu giảm giá lộ trình để đăng ký khóa học mới, mức giảm giá 30% sẽ được áp dụng cho khóa học mới. Nếu bạn quan tâm đến việc tham gia cả hai khóa học, vui lòng đăng ký thông qua lộ trình !) ➡ Đi tới Lộ trình
Tôi sẽ trả lời những câu hỏi mà bạn mong đợi 🙏
H. Đây có phải là khóa học mà ngay cả người mới bắt đầu cũng có thể tham gia không?
Bất kỳ ai có kiến thức cơ bản về JavaScript đều có thể làm được điều này. Mặc dù đây không phải là khóa học JavaScript, tôi sẽ giải thích các khái niệm JavaScript xuất hiện xuyên suốt khóa học, nên bạn sẽ không gặp nhiều khó khăn.
H. Nội dung bài học được trình bày ở mức độ nào?
Để biết thêm thông tin chi tiết, vui lòng tham khảo chương trình học. Trò chơi bước đệm là ví dụ cuối cùng và đầy thử thách nhất. Hãy coi đây như việc học nội dung cần thiết để tạo một ứng dụng web 3D ở cấp độ đó.
H. Với những gì tôi đã học trên lớp, tôi có thể triển khai được trang web 3D mà tôi mong muốn không?
Tùy thuộc vào loại trang web bạn muốn tạo, chương trình giảng dạy sẽ bao gồm nội dung cốt lõi của three.js, do đó, bạn chắc chắn sẽ có thể tạo ra thứ gì đó hoàn toàn khác so với những gì bạn đã làm trước khi học nó.
H. Tôi có thể mong đợi tiến bộ đến mức nào sau khi tham gia khóa học này?
Sau khi hoàn thành khóa học, bạn sẽ có thể phát triển các trang web 3D. 3D là một công nghệ độc đáo, và việc tự mình triển khai nó sẽ giúp bạn nổi bật với tư cách là một lập trình viên trên thị trường việc làm. Khả năng tạo ra các trang web 3D và sở hữu một portfolio như vậy sẽ là một vũ khí lợi hại cho một lập trình viên hoặc nhà thiết kế.
Giới thiệu Người chia sẻ kiến thức ✒️
Tôi thấy xấu hổ khi phải nói điều này, nhưng... Tôi là một người hướng dẫn có hơn 800 lượt đánh giá ⭐ với điểm trung bình là 5 sao 😅
Xin chào! Tôi là 1 Minute Coding , một nhà thiết kế, lập trình viên và người sáng tạo nội dung, hiện đang điều hành Studio Mill tại Jeju. Trang web Studio Mill của tôi cũng được xây dựng bằng three.js!
Khóa học này không chỉ đơn thuần hướng dẫn bạn tạo ra các đối tượng đơn giản. Bằng cách tạo ra các ví dụ thực tế , bạn sẽ có được sự hiểu biết vững chắc về cách sử dụng 3.js hiệu quả. Hơn nữa, chương trình học còn bao gồm hướng dẫn về cách tạo mô hình hình dạng mong muốn bằng Blender, một phần mềm mô hình 3D , cho phép bạn đạt được kết quả mong muốn.
Khuyến nghị cho những người này
Khóa học này dành cho ai?
Bất cứ ai muốn tạo một trang web 3D
Bất kỳ ai muốn tạo một trang web portfolio nổi bật
Những người cần tạo nội dung 3D hoạt động trên web
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,596
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분코딩"에서 웹 개발 관련 기술들을 공유하고 있어요.
Cảm ơn 1 Minute Coding, người đã đăng ký, vì đã tải lên một bài giảng chất lượng cao và ấm áp như vậy. Nhờ 1 Minute Coding, không lâu nữa các nhà phát triển front-end ở Hàn Quốc sẽ sử dụng ba.js làm mặc định haha.
Đây thực sự là một khóa học tuyệt vời để tìm hiểu những kiến thức cơ bản về Three.js. Làm cách nào để triển khai nó trên web 3D ở nước ngoài, v.v.? Lớp học này còn hơn cả 1+1 đối với tôi vì nó giải thích các nguyên tắc của những thứ tôi nghĩ ra và giải thích chúng một cách dễ dàng, đồng thời cũng bao gồm sự hiểu biết đơn giản không chỉ về ba.js mà còn cả cách sử dụng Blender, cách vật lý được áp dụng trên web và tương tác. Cảm ơn giáo viên rất nhiều vì đã tạo ra một bài giảng tuyệt vời với những lời giải thích ngắn gọn và những ví dụ tuyệt vời!
Cảm ơn bạn rất nhiều, Youngseo🥲
Sau khi phát hành một khóa học, tôi luôn rất lo lắng cho đến khi những bài đánh giá đầu tiên về khóa học được đăng... Tôi đã làm việc chăm chỉ để tạo ra nó, nhưng tôi không thể biết được những người xem nó sẽ như thế nào...
Cảm ơn những lời động viên của bạn và hãy cùng nhau học tập vui vẻ trong tương lai nhé!
Đó là lĩnh vực mà tôi luôn muốn học nên tôi luôn nghĩ mình nên học, và ngay cả khi xem tài liệu, tôi cũng không biết bắt đầu như thế nào nên thật tuyệt khi có thể theo dõi chi tiết!