Webで3Dを実装できるJavaScriptライブラリ、three.jsの重要な概念を学び、アプリケーションの例まで作成し、3D Web開発の感覚を学びます。
WebGLライブラリthree.jsを使用した3D Web実装
バニラJavaScriptを活用した3DインタラクティブWeb開発
three.jsでWeb上で実装可能
3D Webアプリケーションを作ろう！ 🤳
3D空間でキャラクターが自由に動く動作を実装してみます。
韓国にはthree.jsで作業したウェブサイトはあまりありませんでしたが、最近になってメタバスやVR、ARなどが急浮上しながら3Dコンテンツに対する需要が増えています。それに比べて入門者が簡単に勉強できる資料が多く不足だと感じられて講義を企画することになりました。
セクション0 three.jsが何であるか、そして基本的な使い方を学びます。 Webパックの使い方も一緒に身につけます！
セクション1基本要素の全体的な内容を見て、3Dシーンを整理することができます。
セクション2 three.jsの開発をより便利にするツールを学びます。
セクション3位置の移動、サイズ変更、回転などの変換（transform）について学びます。
セクション4の外観を表すジオメトリを学びます。
セクション5簡単なカメラコントロールを活用するだけで、さまざまな機能のカメラアクションを使用できます。
セクション6材料を表すさまざまな材料について学びます。
セクション7さまざまな照明と光の形を学びます。
セクション8クリックを検出する方法を学びます。
セクション9〜13で学んだことを活用して、実用的な例をさまざまに作成します。
目立つ3Dウェブサイト
作りたい開発者/デザイナー
メタバス/VRなどのウェブから
他の開発者とは区別された
この講義だけの特徴は何ですか？
1分コーディングThree.jsロードマップで「全購入適用」の30％割引クーポンを受け取ることができます。 （2つの講義の1つはすでに聞いている方も、ロードマップクーポンで受講申請をすると、新たに受講する講義に30％割引が適用されますので、2つの講義をすべて受講される方はロードマップで受講申請してください！）
➡ロードマップショートカット
Q.初心者も聞ける講義ですか？
JavaScriptの基礎を知っている人であれば可能です。 JavaScriptのレッスンではありませんが、途中で登場するJavaScriptの概念も説明するので、あまり難しいことはありません。
Q.授業内容をどの程度のレベルまで扱いますか？
詳細はカリキュラムを見ればいいのですが、標識橋を渡るゲームが最も難易度の高い最終例だと見てください。そのような3D Webアプリケーションを作成するために必要なものを勉強すると思います。
Q.授業で勉強した内容程度なら、私が望む形の3Dウェブ実装が可能でしょうか？
作成したいウェブサイトの形式によって異なりますが、カリキュラムにthree.jsの重要な内容が含まれているので、確かに学ぶ前とはまったく異なる作業をすることができるでしょう。
Q. 講義を聞いたらどの程度の成長を成し遂げられるのでしょうか？
頑張った後、あなたは3Dウェブページを開発することができます。 3Dはそれ自体で特別で直接実装できれば就職市場でも目立つ開発者になることができます。 3Dウェブを実装できるということ、そのようなポートフォリオを持っているということ自体が開発者/デザイナーとして強力な武器になるでしょう。
私の口でこんな言葉を言うのは恥ずかしいですが... 800以上の受講評⭐平均5点満点講師ですよ
こんにちは！済州でスタジオミルという会社を運営しているデザイナーであり開発者、コンテンツクリエイター1分コーディングです。私のスタジオミルのウェブサイトもthree.jsを使って作成しました！
このレッスンは簡単な作業だけを作成して終了するのではなく、実際に動作する例を作成することでthree.jsを正しく活用できます。それだけでなく、3DモデリングソフトウェアであるBlenderで好きな形をモデリングする方法まで、カリキュラムに含めているので、私が望む結果を作ることができます。
学習対象は
誰でしょう？
3Dウェブサイトを作りたい方
目立つポートフォリオのウェブサイトを作りたい方
Web上で動作する3Dコンテンツを作成する必要がある方
前提知識、
必要でしょうか？
JavaScriptの基本
19,595
受講生
1,273
受講レビュー
1,175
回答
5.0
講座評価
11
講座
서울에서 웹 개발자/디자이너로 일했고, 제주를 거쳐.. 현재는 말레이시아 페낭에서 열심히 개발도 하고, 교육 콘텐츠도 만들고, 1인 기업으로서 해볼 수 있는 여러가지 시도와 실험들을 해보고 있습니다.
비주얼 임팩트가 있는 인터랙티브 웹에 관심이 많고, 유튜브와 페이스북 "1분코딩"에서 웹 개발 관련 기술들을 공유하고 있어요.
개발자/디자이너/콘텐츠크리에이터
페이스북 https://www.facebook.com/1mincoding
全体
161件 ∙ (18時間 39分)
講座資料（こうぎしりょう）:
2. three.jsとは？
05:32
3. 開発の準備
01:59
4. three.js 使い方 1
05:36
5. three.js の使い方 2
08:21
7. three.js の使い方 3
06:13
9. シーンの基本構成要素を見る
06:45
12. 基本シーン作成 - Mesh
05:57
14. ソースコード構造設計
04:15
16. 背景の色、透明度の設定
05:31
17. 光 (照明, ライト)
04:45
18. アニメーション 基本
08:44
19. アニメーション性能補正
15:40
20. 霧
07:11
全体
108件
5.0
108件の受講レビュー
受講レビュー 2
∙
平均評価 5.0
5
I am grateful to 1 Minute Coding, who I have already subscribed to, for uploading such a hot and high-quality lecture. Thanks to 1 Minute Coding, the day when front-end developers in our country use three.js as their basic language is not far off. ㅎㅎ
Wow- this is a dreamlike story! Thank you so much for the kind words, Jeongwoo-nim- good luck with your studies😊
受講レビュー 5
∙
平均評価 5.0
5
This is a really great lecture that lets you learn the basics of Three.js. I thought, "How do you implement it in overseas 3D web?" It organizes the principles and explains them in an easy way, and it adds not only Three.js, but also how to use Blender, how physics are applied on the web, and a simple understanding of interaction, so this class was more than 1+1 for me. I'm really grateful to the teacher who created a great lecture with concise explanations and great examples!
Thank you so much, Youngseo🥲 After releasing a lecture, I always get really nervous until the first class review comes up. I worked hard on it, but I don't know what the viewers will think of it. Thank you for your encouraging words, and let's continue to study together and have fun!
受講レビュー 8
∙
平均評価 5.0
5
It was a field I always wanted to learn about, so I always thought I should study it, but even when I looked at the documentation, I had no idea where to start, so it was great to be able to follow along with you in detail!
Good luck with your studies, Kim Kim! Thank you^^
受講レビュー 9
∙
平均評価 4.8
受講レビュー 4
∙
平均評価 5.0
5
I listened to the lecture very well. !! Thanks to you, I think I will be able to do many fun things!!
Thank you, Hyunwoo! If you make a lot of fun things, you'll learn a lot! Haha
￥20,481
知識共有者の他の講座を見てみましょう！
同じ分野の他の講座を見てみましょう！
