Default

初期値を定義したオブジェクトです。
Default の各要素の値を変更することで、デフォルトの設定を変更することができます。

Default オブジェクトは以下のプロパティを持ちます。

• material (String) : マテリアルタイプ (デフォルト : "Physical")。
• color (String | Hex) : 背景色 (デフォルト : 0x1155ff)。
• texture (Object) : テクスチャの設定
  • wrapping (String) : テクスチャのラッピング (デフォルト : "Repeat")。
• event (Object) : イベントの設定
  • type (String) : イベントのタイプ (デフォルト : "once")。
  • keyTrigger (RegExp) : キーイベントのトリガー (デフォルト : /^[A-Za-z]$/ )。
• layer (Object) : レイヤーの設定
  • bloom (Number) : postprocessing.selectedBloom がブルームエフェクトに使用するレイヤー番号 (デフォルト : 30)。
• shader (Object) : シェーダーの設定
  • vertexShader (String) : 頂点シェーダーのコード (デフォルト : 下記参照)。

    `varying vec2 vUv;
    void main() {
      vUv = uv;
      gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );
    }
    `

  • fragmentShader (String) : フラグメントシェーダーのコード (デフォルト : 下記参照)。

    `uniform sampler2D baseTexture;
    uniform sampler2D bloomTexture;
    varying vec2 vUv;
    void main() {
      gl_FragColor = ( texture2D( baseTexture, vUv ) + vec4( 1.0 ) * texture2D( bloomTexture, vUv ) );
    }
    `

コードの例

デフォルトのマテリアルを変更する

material には、マテリアルの種類を文字列で指定します。
マテリアルの種類については、Three.js で定義されているものから 「THREE.」と「Mesh」を除いたものになります。
(例 : "Physical" は THREE.MeshPhysicalMaterial を意味します。)
例外として、THREE.NormalMaterial は "Normal" として指定します。

const { camera, create, animate, Default } = init()

Default.material = "Basic";

...