easy-three
Eng日本語

postprocessing.mask

postprocessing.mask(texture : Texture) : Object

texture - マスクテクスチャ。
Maskエフェクトを追加します。
戻り値は、mask のみのオブジェクトです。
戻り値の mask は、animate の中で呼び出すことでエフェクトを適用します。
animate の第2引数を false にしてください。

コードの例

マスクエフェクト

const { camera, create, animate, load, postprocessing } = init()

camera.position.set(0, 0, 2)

const torusKnot = create.torusKnot({ size: 0.5, tube: 0.16 })

const texture = load.texture("path_to_texture_file.jpg")

const { mask } = postprocessing.mask(texture)

animate(({ delta, time }) => {
  torusKnot.rotation.x += delta
  torusKnot.rotation.y += delta
  mask(time)
}, false)

HDR画像をテクスチャとして使う

const { camera, create, animate, load, postprocessing } = init()

camera.position.set(0, 0, 2)

const torusKnot = create.torusKnot({ size: 0.5, tube: 0.16 })

const texture = load.background("path_to_HDR_file.hdr", {
  background: false,
  environment: false
})

const { mask } = postprocessing.mask(texture)

animate(({ delta, time }) => {
  torusKnot.rotation.x += delta
  torusKnot.rotation.y += delta
  mask(time)
}, false)