FC2ブログ

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

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

RPGとかでは、看板をみたり
街の人と話したとき
メッセージボックスに表示される

これは、画面にオーバーラップさせれば実現できる

メインのダンジョンや街のマップは
canvasで作成しておいて

メッセージの描画はdivタグを使う
そして、メッセージは
CSSを使い、絶対座標で描画する

絶対座標にするなら
position:absolute
を指定するのを忘れずに

吹き出しを半透明にするなら
opacity:0.9
にすればいい

opacityは透明度の設定になる

divで設定したのは
メッセージをinnerHTMLで表示したり
imgで画像にしたりできるから

いろいろできるようになれば
videoで動画再生とか
audioで歌うとかできるようになるかもしれない
スポンサーサイト



コメント

非公開コメント

最新記事
検索フォーム
GREEハコニワ攻略サイト
リンク
カテゴリ
月別アーカイブ
フリーエリア
最新記事
FXプライムレート
最新コメント
最新トラックバック