DxLibで線を色を繰り返しながら描画したい

Question

DxLibで、線の描画を繰り返し、（説明するのがちょっと難しいのですがイメージとしては）ジャマイカの国旗のような形を作りたいです。
斜めの線を、中心を軸に時計回りさせる感じです。
また、線が動いた軌跡を虹にしたいです。

#include "DxLib.h"
int WINAPI WinMain(HINSTANCE hI, HINSTANCE hP, LPSTR lpC, int nC)
{
	int i, a, R,O,Y,G,B,A,P;
	ChangeWindowMode(TRUE);
	if (DxLib_Init() == -1) {
		return -1;
	}
	R= GetColor(255, 0, 0);
	O =GetColor(255, 100, 0);
	Y = GetColor(255, 255, 0);
	G = GetColor(0, 255, 0);
	B = GetColor(0, 0, 255);
	A = GetColor(75, 0, 255);
	P = GetColor(255, 0, 255);

	for (i = 0; i < 640; i++){
		for (a = 640; a > 0; a--)
		{
			ClearDrawScreen();
			DrawLine(i, 0, a, 480,P);
			ScreenFlip();
		}
    }
	ScreenFlip();
	WaitKey();
	DxLib_End();
	return 0;
}

上記のようなソースを書きました。

わからないところとしましては、

①実行すると、（0，0）を軸に線が動いています。これを、上の点は右に向かって、下の点は左に向かって、まるで中心を軸に斜めの線が動いているように見せたい

②軌跡（線の残像）を表示して、色をR,O,Y,G,B,A,P,R,O･･･の順に繰り返したいところです。このとき、塗りつぶしでグラデーションをつけるのではなく、Rの線、Oの線、Yの線･･･と繰り返している感じにしたいです。

説明が下手くそ、DxLibを初めて使うため知識のないこと、大変申し訳ありません。
もしわかる方いらっしゃいましたら、教えていただけると嬉しいです。

Answer 1

...こんなん?

#include <DxLib.h>

int WINAPI WinMain(HINSTANCE, HINSTANCE, LPSTR, int) {
  SetGraphMode(640, 480, 32);
  ChangeWindowMode(TRUE);
  if (DxLib_Init() == -1) return -1;
  SetDrawScreen(DX_SCREEN_BACK);

  unsigned int colors[7] = {
    GetColor(255,   0,   0),
    GetColor(255, 100,   0),
    GetColor(255, 255,   0),
    GetColor(  0, 255,   0),
    GetColor(  0,   0, 255),
    GetColor( 75,   0, 255),
    GetColor(255,   0, 255),
  };

  int color_index = 0;
  while (ProcessMessage() == 0) {
    ClearDrawScreen();
    for (int i = 0; i < 640; i++) {
      DrawLine(i, 0, 640-i, 480, colors[color_index]);
      color_index = (color_index+1)%7;
    }
    ScreenFlip();
  }
  DxLib_End();
  return 0;
}

Comments

[kurira]

ご丁寧にありがとうございます！

Answer 2

イメージとは違うかもしれませんがこんな感じでどうでしょうか。

#include "DxLib.h"
int WINAPI WinMain(HINSTANCE hI, HINSTANCE hP, LPSTR lpC, int nC)
{
    int i, a, R, O, Y, G, B, A, P;
    ChangeWindowMode(TRUE);
    if (DxLib_Init() == -1) {
        return -1;
    }
    R = GetColor(255, 0, 0);
    O = GetColor(255, 100, 0);
    Y = GetColor(255, 255, 0);
    G = GetColor(0, 255, 0);
    B = GetColor(0, 0, 255);
    A = GetColor(75, 0, 255);
    P = GetColor(255, 0, 255);
    int Colors[] = { R,O,Y,G,B,A,P };
    int count = 0;
    i = 0;
    //  for (i = 0; i < 640; i++) {
    for (a = 640; a > 0; a--)
    {
        //  ClearDrawScreen();
        DrawLine(i++, 0, a, 480, Colors[count++ % 7]);

        //  ScreenFlip();
    }
    i = 0;
    for (a = 480; a > 0; a--)
    {
        //  ClearDrawScreen();
        DrawLine(0, i++ ,640, a, Colors[count++ % 7]);

    }
    // }
    // ScreenFlip();
    WaitKey();
    DxLib_End();
    return 0;
}

ライブラリの説明をすると、
まず、ClearDrawScreen()は画面をクリアするので、線が残りません。
ScreenFlip()は裏画面、表画面を変える関数で、このコードでは裏画面を使っていないので意味がありません。

Comments

[kurira]

ご丁寧にありがとうございます！少々イメージとは違いましたが、自分でいくつか改造して、イメージ通りのものができました！　ありがとうございます！

Answer 3

DXLibではなくHTML Canvasを使ってJavaScriptで書いたのと、アニメーションさせるのは面倒だったしJavaScriptでやっても応用効かないのでやってないですが、とりあえずやりたいことはこんな感じでしょうか？
https://codepen.io/kazatsuyu/pen/ZEOwJPm

とりあえずポイントとしては、

• 上辺を動く点と下辺を動く点が同時に動いているのに2重ループをしているのがおかしいため1重ループにした
• 色は別々の変数に入れると扱いづらいので配列にした

というところです。

DXLibでアニメーション付きでやる場合、毎回 ClearDrawScreen() をやっているのだから当然現状のコードでは線が1本だけしか表示されないですし、そこは何か別の方法を使う必要があります。
描画バッファが1枚で、毎回スクリーンバッファへコピーしているならクリアせずに新しい線を書くという方法もありますね。
コピーではなく2枚のバッファを切り替えている（多分DXLibで特に指定しなければそれがデフォルトのはず？）場合、クリアされていない描画バッファは2フレーム前の状態のはずなので、2本同時に線を引くという手段もとれます。
あとは、ClearDrawScreen()を行うことが前提の場合、1回目の描画では1本、2回目の描画では2本、3回目は3本…のように毎回最初から描きなおすという手もあるし、線を書くスプライトを別に用意して毎回1本ずつ更新、最後にそのスプライトを描画バッファに描くという手段もとれます。

Comments

[kurira]

ご回答ありがとうございます。ご提示いただいたイメージの通りにしたいです。
Javaではなく、DxLiｂで書かないといけないので、参考程度にさせていただきます。