Nanashi-softプログラマ専用HTML5プログラミング


◇HTML5プログラミング -半透明のメッセージウィンドウ-

カルナノードは画面いっぱいに背景+キャラ絵を表示した上に,メッセージウィンドウが乗っかる仕様です
画面が狭い機器を想定した設計の為で,可能な限り『半透明の黄色』と決まっています

canvasクラスでは結構簡単にできました
ただし,ちょっと厄介なところがあります

↓コレを書いた後に,
	context=canvas.getContext("2d");
↓コレを書く
	context.globalAlpha=0.6;
context.strokeStyle='rgb(255, 255, 0)';
context.fillStyle='rgb(255, 255, 0)';
context.fillRect(15, 135, 320-30, 90);
で,注意点として,システムが描画を終えるまで保持しなければなりません
どういうことかというと,この後で,
	context.globalAlpha=null;
とか書くと,壊れてしまいます(謎

ですが,描画命令を出したら,変更しても構いません
	context.globalAlpha=0.6;
context.fillRect(15, 135, 320-30, 90);
context.globalAlpha=1.0;
context.fillRect(15, 0, 320-30, 90);
と書くと,半透明と無透明の四角が描画できます

変更しても良いですが,壊してはいけません(謎
また,描画のエンドがはっきりしないので,いつまで保持しなければならないのかも不明です
まぁ,この辺りはアバウトで良いのでしょう。JavaScript自体がそんな感じだし(*'-')


TOPプログラマ専用HTML5プログラミング