Raylib 解决拖拽与绘制坐标，在GPU坐标与鼠标坐标不相同的解决办法

最新推荐文章于 2024-08-30 17:46:29 发布

a1309602336

最新推荐文章于 2024-08-30 17:46:29 发布

阅读量245

点赞数 2

文章标签：计算机外设

本文链接：https://blog.csdn.net/a1309602336/article/details/140177149

版权

注意数字可以通过加减排列组合得出

原理，诞生于发现可以拖拽，数据加减，与左下角排列，发现坐标系可以按左下角为原点理解

	int positionx = 0 - draftx;
				int positiony = 0 + drafty;
//				相对于左下角位置，水平方向就是当前左下角距离加鼠标横着距离左边界
				drawx = mousex + positionx;
//				竖直方向，可以理解成先算距离左下角距离，然后再加上左下角实际对应的地图点
				drawy = (750 - mousey ) + positiony;
				drawj = drawx / 30;
				drawi = drawy / 30;
				map[drawi][drawj] = 1;

其中偏移量计算就是鼠标拖拽，方向相反，距离相同

	if (IsMouseButtonPressed(MOUSE_BUTTON_RIGHT)) {
			draftflag = 1;
			oldx = GetMouseX();
//			注意先切换坐标，记录一个点
//			oldy = 750 - GetMouseY();
//			发现拖拽方向不同，不用再切换坐标系
			oldy = GetMouseY();
		}
		if (draftflag == 1) {
			mousex = GetMouseX();
//			注意先切换坐标，又记录一个点
//			mousey = 750 - GetMouseY();
//			发现拖拽方向不同，不用再切换坐标系
			mousey = GetMouseY();
//			两个点算距离
			draftx = gamex + mousex - oldx;
			drafty = gamey + mousey - oldy;
		}

完整的代码

