Hatena::Groupnadesiko

雪乃☆雫のなでしこ日和

2016-01-17

トランジョンの実験

| 23:45

 トランジョンとゆうのは画像と画像(動画も)を切り替える際に、何らかのエフェクトをかけてつなぎ合わせる処理のことで、スライドショーとか動画編集ソフトとか見ると、多彩なトランジョンが実装されていますけど、無能なワタシには、どーいう仕掛けになっているのかさっぱりわからないのであります

 でも、なでしこにはもともと、いろいろ便利な画像処理関数が実装されているので、助かりますね。

 前に作ってみた時のまんまで、大して良いとも思えないけど、とりあえず、あると無いとではゲームっぽさが全然違う♪

母艦のクライアント幅は640。母艦のクライアント高さは480。
母艦の可視はオン。

裏画面とはイメージの可視はオフの幅は母艦のクライアント幅。の高さは母艦のクライアント高さ。
の画像は「背景1.jpg」
	
裏画面保持用とはイメージの可視はオフの幅は母艦のクライアント幅。の高さは母艦のクライアント高さ。
の画像は「背景2.jpg」

トランジョン用とはイメージの可視はオフの幅は母艦のクライアント幅。の高さは母艦のクライアント高さ。


表画面とはイメージの可視はオン。
表画面について
	幅は母艦のクライアント幅。高さは母艦のクライアント高さ。
	Xは0。Yは0。画像は「背景2.jpg」
	マウス押した時は~
		フェードイン
		#縦スリット
		#横スリット
		#ブラック
		#モザイク

*フェードイン
	25
  	裏画面保持用を表画面の0,0へ画像コピー
		裏画面を表画面の0,0へ回数*4で画像半透明コピー描画処理反映
		0.01秒待つ
	
*縦スリット
	20
  	コピー幅=回数
    32
      裏画面の20*(回数-1),0,コピー幅,母艦のクライアント高さを表画面の20*(回数-1),0へ画像部分コピー。
    描画処理反映
    0.02秒待つ

*横スリット
	15
    コピー幅=回数
    32
      裏画面の0,15*(回数-1),母艦のクライアント幅,コピー幅を表画面の0,15*(回数-1)へ画像部分コピー。
    描画処理反映
    0.03秒待つ

*ブラック
    トランジョン用の0,0から母艦のクライアント幅,母艦のクライアント幅へ四角。
    25
      裏画面保持用を表画面の0,0へ画像コピー
      トランジョン用を表画面の0,0へ回数*4で画像半透明コピー。
      描画処理反映
      0.01秒待つ
    25
      トランジョン用を表画面の0,0へ画像コピー
      裏画面を表画面の0,0へ回数*4で画像半透明コピー。
      描画処理反映
      0.01秒待つ

*モザイク
    表画面をトランジョン用の0,0へ画像コピー。
    50
      トランジョン用を表画面の0,0へ画像コピー。
      表画面に回数画像モザイク。
  	  描画処理反映
  	  0.01秒待つ
  	50
      裏画面を表画面の0,0へ画像コピー。
  	  表画面に50-回数画像モザイク。
  	  描画処理反映
  	  0.01秒待つ

・背景1

f:id:snowdrops89:20160117232938j:image

・背景2

f:id:snowdrops89:20160117232937j:image

トラックバック - http://nadesiko.g.hatena.ne.jp/snowdrops89/20160117