init
init(target : String | DOMElement, options : Object) : Object
target(optional) - 描画対象のDOMセレクタ、もしくはDOM要素 (デフォルト : document.body)。
options(optional) - 設定オブジェクト。
- pixelRatio : Number - ピクセル比 (デフォルト : window.devicePixelRatio)
初期化関数。
指定されたターゲットに対して、シーン、カメラ、レンダラ、コントロールを初期化します。
ウィンドウサイズ変更時の自動リサイズに対応しています。
戻り値は以下のプロパティを持つオブジェクトです。
- Default
- scene
- camera
- renderer
- controls
- create
- load
- helper
- event
- animate
- THREE
- color
- postprocessing
- noToneMapping
- destroy
- tool
コードの例
bodyに対して描画する
引数に何も指定しない場合、document.bodyに対して描画します。
画面全体を描画対象にする場合に利用します。
const { camera, create, animate } = init();
特定のDOMに描画する
引数で描画対象のDOMセレクタ、もしくはDOM要素を指定することができます。
文字列(DOMセレクタ)を指定した場合、内部で document.querySelector() を使用してDOM要素を取得します。
const { camera, create, animate } = init("#target");