サンプルを作ってみました。
ぐにゃぐにゃさせたい画像をapple.pngとしています。
ここの画像は任意にご変更下さい。
実行結果
元の画像 → http://dixq.net/img/apple.png
変換後
#include "DxLib.h"
#include <math.h>
#define PI 3.1415926535898
//周期
#define T 200
//ぐにゃぐにゃする間隔
#define L 0.6
//ぐにゃぐにゃする大きさ
#define R 20
int WINAPI WinMain(HINSTANCE hInstance,
HINSTANCE hPrevInstance,LPSTR lpCmdLine, int nCmdShow ){
int i,image,count=0;
ChangeWindowMode(TRUE);//ウィンドウモード
if(DxLib_Init() == -1 || SetDrawScreen( DX_SCREEN_BACK )!=0) return -1;
image=LoadGraph("apple.png");
while(ProcessMessage()==0&&ClearDrawScreen()==0&&CheckHitKey( KEY_INPUT_ESCAPE )==0){
for(i=0;i<480;i++){
SetDrawArea( 0 , i , 640 , i+1 ) ;
DrawGraph(100+R*sin(PI*2*((int)(count+i/L)%T)/T),0,image,TRUE);
}
count++;
ScreenFlip();
}
DxLib_End();
return 0;
}
以下プログラムコードの説明です。
表示サイズが640x480なので、480回にわけて、
1行ずつx座標をずらしながら描画を繰り返しています。
その際、描画領域を設定する関数SetDrawAreaで描画可能エリアをセットします。
1回目の描画は0<=x<640,0<=y<1
2回目の描画は0<=x<640,1<=y<2
3回目の描画は0<=x<640,2<=y<3
・・・の範囲でyを480まで増加させます。
x座標の計算式はこれです。
100+R*sin(PI*2*((int)(count+i/L)%T)/T)
見た目わけわかんないですね・・。
まず、sinの性質はＯＫでしょうか。
2πで１周期になりますね。その間、-1<=sin(θ)<=1の間を綺麗に移動してくれます。
今振幅(動かしたい幅)を例えば20とすると
sin(θ)*20は上記の式から
-20<=sin(θ)*20<=20
となります。これで揺らしたい幅がセットできます。
お次は揺らしたい周期です。どれだけでゆらゆらゆれてもとの位置に戻るかです。
ここで、モニタは60FPSだとします。
countは１周で１増えますから、１秒だと60増えますね。
すると(count%60)/60.0は1秒かけて0から1(に近い値)まで増加します。
1秒かけて2πまで増加させたいのなら
2π*(count%60)/60.0
となります。この60は周期なのでTで定義しておきます。また、πもPIとして定義します。
2*PI*(count%T)/T (この時、PIがdoubleなので、全体はdoubleになります。)
後は、y座標によってゆれる位置を変えたいので、countにy座標であるiを足してみます。
どれ位足すかはLで調整出来るようにしておきます。
count+i/L
こうなりますね。これらを全てあわせると
100+R*sin(PI*2*((int)(count+i/L)%T)/T)
となるわけです。Rは上でいう20、100は単に初期位置です。
T,L,Rの値を自分がしたい動作になるように変更して下さい。
#include "DxLib.h"
#include <math.h>
#define PI 3.1415926535898
//周期
int T=200;
//ぐにゃぐにゃする間隔
double L=0.6;
//ぐにゃぐにゃする大きさ
int R=20;
int Key[256];
int GetHitKeyStateAll_2(int GetHitKeyStateAll_InputKey[/url]){
char GetHitKeyStateAll_Key[256];
GetHitKeyStateAll( GetHitKeyStateAll_Key );
for(int i=0;i<256;i++){
if(GetHitKeyStateAll_Key[i]==1) GetHitKeyStateAll_InputKey[i]++;
else GetHitKeyStateAll_InputKey[i]=0;
}
return 0;
}
int WINAPI WinMain(HINSTANCE hInstance,
HINSTANCE hPrevInstance,LPSTR lpCmdLine, int nCmdShow ){
int i,image,count=0;
ChangeWindowMode(TRUE);//ウィンドウモード
if(DxLib_Init() == -1 || SetDrawScreen( DX_SCREEN_BACK )!=0) return -1;
image=LoadGraph("apple.png");
while(ProcessMessage()==0&&ClearDrawScreen()==0&&
GetHitKeyStateAll_2(Key)==0 && Key[KEY_INPUT_ESCAPE]==0){
for(i=0;i<480;i++){
SetDrawArea( 0 , i , 640 , i+1 ) ;
DrawGraph(100+R*sin(PI*2*((int)(count+i/L)%T)/T),0,image,TRUE);
}
if(Key[KEY_INPUT_T]>0){
if(Key[KEY_INPUT_LEFT ]==2)T-=10;
if(Key[KEY_INPUT_RIGHT]==2)T+=10;
}
if(Key[KEY_INPUT_[/url]>0){
if(Key[KEY_INPUT_LEFT ]==2)L-=0.05;
if(Key[KEY_INPUT_RIGHT]==2)L+=0.05;
}
if(Key[KEY_INPUT_[/url]>0){
if(Key[KEY_INPUT_LEFT ]==2)R-=1;
if(Key[KEY_INPUT_RIGHT]==2)R+=1;
}
SetDrawArea( 0 , 0 , 640 , 480 ) ;
DrawFormatString(0,460,GetColor(255,255,255),"T=%d,L=%.2f,R=%d",T,L,R);
count++;
ScreenFlip();
}
DxLib_End();
return 0;
}
関数化してみました。
第一引数 画像を表示する領域の中心座標（Ｘ）
第二引数 画像を表示する領域の中心座標（Ｙ）
第三引数 表示する画像のグラフィックハンドル
第四引数 ラスタースクロールの周期
第五引数 ラスタースクロールの振動幅
const double PI = 3.14159265358979323846;/* グローバル変数 */
void Raster_Scroll ( const int &X, const int &Y, const int &Gr_Handle, double Cycle, double Shake )
{
int Width = 0, Height = 0;/*画像の横幅と縦幅*/
static int Correction = 0;/*ラスタースクロールの補正*/
GetGraphSize ( Gr_Handle, &Width, &Height );
for( int I = 0; I < Height; ++ I ) {
DrawRectGraph ( X -Width /2 +cos ( ( I +Correction )/ 180.0 *PI *Cycle ) *Shake, Y -Height /2 +I,
0, I, Width, 1, Gr_Handle, TRUE, FALSE );
}
++ Correction;
return;
}
色んなやり方を見た方が勉強になるので管理人さんとは別のDxLib関数を使いました。
