TroisJS – a Collection by Kevin Levron on CodePen

<div id="app">
  <renderer ref="renderer" resize="window" :auto-clear="false" mouse-move mouse-raycast orbit-ctrl>
    <camera :position="{ z: 300 }"></camera>
    <scene>
      <ambient-light color="#808080"></ambient-light>
      <point-light color="#ff6000"></point-light>
      <point-light color="#0060ff" :intensity="0.5" ref="light"></point-light>
      <point-light color="#ff6000" :intensity="0.5" :position="{ x: 100}"></point-light>
      <point-light color="#0000ff" :intensity="0.5" :position="{ x: -100}"></point-light>

      <instanced-mesh ref="imesh" :count="NUM_INSTANCES">
        <box-geometry :width="2" :height="2" :depth="10"></box-geometry>
        <standard-material transparent :opacity="0.9" :metalness="0.8" :roughness="0.5"></standard-material>
      </instanced-mesh>
    </scene>

    <effect-composer>
      <render-pass></render-pass>
      <unreal-bloom-pass :strength="1"></unreal-bloom-pass>
      <halftone-pass :radius="1" :scatter="0"></halftone-pass>
    </effect-composer>
  </renderer>
</div>