ドットインストール - 3分動画でマスターできるプログラミング学習サービス
レッスン一覧
料金プラン
レッスン一覧
料金プラン
ログイン
運営からのお知らせ
2025/03/27
NEW
【週刊ドットインストール】 Nuxt入門のレッスンをリリースしました
2025/03/24
NEW
『Nuxt入門 基礎編』をリリースしました
2024/05/07
NEW
あなただけの学習ロードマップを作成します 【随時受付中】
PREMIUM
Three.js入門
ブラウザ上で3Dグラフィックスを描画するためのThree.jsについて基本的な使い方を見ていきます。
0%
このレッスンはアーカイブされました
このレッスンは視聴可能ですが、質問の受付や内容の更新は終了しております。
動画レッスン一覧
(23)
#01 Three.jsを使ってみよう
(02:25)
無料公開中
概要
公式サイト
必要となる知識
レッスンにおける環境
未完了
#02 開発の準備を整えよう
(02:50)
無料公開中
必要なファイルの準備
Webサーバーの起動
動作確認
未完了
#03 処理の流れを確認しよう
(02:58)
無料公開中
index.htmlの編集
処理の流れ
用語の説明
未完了
#04 Scene、Mesh、Cameraを設定しよう
(02:55)
無料公開中
Sceneの設定
Meshの設定
Cameraの設定
未完了
#05 Rendererの設定をしていこう
(01:45)
無料公開中
Rendererの設定
動作確認
未完了
#06 Lightの設定をしていこう
(02:43)
DirectionalLightの設置
AmbientLightの設置
動作確認
未完了
#07 ヘルパーを設定してみよう
(02:35)
GridHelperの設置
AxisHelperの設置
DirectionalLightHelperの設置
動作確認
未完了
#08 アニメーションをさせてみよう
(02:44)
requestAnimationFrame
動作確認
未完了
#09 色の指定方法を見ていこう
(02:06)
色の指定方法
THREE.Color()
未完了
#10 物体を操作してみよう
(02:45)
position
scale
rotation
未完了
#11 物体をグループ化してみよう
(02:42)
THREE.Group()
動作確認
未完了
#12 OrbitControlsを使ってみよう
(02:38)
OrbitControlsの導入
動作確認
未完了
#13 Geometryについて見ていこう
(02:59)
SphereGeometry
PlaneGeometry
未完了
#14 Materialについて見ていこう
(02:36)
MeshBasicMaterial
MeshLambertMaterial
MeshPhongMaterial
未完了
#15 影を描画してみよう
(03:00)
影の設定
動作確認
未完了
#16 テクスチャを貼り付けてみよう
(02:41)
動画の読み込み
テクスチャの貼り付け
動作確認
未完了
#17 3Dテキストを描画してみよう
(02:32)
フォントの読み込み
3Dテキストの描画
動作確認
未完了
#18 Particlesを描画する準備をしよう
(02:58)
Particlesの仕組み
テクスチャの読み込み
未完了
#19 Particlesを完成させよう
(02:36)
Geometryの設定
Materialの設定
動作確認
未完了
#20 ピッキング処理を実装してみよう
(03:00)
立方体の生成
未完了
#21 マウス座標を取得してみよう
(02:38)
イベントの設定
マウス座標の取得
未完了
#22 WebGLの座標系に変換しよう
(01:52)
WebGLの座標系に変換
未完了
#23 Raycasterを使ってみよう
(02:39)
THREE.Raycaster()
光線の生成
衝突した物体の取得
物体の操作
未完了
リリース情報(note)
記事はありません。
詳細情報
最終更新日
2016年4月18日
バージョン情報
Three.js r75