ピクチャのマスク化(親子関係)
Posted: 2016年12月22日(木) 04:18
例えばHPバーを画面上に表示したい、といったとき、
HPバー背景、動くHPバーのピクチャが最低いると思うのですが、
HPの変化にあわせて動くHPバーのほうを単純に左右へずらすと、
HPバーの背景をはみ出してしまいます。
従来だと、HPバーを画面端に置く、縮小拡大を計算してやる。
といった方法もありますが、単純にクラッピングマスクができればすごい助かると思いました。
具体的にいうと、
ピクチャ1とピクチャ2があり、ピクチャ2はピクチャ1の子とする。
するとピクチャ2はピクチャ1が描画されている領域にしか描画されない。
といった動作があるといいと思いました。
これができると、単純にHPバーだけでなく、
ウィンドウの背景を簡単に動かしたりできるようになったり、
建物や洋服の生地を親とし、壁紙や柄を子ではめこんだりと、
いろいろ面白い演出ができるかと思います。
イメージサンプルです。
[img]ピクチャの親子関係.jpg[/img]
HPバー背景、動くHPバーのピクチャが最低いると思うのですが、
HPの変化にあわせて動くHPバーのほうを単純に左右へずらすと、
HPバーの背景をはみ出してしまいます。
従来だと、HPバーを画面端に置く、縮小拡大を計算してやる。
といった方法もありますが、単純にクラッピングマスクができればすごい助かると思いました。
具体的にいうと、
ピクチャ1とピクチャ2があり、ピクチャ2はピクチャ1の子とする。
するとピクチャ2はピクチャ1が描画されている領域にしか描画されない。
といった動作があるといいと思いました。
これができると、単純にHPバーだけでなく、
ウィンドウの背景を簡単に動かしたりできるようになったり、
建物や洋服の生地を親とし、壁紙や柄を子ではめこんだりと、
いろいろ面白い演出ができるかと思います。
イメージサンプルです。
[img]ピクチャの親子関係.jpg[/img]