
Cursor(AI) を使用して PixiJS で作成する 2D グラフィックスとゲーム
studiomeal
2D グラフィックスの独占的な強者 PixiJS の基本を習得し、AI コードエディター Cursor を使用して迅速かつ効率的に開発する方法も学びます。
입문
pixijs, cursor, webgl
このレッスンでは、デスクトップとモバイルの両方で動作する一人称 3D Web サイトを作成します。
6名 が受講中です。
難易度 初級
受講期間 無制限

Three.js の基本概念
一人称 3D Web ページの実装メカニズム
学習対象は
誰でしょう?
自分の 3D 空間を作成したい人はいますか?
Three.js を勉強したことがあるが、適用に苦労している人
前提知識、
必要でしょうか?
JavaScript の基本
19,624
受講生
1,275
受講レビュー
1,175
回答
5.0
講座評価
11
講座
서울에서 웹 개발자/디자이너로 일했고, 제주를 거쳐.. 현재는 말레이시아 페낭에서 열심히 개발도 하고, 교육 콘텐츠도 만들고, 1인 기업으로서 해볼 수 있는 여러가지 시도와 실험들을 해보고 있습니다.
비주얼 임팩트가 있는 인터랙티브 웹에 관심이 많고, 유튜브와 페이스북 "1분코딩"에서 웹 개발 관련 기술들을 공유하고 있어요.
개발자/디자이너/콘텐츠크리에이터
페이스북 https://www.facebook.com/1mincoding
全体
43件 ∙ (3時間 47分)
講座資料(こうぎしりょう):
1. Three.js 入門
02:06
2. CDNからインポート
04:36
10. ステージ作成
08:11
11. メッシュオブジェクトモジュール
11:33
12. Settings Shadows
02:41
15. 3Dモデルの読み込み 3
02:05
16. シャドウの調整
01:47
17. 画像テクスチャ
07:20
20. 物理エンジンの仕組み
01:21
21. 物理世界の基本設定
03:12
22. メッシュに物理エンジンを適用
06:59
23. 物理オブジェクトの移動の実装
07:42
25. 動き 1 実装
02:00
26. 移動2の実装
10:03
27. ムーブメント 3 の実装
06:26
28. 運動4実施
04:36
29. Movement 5 の実装
02:51
30. Raycasterの仕組み
00:58
31. クリックしたアイテムの確認
10:51
32. マーカーの実装
05:40
33. ランプを消したりつけたり
06:33
34. ロボット掃除機の移動実装
05:05
期間限定セール、あと2日日で終了
¥61,600
30%
¥10,999
知識共有者の他の講座を見てみましょう!
同じ分野の他の講座を見てみましょう!