例えばHPバーを画面上に表示したい、といったとき、
HPバー背景、動くHPバーのピクチャが最低いると思うのですが、
HPの変化にあわせて動くHPバーのほうを単純に左右へずらすと、
HPバーの背景をはみ出してしまいます。
従来だと、HPバーを画面端に置く、縮小拡大を計算してやる。
といった方法もありますが、単純にクラッピングマスクができればすごい助かると思いました。
具体的にいうと、
ピクチャ1とピクチャ2があり、ピクチャ2はピクチャ1の子とする。
するとピクチャ2はピクチャ1が描画されている領域にしか描画されない。
といった動作があるといいと思いました。
これができると、単純にHPバーだけでなく、
ウィンドウの背景を簡単に動かしたりできるようになったり、
建物や洋服の生地を親とし、壁紙や柄を子ではめこんだりと、
いろいろ面白い演出ができるかと思います。
イメージサンプルです。
[img]ピクチャの親子関係.jpg[/img]
ピクチャのマスク化(親子関係)
Re: ピクチャのマスク化(親子関係)
さば缶 さん
ギャルゲー風会話システム12
http://petitrare.com/blog/%e3%82%ae%e3% ... 3%83%a012/
やな さん
立ち絵表示制御文字ver1.043 MV用プラグインサンプルプロジェクト
https://uploader.mitukasa.jp/rpg/
ギャルゲー風会話システム12
http://petitrare.com/blog/%e3%82%ae%e3% ... 3%83%a012/
やな さん
立ち絵表示制御文字ver1.043 MV用プラグインサンプルプロジェクト
https://uploader.mitukasa.jp/rpg/
Re: ピクチャのマスク化(親子関係)
raeyikさん、紹介ありがとうございます。
ただそれはレイヤーの重ね合わせで、マスク領域の話ではなさそうですね。
ただそれはレイヤーの重ね合わせで、マスク領域の話ではなさそうですね。
Re: ピクチャのマスク化(親子関係)
こんばんは。
ちょっと面白そうだったので試してみました。
こういうことですよね?
マスク用の画像
模様の画像
マスク合成した画像
twitterを見させてもらったところプログラミングは出来るようですが、JavaScriptも分かるでしょうか?
もし分かるならとりあえずマスク描画用のメソッドだけ用意したプラグインを作ったので、これを元に使いやすいよう改変してください。
使い方は、デフォルトで用意されているBitmap.bltメソッドと同じ要領で
マスク用画像と模様用画像の2つを指定するだけです。
(ソース画像は事前に予め読み込んでおかないと初回表示時に失敗するので気を付けて下さい)
参考にしたのはこのサイト
http://defghi1977.html.xdomain.jp/tech/ ... asMemo.htm
の、6.4.1 composite-modeの指定 の項です。
globalCompositeOperation の値を指定することで他にも色々な合成の仕方ができるようです。
ちょっと面白そうだったので試してみました。
こういうことですよね?
マスク用の画像
模様の画像
マスク合成した画像
twitterを見させてもらったところプログラミングは出来るようですが、JavaScriptも分かるでしょうか?
もし分かるならとりあえずマスク描画用のメソッドだけ用意したプラグインを作ったので、これを元に使いやすいよう改変してください。
使い方は、デフォルトで用意されているBitmap.bltメソッドと同じ要領で
マスク用画像と模様用画像の2つを指定するだけです。
(ソース画像は事前に予め読み込んでおかないと初回表示時に失敗するので気を付けて下さい)
参考にしたのはこのサイト
http://defghi1977.html.xdomain.jp/tech/ ... asMemo.htm
の、6.4.1 composite-modeの指定 の項です。
globalCompositeOperation の値を指定することで他にも色々な合成の仕方ができるようです。
Re: ピクチャのマスク化(親子関係)
Trbさん、ありがとうございます。やりたいことの結果はあってます。
ありがとうございます。また後日動作確認します。
>JavaScriptも分かるでしょうか?
読めますが発想力はないです……。ただjsよりも、先月買ったツクールMVの全体図のほうがようわかってません。
まずbltのプロトタイプを呼び出してピクチャとして表示するまでの流れがあるサンプルが見つからなかったので、
ちょっと実働できるかどうかの確認は後になります。申し訳ない。
ありがとうございます。また後日動作確認します。
>JavaScriptも分かるでしょうか?
読めますが発想力はないです……。ただjsよりも、先月買ったツクールMVの全体図のほうがようわかってません。
まずbltのプロトタイプを呼び出してピクチャとして表示するまでの流れがあるサンプルが見つからなかったので、
ちょっと実働できるかどうかの確認は後になります。申し訳ない。