Unity の Canvas で 3D 感のある、回転するカード表現

2024-02-25

Canvas で手軽に 3D 的なカード表現をやりたい

  • 普通に作るなら 3D の Sprite とか使って作るんだけど、Canvas の機能や座標系が使えると便利なことも多いので
  • 試しにやってみたら割とやれた
  • Canvas には本来裏表の概念が無いので裏面は動的に ON / OFF してる

動画に出てくるソースコード:

void UpdateFace()
{
    Vector3 cameraToCardVec = this.transform.position - Camera.main.transform.position;
    Vector3 cardForward = this.transform.forward;
    var dot = Vector3.Dot(cameraToCardVec, cardForward);
    backfaceImage.enabled = (dot < 0);
}