강의

멘토링

커뮤니티

Programming

/

Front-end

Three.js を使用して 3D の一人称視点 Web サイトを作成する

このレッスンでは、デスクトップとモバイルの両方で動作する一人称 3D Web サイトを作成します。

6名 が受講中です。

難易度 初級

受講期間 無制限

  • studiomeal
Three.js
Three.js
Interactive Web
Interactive Web
3d
3d
JavaScript
JavaScript
Portfolio
Portfolio
Three.js
Three.js
Interactive Web
Interactive Web
3d
3d
JavaScript
JavaScript
Portfolio
Portfolio

受講後に得られること

  • Three.js の基本概念

  • 一人称 3D Web ページの実装メカニズム

この講義は英語で行われます。韓国語講義はhttps://inf.run/VjKwJで受講できます。

This course teaches you how to create a 3D webpage from a first-person perspective.
(Think of the actions in a game like Mine*raft
😊 )

Many of you have been asking me on my website https://studiomeal.com , "How do I make something like this?" So I created a class that implements core movements. It's a class that focuses only on creating 3D space and implementing movements, without any unnecessary details !

Turn your head,

Click on an object to make it move

Create a world where physics applies!

works well on mobile too

🐣 I'm new to Three.js, can I start this course right away?

Although this course focuses on implementing 3D space, it also summarizes the core basics in the first section so that even those who are new to Three.js can understand it. If you only understand the basics of JavaScript, you will have no trouble taking the course. You can estimate the difficulty of the course through the free sample lecture. If you want to build more basic skills about Three.js, I recommend taking another course, "3D Interactive Web with Three.js" !

Animations to help you understand the implementation of the behavior

Things to note before taking the class

Learning Materials

  • We provide both the start and finished versions of all codes so that you can follow along and write the code yourself. If you have trouble progressing with the code you wrote yourself in the middle, you can download the source code for that chapter and study from that part.

  • You can use the source code provided in the lecture for your projects.

  • It is not permitted to directly disclose the source code provided in the lecture or to create educational materials.

Player Knowledge and Notes

  • You need to have a basic understanding of JavaScript to be able to take the class smoothly. Although this is not a JavaScript class, I will explain JavaScript concepts that appear here and there, so you won't have much difficulty.

こんな方に
おすすめです

学習対象は
誰でしょう?

  • 自分の 3D 空間を作成したい人はいますか?

  • Three.js を勉強したことがあるが、適用に苦労している人

前提知識、
必要でしょうか?

  • JavaScript の基本

こんにちは
です。

19,662

受講生

1,279

受講レビュー

1,175

回答

5.0

講座評価

11

講座

ソウルでウェブデベロッパー/デザイナーとして働き、済州島を経て…現在はマレーシアのペナンで熱心に開発をしながら、教育コンテンツも制作し、個人事業主としてできる様々な試みや実験を行っています。
ビジュアルインパクトのあるインタラクティブウェブに関心が高く、YouTubeとFacebookの「1分コーディング」でウェブ開発関連の技術を共有しています。

カリキュラム

全体

43件 ∙ (3時間 47分)

講座資料(こうぎしりょう):

授業資料
講座掲載日: 
最終更新日: 

受講レビュー

まだ十分な評価を受けていない講座です。
みんなの役に立つ受講レビューを書いてください!

¥10,812

studiomealの他の講座

知識共有者の他の講座を見てみましょう!

似ている講座

同じ分野の他の講座を見てみましょう!