HTML5 canvas – ビットマップ同士の重ねあわせ（アルファ付きビットマップ）

アルファ付きビットマップの画面合成を試すため、背景の空ビットマップに東京スカイツリーのアルファビットマップ付き画像を重ねあわせてみた。

東京スカイツリーのビットマップは自分で撮影したものをベースに、GIMPの「色を透明度に」処理をほどこしたもの。重ねてみると本当は透けてほしくないところまでも透けてしまっている。これはスカイツリー部分の透明度の設定を調整すれば何とかなりそうなのだけれど、今のところどうすればいいかよくわからない。GIMPの機能をもうすこし調べてみることにする。

関連記事:

1. HTML5 Canvas canvas を使ってワイヤーフレーム表示に取り組む(2)
2. HTML5 – canvas
3. HTML5 – canvas (2)