3D Effect

概要

3Dモデルの効果などを制御します。

メソッド(操作 / ガイド)

操作 / ガイド
メソッド名処理内容備考
orbitControl3Dモデルの角度や位置などを操作マウスの左右それぞれのボタンによるドラッグ
debugModeグリッドと座標軸アイコンを表示
noDebugModedebugModeの動作をオフ

メソッド(ライト)

ライト
メソッド名処理内容備考
ambientLightアンビエントライトを配置空間内を均一な明るさで照らすライト
directionalLightディレクショナルライトを配置一方向から平行で照らすライト
spotLightスポットライトを配置空間の一点から円錐状の範囲を照らすライト
pointLightポイントライトを配置空間の一点からすべての方向に同等に光を放つライト
lightFalloffライトの減衰率を設定スポットライトおよびポイントライトに対して有効
lightsアンビエントライトとディレクショナルライトを配置
noLights配置されているすべてのライトを除去

メソッド(テクスチャ / マテリアル)

テクスチャ / マテリアル
メソッド名処理内容備考
texture3Dモデルにテクスチャを設定
textureModeテクスチャマッピングのモードを設定マッピングの座標空間の指定に関するモード
textureWrapテクスチャマッピングのラッピングモードを設定マッピングが範囲外になったときの動作モード
normalMaterial3Dモデルの質感にノーマルマテリアルを設定光の影響なし(おもにデバック用途)
ambientMaterial3Dモデルの質感にアンビエントマテリアルを設定指定した色の光の成分を反射
emissiveMaterial3Dモデルの質感にエミッシブマテリアルを設定自己発光
specularMaterial3Dモデルの質感にスペキュラーマテリアルを設定鏡面反射
specularColor反射色を設定スペキュラーマテリアルに対して有効
shininess光沢度を設定スペキュラーマテリアルに対して有効

メソッド(カメラ)

カメラ
メソッド名処理内容備考
createCameraカメラを生成生成されたカメラをアクティブに設定
setCamera指定されたカメラをアクティブなカメラとして設定
cameraアクティブなカメラの位置などを設定カメラの位置、視界の中心位置、上向き方向
perspectiveアクティブなカメラに透視投影による視野(視錐台)を設定frustumメソッドとほぼ同等機能
frustumアクティブなカメラに透視投影による視野(視錐台)を設定perspectiveとほぼ同等機能
orthoアクティブなカメラに平行投影による視野(視錐台)を設定

p5cameraオブジェクト
 (プロパティ)

プロパティ名内容備考
eyeXカメラの位置の x座標カメラの位置
eyeYカメラの位置の y座標
eyeZカメラの位置の z座標
centerXカメラの視界の中心位置の x座標視界の中心位置
centerYカメラの視界の中心位置の y座標
centerZカメラの視界の中心位置の z座標
upXカメラの上向き方向をあらわすベクトルの x軸成分上向き方向を表すベクトル成分
upYカメラの上向き方向をあらわすベクトルの y軸成分
upZカメラの上向き方向をあらわすベクトルの z軸成分

 (インスタンスメソッド)

メソッド名処理内容備考
cameraカメラの位置などを設定カメラの位置、視界の中心位置、上向き方向
setPositionカメラの位置を設定
lookAtカメラの視界の中心位置を設定
move向きを維持したままカメラの位置を移動
pan水平方向にカメラを首振り
tilt垂直方向にカメラを首振り
roll時計まわり/反時計まわりにカメラを回転
perspectiveカメラに透視投影による視野(視錐台)を設定frustumメソッドとほぼ同等機能
frustumカメラに透視投影による視野(視錐台)を設定perspectiveメソッドとほぼ同等機能
orthoカメラに平行投影による視野(視錐台)を設定

p5.jsリファレンス(参考情報) p5.Camera

メソッド(シェーダー)

シェーダー
メソッド名処理内容備考
createShaderシェーダーを生成
shaderレンダリングの対象となるシェーダーを設定

p5shaderオブジェクト
 (インスタンスメソッド)

メソッド名処理内容備考
setUniformシェーダーのユニフォーム変数を設定

p5.jsリファレンス(参考情報) p5.Shader