hukurouo.com 🦉

ボクセルアートを作ろう 4
2020-11-27

https://hukurouo-voxel.netlify.app/hatobatsugu/

作った~
作った~

今回は光源をちょっと工夫した。

電灯の位置に強めの点光源を、オブジェクト群の前方に弱めの点光源を置いている。スポットライト光源とかも試してみたが、結局はこの形に落ち着いた。

電灯をチカチカさせたかったので乱数で光源の強さを0にするようにしてみた。

function getRandomArbitrary(min, max) {
    return Math.random() * (max - min) + min;
  }

  let frame = 0;

  const tick = () => {
    requestAnimationFrame(tick);
    // フレーム数をインクリメント
    frame++;
    // フレーム数が2で割り切れなければ描画しない
    if (frame % 2 == 0) {
      return;
    }

    if (getRandomArbitrary(1,1000) >= 5) {
      light2.intensity = 3;
    } else {
      light2.intensity = 0;
    }

    renderer.render(scene, camera);
  };
  tick();

デフォの60FPSだと消灯が一瞬すぎて視認しにくかったので、FPSを落としておいた。

次は少女終末旅行の2人を作ろうと思っている。