
Cursor(AI) を使用して PixiJS で作成する 2D グラフィックスとゲーム
studiomeal
2D グラフィックスの独占的な強者 PixiJS の基本を習得し、AI コードエディター Cursor を使用して迅速かつ効率的に開発する方法も学びます。
입문
pixijs, cursor, webgl

Three.jsのコアコンセプト
一人称3D Webページの実装原理
学習対象は
誰でしょう?
自分だけの3D空間を作りたい方
Three.jsを勉強しましたが、アプリケーションが難しい方
前提知識、
必要でしょうか?
JavaScriptの基本
19,602
受講生
1,273
受講レビュー
1,175
回答
5.0
講座評価
11
講座
서울에서 웹 개발자/디자이너로 일했고, 제주를 거쳐.. 현재는 말레이시아 페낭에서 열심히 개발도 하고, 교육 콘텐츠도 만들고, 1인 기업으로서 해볼 수 있는 여러가지 시도와 실험들을 해보고 있습니다.
비주얼 임팩트가 있는 인터랙티브 웹에 관심이 많고, 유튜브와 페이스북 "1분코딩"에서 웹 개발 관련 기술들을 공유하고 있어요.
개발자/디자이너/콘텐츠크리에이터
페이스북 https://www.facebook.com/1mincoding
全体
43件 ∙ (3時間 47分)
講座資料(こうぎしりょう):
1. Three.js 入門
02:03
2. CDNから取得
04:36
3. NPMとビルドツールを使う
06:24
4. ソースコード案内
00:57
5. Three.jsの基本構成要素
04:07
6. 基本のシーン作り
17:27
8. アニメーション補正
04:33
10. ステージ作り
08:11
11. メッシュオブジェクトモジュール
11:33
12. 影処理
02:41
13. 3Dモデル ロード 1
04:43
14. 3Dモデル ロード 2
07:04
15. 3Dモデル ロード 3
02:05
16. シャドウ調整
01:47
17. イメージテクスチャ
07:20
19. カメラの動き実装
10:31
20. 物理エンジンの動作原理
01:21
21. 物理空間基本設定
03:12
22. メッシュに物理エンジン適用
06:59
23. 物理オブジェクトの動きの実装
07:42
24. 物理オブジェクトに回転を適用
04:55
25. 移動実装 1
02:00
26. 移動実装 2
10:03
27. 移動実装3
06:26
28. 移動実装 4
04:36
29. 移動実装 5
02:51
30. Raycasterの動作原理
00:58
31. クリックしたアイテムのチェック
10:51
32. マーカー実装
05:40
33. ランプのオンオフ
06:33
34. ロボット掃除機の動作実装
05:05
全体
8件
5.0
8件の受講レビュー
受講レビュー 21
∙
平均評価 5.0
5
ある程度Three.jsを知っている状態で学習すると、はるかに良いようです。 既に知っている内容に続き、新しいことを知って満足しています。 説明方式と実装原理について、絵や視覚資料でわかりやすく助ける部分もとても良かったです! 丁寧でフレンドリーな講義をよく聞きました!
ありがとうございます。 概念を理解しやすいようにアニメなどの視覚資料を使ってみましたが、良く感じられたなんて私もいいですね😊 素敵な作品を作ろう!
受講レビュー 46
∙
平均評価 4.7
受講レビュー 1
∙
平均評価 5.0
5
以前の講義を聞いて新しいTHREE.JS講義が上がるやいなや聞くようになりましたが、プロジェクトに実際に適用するための核心内容だけが入っていて、実装する方法だけを知りたい方が聞くのに良いようです。逆に詳しく知りたい方や初めての方は聞いてみると理解しにくいと感じることもあるようです。先の講義を聞いてこの講義を聞くので、どのように開発すればいいのか新しく分かるようになって、もっと良いようです!
詳細な講義を残していただきありがとうございます。 今回の講義は、Three.jsに初めて接する方が聞くことができながらも、以前の講義を受講された方にも新しい内容をお伝えしたいと思いました。 ^^
受講レビュー 5
∙
平均評価 5.0
受講レビュー 7
∙
平均評価 5.0
期間限定セール
¥61,600
30%
¥11,082
知識共有者の他の講座を見てみましょう!
同じ分野の他の講座を見てみましょう!