はじめに
ゲーム中、画面の左上に常にHPを表示させようとcanvasを作成したところ、タイトルの通りくそデカcanvasになってしまった。
このcanvasをどうにかしたため、メモ。
内容
canvasのレンダーモードを変更するだけ。
詳細
canvasにはレンダーモードというプロパティがある。これはつまりcanvasをどのように描画するかを表している。
-
スクリーンスペース - オーバーレイ
- canvasを画面に直接描画する。カメラにぴったり張り付いているイメージ。なので、どのオブジェクトよりも前面に表示される。
-
スクリーンスペース - カメラ
- canvasが、カメラに対して垂直になるように描画する。distanceを設定し、カメラとの距離を設定することができる。
- この場合、位置次第でcanvasよりも前面にオブジェクトが来てしまうことがあるので、注意。
-
ワールド空間
- canvasをオブジェクトとして描画する。空間に透明な平面（向きは自由）があり、そこに描画されているイメージ。
まとめ
初期は「スクリーンスペース - オーバーレイ」に設定されているが、「スクリーンスペース - カメラ」に設定すると、注意は必要だが大きさがちょうどよくなる。
本当に、ちょうどよくなる。