半透明のメッセージボックス作成

半透明のメッセージボックス作成
RPGとかでは、看板をみたり
街の人と話したとき
メッセージボックスに表示される
これは、画面にオーバーラップさせれば実現できる
メインのダンジョンや街のマップは
canvasで作成しておいて
メッセージの描画はdivタグを使う
そして、メッセージは
CSSを使い、絶対座標で描画する
絶対座標にするなら
position:absolute
を指定するのを忘れずに
吹き出しを半透明にするなら
opacity:0.9
にすればいい
opacityは透明度の設定になる
divで設定したのは
メッセージをinnerHTMLで表示したり
imgで画像にしたりできるから
いろいろできるようになれば
videoで動画再生とか
audioで歌うとかできるようになるかもしれない

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です