Tạo đồ họa và trò chơi 2D bằng PixiJS với Cursor(AI)
studiomeal
2D đồ họa độc đáo PixiJS, bạn sẽ học được những kiến thức cơ bản và cách phát triển nhanh chóng, hiệu quả bằng trình biên tập mã AI Cursor.
입문
pixijs, cursor, webgl
BEST
Web tương tác 3D bắt đầu với Three.js
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.
(5.0) 108 đánh giá
1,875 học viên
Độ khó Cơ bản
Thời gian Không giới hạn
Interactive Web
Interactive Web
Blender
Blender
Three.js
Three.js
Interactive Web
Interactive Web
Blender
Blender
Three.js
Three.js
Đá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.
Triển khai web 3D bằng thư viện WebGL ba.js
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 web với three.js
Hãy cùng tạo ứng dụng web 3D! 🤳
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.
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 3 Tì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ên web, chẳng hạn như metaverse/VRBất kỳ ai muốn triển khai 3D
Khác biệt so với các nhà phát triển khácCá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 👨💻
Đ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
19,624
Học viên
1,275
Đánh giá
1,175
Trả lời
5.0
Xếp hạng
11
Các khóa học
서울에서 웹 개발자/디자이너로 일했고, 제주를 거쳐.. 현재는 말레이시아 페낭에서 열심히 개발도 하고, 교육 콘텐츠도 만들고, 1인 기업으로서 해볼 수 있는 여러가지 시도와 실험들을 해보고 있습니다.
비주얼 임팩트가 있는 인터랙티브 웹에 관심이 많고, 유튜브와 페이스북 "1분코딩"에서 웹 개발 관련 기술들을 공유하고 있어요.
개발자/디자이너/콘텐츠크리에이터
페이스북 https://www.facebook.com/1mincoding
Chương trình giảng dạy
Tất cả
161 bài giảng ∙ (18giờ 39phút)
Tài liệu khóa học:
Tài liệu bài giảng
18. Animation cơ bản
08:44
20. Sương mù (Fog)
07:11
Ngày đăng:
Cập nhật lần cuối:
Đánh giá
Tất cả
108 đánh giá
5.0
108 đánh giá
letseeĐánh giá 2
∙
Đánh giá trung bình 5.0
5
95% đã tham giaCả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.
- studiomealGiảng viên
Wow - đây là một câu chuyện đẹp như mơ! Cảm ơn bạn rất nhiều vì những lời tốt đẹp của bạn, Jeongwoo - chúc bạn học tập may mắn 😊
- mokguli
Đánh giá 5
∙
Đánh giá trung bình 5.0
5
99% đã tham giaĐâ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!
- studiomealGiảng viên
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é!
- hyezzm1200
Đánh giá 8
∙
Đánh giá trung bình 5.0
5
29% đã tham giaĐó 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!
- studiomealGiảng viên
Chúc bạn học tốt nhé Kim Kim! Cảm ơn bạn ^^
- a010414011600372
Đánh giá 9
∙
Đánh giá trung bình 4.8
- lhwda13882238
Đánh giá 4
∙
Đánh giá trung bình 5.0
5
100% đã tham giaTôi thực sự rất thích bài giảng tuyệt vời này. !! Nhờ có bạn, tôi nghĩ tôi sẽ có thể làm được nhiều điều thú vị!!
- studiomealGiảng viên
Cảm ơn Hyunwoo! Nếu bạn làm được nhiều điều thú vị, bạn sẽ học được rất nhiều! cười
Ưu đãi có thời hạn, kết thúc sau 3 ngày ngày
115.500 ₫
30%
3.455.374 ₫
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!
![Xây dựng web responsive chỉ với html/css/js thuần túy [Phần thực hành] Bootcamp강의 썸네일](https://cdn.inflearn.com/public/courses/333180/cover/26ede6df-032a-40f2-9670-f6748785eba5/333180.jpg?f=avif&w=420)