#include <raylib.h>
// 感受：虽然是根据已有的经验进行移植，
//但是追随当时无中生有的过程，去理解当时如何基于最直接的穷举想出来的，
//沿着同样的测试穷举而不是照抄，因为有了另一个坐标系GPU左下角和鼠标左上角原点不同
//根据5.测试正方向 的注释：数格子发现一行一行对应之后，再修改鼠标坐标系，产生新的坐标学习
int main() {
	int **map;
	map = new int*[750 / 30];
	for (int i = 0; i < 25; i++) {
		map[i] = new int[25];
	}
	for (int i = 0; i < 25; i++) {
		for (int j = 0; j < 25; j++) {
			map[i][j] = 0;
		}
	}

//	初始化窗口
	InitWindow(750, 750, "test for location");
//	设置GPU可以操作的画布,一定要再初始化窗口之后才行，实际上是OpenGL的上下文，或者说默认环境设置
	RenderTexture2D mesh = LoadRenderTexture(750, 750);
//	设置帧率
	SetTargetFPS(160);
//		设置默认绘制到mesh
	BeginTextureMode(mesh);
	for (int i = 0; i < 25; i++) {
		for (int j = 0; j < 25; j++) {
//				绘制矩形,原点(0,0)在左下角,现在是从左下角一行一行往上绘制
			if (map[i][j] == 0) {
				DrawRectangle(j * 30, i * 30, 30, 30, {255, 255, 255, 255});
			}
			if (i == 0 || j == 0 || i == 24 || j == 24) {
				DrawRectangle(j * 30, i * 30, 30, 30, {0, 255, 255, 255});
			}

		}
	}
//		取消绘制的GPU画布
	EndTextureMode();
//		设置默认绘制到桌面
	BeginDrawing();
//		黑色覆盖全部屏幕
	ClearBackground(BLACK);
	DrawTexturePro(mesh.texture, {0, 0, 750, 750}, {0, 0, 750, 750}, {0, 0}, 0, WHITE);
//		结束绘制的桌面
	EndDrawing();
//	绘制
//	绘制坐标，由于打印鼠标坐标与绘制方格不一致，发现两个坐标系不同，于是测试，这是剥离了旧绘制坐标和鼠标坐标，
	int drawx;
	int drawy;
//	鼠标坐标，剥离出来的，用于坐标系 750- 实现坐标系变换
	int mousex;
	int mousey;
//	绘制网格坐标，对应一个数组的一个格子
	int drawi;
	int drawj;
	mousex = 0;
	mousey = 0;
	drawx = 0;
	drawy = 0;

	drawi = 0;
	drawj = 0;

//	拖拽
	int draftflag;
	int draftx;
	int drafty;
	int gamex;
	int gamey;
//	记录长按时，鼠标按下去的位置，减出长按拖拽距离
	int oldx;
	int oldy;
	draftflag = 0;
	draftx = 0;
	drafty = 0;
	gamex = 0;
	gamey = 0;
//	这里开始主循环
	while (!WindowShouldClose()) {
//		如果鼠标左键按下
		if (IsMouseButtonDown(MOUSE_BUTTON_LEFT)) {
//			drawx = GetMousePosition().x;
//			无中生有坐标系变化过程
//			750,实际穷举描述得到，在点一下，在鼠标坐标系是0，100，靠顶边，
//			在GPU坐标系里0，100则是靠底边100像素，
//			然后实际上是直接取反然后加上高度上限，发现原来可以
//			最后重整旧测试代码实现
//			drawy = 750 - GetMousePosition().y;
//			drawy = 751 - GetMousePosition().y;
//			if (drawx < 0 || drawx > 750 || drawy < 0 || drawy > 750)
//			发现可以直接写，标注数据变化，于是重新命名变量
			mousex = GetMousePosition().x;
			mousey = GetMousePosition().y;
//			测试之后，追加等号，发现等号设置在0处解决问题，750-0=750，750/30=25，数组出界，750-1=749，749/30=24，
//			可知减的多，不出界，剩下的少，于是就不出界
			if (mousex < 0 || mousex > 750 || mousey <= 0 || mousey > 750) {
//				如果出界就不绘制，因为长按时鼠标超出窗口仍然可以检测
			} else {
//				版本1
//				进行坐标系变换，禁用了原理代码
//				drawx = mousex;
//				drawy = 750 - mousey;
//				drawj = drawx / 30;
//				drawi = drawy / 30;
//				map[drawi][drawj] = 1;

//				版本2
//				根据旧经验，加上偏移量，得到距离当前左上角距离，或者是左下角偏移距离
//				先排出正负号，然后发现可以实现拖拽后还可以绘制不偏离
//				穷举自打印坐标，向右拖拽，图片显示左半部分，采样向左，draftx减少，mousex - oldx是正数，减去正数，左下角向左移动
//				由此可知左下角偏移向左，则减去拖拽距离
//				-draftx可以理解成采样区移动方向与鼠标拖拽方向相反
//				+drafty是向下拖拽
//				-drafty可以理解成采样区移动方向与鼠标拖拽方向相反

//				穷举原理：范围有限：因为只要增加偏移距离，所以只是穷举符号，加减排列组合draftx drafty
//				drawx = mousex - draftx;
				drawy = 750 - mousey+drafty;
//				drawy = 750 - ( mousey - drafty);
//				drawj = drawx / 30;
//				drawi = drawy / 30;
//				map[drawi][drawj] = 1;

//				版本3
//				屏幕左下角的坐标偏移
				int positionx = 0 - draftx;
				int positiony = 0 + drafty;
//				相对于左下角位置，水平方向就是当前左下角距离加鼠标横着距离左边界
				drawx = mousex + positionx;
//				竖直方向，可以理解成先算距离左下角距离，然后再加上左下角实际对应的地图点
				drawy = (750 - mousey ) + positiony;
				drawj = drawx / 30;
				drawi = drawy / 30;
				map[drawi][drawj] = 1;
//				实际上可以不需要理解，因为先有的排列组合发现可以行，然后才有的理解如何行，不过是解答为什么是这样行罢了，顺便为以后的穷举积累参考标准
//				穷举经验：冗余：写出来的一瞬间和记忆重合，自然而然的和之前穷举经验相符合。
			}

		}

//		注意是pressed 不是 Down
		if (IsMouseButtonPressed(MOUSE_BUTTON_RIGHT)) {
			draftflag = 1;
			oldx = GetMouseX();
//			注意先切换坐标，记录一个点
//			oldy = 750 - GetMouseY();
//			发现拖拽方向不同，不用再切换坐标系
			oldy = GetMouseY();
		}
		if (draftflag == 1) {
			mousex = GetMouseX();
//			注意先切换坐标，又记录一个点
//			mousey = 750 - GetMouseY();
//			发现拖拽方向不同，不用再切换坐标系
			mousey = GetMouseY();
//			两个点算距离
			draftx = gamex + mousex - oldx;
			drafty = gamey + mousey - oldy;
		}
		if (IsMouseButtonUp(MOUSE_BUTTON_RIGHT)) {
			draftflag = 0;
			oldx = 0;
			oldy = 0;
			gamex = draftx;
			gamey = drafty;
		}



//		设置默认绘制到mesh
		BeginTextureMode(mesh);
		for (int i = 0; i < 25; i++) {
			for (int j = 0; j < 25; j++) {
//				绘制矩形,原点(0,0)在左下角,现在是从左下角一行一行往上绘制
				if (map[i][j] == 0) {
					DrawRectangle(j * 30, i * 30, 30, 30, {255, 255, 255, 255});
				} else if (map[i][j] == 1) {
					DrawRectangle(j * 30, i * 30, 30, 30, {255, 0, 0, 255});
				}
//				测试边界绘制时，禁用，看闪退有无时测试
//				if (i == 0 || j == 0 || i == 24 || j == 24) {
//					DrawRectangle(j * 30, i * 30, 30, 30, {0, 255, 255, 255});
//				}
				if (i == 0 || j == 0 || i == 24 || j == 24) {
					DrawRectangle(j * 30, i * 30, 30, 30, {0, 255, 255, 255});
				}
			}
		}
//		取消绘制的GPU画布
		EndTextureMode();

//		设置默认绘制到桌面
		BeginDrawing();
//		黑色覆盖全部屏幕
		ClearBackground(BLACK);
//			DrawTexturePro(mesh.texture, {0, 0, 750, 750}, {0, 0, 750, 750}, {0, 0}, 0, WHITE);
//		右移动100像素
//		DrawTexturePro(mesh.texture, {0, 0, 750, 750}, {100, 0, 750, 750}, {0, 0}, 0, WHITE);
//		左移动100像素
//		DrawTexturePro(mesh.texture, {0, 0, 750, 750}, {0, 0, 750, 750}, {100, 0}, 0, WHITE);
//		缩小到75*75大小像素
//		DrawTexturePro(mesh.texture, {0, 0, 750, 750}, {0, 0, 75, 75}, {0, 0}, 0, WHITE);
//		平移缩小的矩形右100像素
//		DrawTexturePro(mesh.texture, {0, 0, 750, 750}, {100, 0, 75, 75}, {0, 0}, 0, WHITE);
//		抵消
//		DrawTexturePro(mesh.texture, {0, 0, 750, 750}, {100, 0, 75, 75}, {100, 0}, 0, WHITE);
//		下移100像素
//		DrawTexturePro(mesh.texture, {0, 0, 750, 750}, {0, 100, 75, 75}, {0, 0}, 0, WHITE);
//		抵消了下移，回到原地，可知是上移
//		DrawTexturePro(mesh.texture, {0, 0, 750, 750}, {0, 100, 75, 75}, {0, 100}, 0, WHITE);
//		实锤上移像素
//		DrawTexturePro(mesh.texture, {0, 0, 750, 750}, {0, 0, 75, 75}, {0, 50}, 0, WHITE);
//		得出结论：后面的括号是管往左移动，往上移动，前面括号的两个数字往右，往下移动调节
//		DrawTexturePro(mesh.texture, {0, 0, 750, 750}, {0, 0, 75, 75}, {0, 50}, 0, WHITE);
//		但是可以负数反向，实现在一个括号里实现移动效果，可知是对应不同坐标系下，提供的快速适应方案
//		DrawTexturePro(mesh.texture, {0, 0, 750, 750}, {0, 0, 75, 75}, {0, -50}, 0, WHITE);
//		恢复原样
//		DrawTexturePro(mesh.texture, {0, 0, 750, 750}, {0, 0, 750, 750}, {0, 0}, 0, WHITE);
//		改拖拽参数
		DrawTexturePro(mesh.texture, {0, 0, 750, 750}, {draftx, drafty, 750, 750}, {0, 0}, 0, WHITE);

		DrawText(TextFormat("mouseV1 %.0f,%.0f", GetMousePosition().x, GetMousePosition().y), 35, 12, 30, BLUE);
		DrawText(TextFormat("mouseV2 %.0f,%.0f", GetMousePosition().x, 750 - GetMousePosition().y), 35, 62, 30, BLUE);

		DrawText(TextFormat("drawjiV2 %d,%d", drawj, drawi), 35, 92, 30, BLUE);
		DrawText(TextFormat("drawxyV2 %d,%d", drawx, drawy), 35, 122, 30, BLUE);
		DrawText(TextFormat("draftxyV2 %d,%d", draftx, drafty), 35, 152, 30, RED);
//		结束绘制的桌面
		EndDrawing();
	}
}

a1309602336

关注

2
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Raylib 解决拖拽与绘制坐标，在GPU坐标与鼠标坐标不相同的解决办法

原理，诞生于发现可以拖拽，数据加减，与左下角排列，发现坐标系可以按左下角为原点理解。其中偏移量计算就是鼠标拖拽，方向相反，距离相同。注意数字可以通过加减排列组合得出。
复制链接

扫一扫