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

news2024/12/23 8:45:48

 

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

 

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

	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();
	}
}

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/1893893.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

TensorRT-Int8量化详解

int8量化是利用int8乘法替换float32乘法实现性能加速的一种方法 对于常规模型有&#xff1a;y kx b&#xff0c;此时x、k、b都是float32, 对于kx的计算使用float32的乘法 对于int8模型有&#xff1a;y tofp32(toint8(k) * toint8(x)) b&#xff0c;其中int8 * int8结果为in…

软件安全测试之代码审计包括哪些内容?代码审计报告该如何获取?

在信息化时代&#xff0c;随着计算机技术的快速发展&#xff0c;软件产品已经成为了人们生活和工作中不可或缺的一部分。然而&#xff0c;随着软件产品的复杂性和应用范围的扩大&#xff0c;软件安全性问题日益凸显&#xff0c;给企业和个人带来了极大的风险。为了保障软件系统…

JAVA每日作业day7.4

ok了家人们今天学习了Date类和simpleDateformat类&#xff0c;话不多说我们一起看看吧 一.Date类 类 java.util.Date 表示特定的瞬间 ( 日期和时间 ) &#xff0c;精确到毫秒。 1.2 Date类的构造方法 public Date(): 用来创建当前系统时间对应的日期对象。 public Date(long …

BBA车主,千万别去试驾问界M9

文 | AUTO芯球 作者 | 雷慢&响铃 我劝你啊&#xff0c;千万别去试驾问界M9&#xff0c; 不然啊&#xff0c;可能1个小时50万就没了&#xff0c; 不信你看这个“大冤种”&#xff0c; 他曾经发誓打死不买电车&#xff0c; 考虑了三、四年换宝马X5&#xff0c; 结果谈完…

@react-google-maps/api实现谷歌地图嵌入React项目中,并且做到点击地图任意一处,获得它的经纬度

1.第一步要加入项目package.json中或者直接yarn install它都可以 "react-google-maps/api": "^2.19.3",2.加入项目中 import AMapLoader from amap/amap-jsapi-loader;import React, { PureComponent } from react; import { GoogleMap, LoadScript, Mar…

工业智能网关的作用有哪些?工业智能网关与传统网关的主要区别-天拓四方

工业智能网关是一种专为工业环境设计的网络设备&#xff0c;具备数据采集、传输、协议转换以及边缘计算等功能。它作为连接工业设备与互联网的关键枢纽&#xff0c;不仅实现了工业设备的互联互通&#xff0c;还通过对采集到的数据进行实时分析&#xff0c;为工业生产的智能化管…

AI墓地:738个倒闭AI项目的启示

近年来&#xff0c;人工智能技术迅猛发展&#xff0c;然而&#xff0c;不少AI项目却在市场上悄然消失。根据AI工具聚合网站“DANG”的统计&#xff0c;截至2024年6月&#xff0c;共有738个AI项目停运或停止维护。本文将探讨这些AI项目失败的原因&#xff0c;并分析当前AI初创企…

甲骨文首次将LLMs引入数据库,集成Llama 3和Mistral,和数据库高效对话

信息时代&#xff0c;数据为王。数据库作为数据存储&管理的一种方式&#xff0c;正在以势不可挡的趋势与AI结合。 前有OpenAI 收购了数据库初创公司 Rockset&#xff0c;引发广泛关注&#xff1b;Oracle公司&#xff08;甲骨文&#xff09;作为全球最大的信息管理软件及服…

维护合作伙伴关系与直接销售:SaaS渠道商如何解决2024运营难题?

随着科技的飞速发展和市场竞争的日益激烈&#xff0c;SaaS&#xff08;Software as a Service&#xff09;行业正步入一个充满挑战与机遇并存的新时代。对于SaaS渠道商而言&#xff0c;2024年无疑是一个考验其战略眼光与运营能力的关键年份。面对市场环境的快速变化、客户需求的…

猫咖老板教你一招解决猫浮毛问题,质量好的猫用空气净化器分享

作为一名猫咖店老板&#xff0c;我经常被朋友问到关于宠物空气净化器的各种问题。有人认为这是个神器&#xff0c;而有人则认为这完全是花钱买智商税。其实我刚开始对购买宠物空气净化器也持怀疑态度&#xff0c;心想这么多钱花下去真的有效吗&#xff1f;但使用后&#xff0c;…

从华为和特斯拉之争,看智能驾驶的未来

“一旦特斯拉完全解决自动驾驶问题并量产Optimus&#xff0c;任何空头都将被消灭&#xff0c;即使是比尔-盖茨也不例外。”7月2日&#xff0c;马斯克再次在社交媒体X上画下了这样的“大饼”。 与此同时&#xff0c;特斯拉的股价在最近的三个交易日也迎来了24%的涨幅&#xff0c…

金融(基金)行业信创国产化特点及统一身份认证解决方案

金融业在政策支持及自主驱动下&#xff0c;金融信创取得快速发展。从2020年开始&#xff0c;三期试点已扩容至5000余家&#xff0c;进入全面推广阶段。而基金行业信创建设与银行、证券、保险这些试点行业相比&#xff0c;进展较为缓慢。 基金行业信创当前面临的问题 与多家基…

基于Spring Boot的高校智慧采购系统

1 项目介绍 1.1 摘要 随着信息技术与网络技术的迅猛发展&#xff0c;人类社会已跨入全新信息化纪元。传统的管理手段因其内在局限&#xff0c;在处理海量信息资源时日渐捉襟见肘&#xff0c;难以匹配不断提升的信息管理效率和便捷化需求。顺应时代发展趋势&#xff0c;各类先…

电源管理芯片PMIC的编程

1.概述 市面上的高端PMIC芯片&#xff0c;功能都非常丰富&#xff0c;输出电压可调节、故障监控、启动配置、MCU认证等&#xff0c;用户可以根据项目实际需求&#xff0c;进行灵活的配置&#xff0c;让PMIC芯片的功能最大限度的满足项目需求。 PMIC芯片通常支持多种编程接口&a…

初阶数据结构之二叉树

那么本篇文是初阶数据结构这个系列的最后一篇文章&#xff0c;那么闲话少叙&#xff0c;我们直接进入正题 在讲二叉树的一些之前知识点之前&#xff0c;我先给大家送个小礼物哈 手搓二叉树 typedef int BTDataType ; typedef struct BinaryTreeNode { BTDataType _data …

阿里巴巴矢量图标库使用

阿里巴巴矢量图标库官网 添加图标到购物车 悬浮到图标上面会有个购物车icon,点击一下就可以添加购物车了 添加图标到项目 添加完购物车后,右上角会有当前在购物车的数量,点击右上角购物车icon,在新弹窗内点击添加至项目,选择添加到哪个项目(没有项目就创建一个),点击完成,…

马工程刑法期末复习笔记重点2

马工程刑法期末复习笔记重点2

电脑回收站删除的文件怎么恢复?5个恢复方法详解汇总!

电脑回收站删除的文件怎么恢复&#xff1f;在我们日常使用电脑的过程中&#xff0c;难免会遇到误删文件的情况。一旦发现自己误删文件了&#xff0c;先不要着急&#xff0c;还是有很多方法可以找回的。市面上还是有很多好用的文件恢复软件可以使用&#xff0c;具体介绍如下。 本…

45.使用hook点链表实现指定跳转

免责声明&#xff1a;内容仅供学习参考&#xff0c;请合法利用知识&#xff0c;禁止进行违法犯罪活动&#xff01; 上一个内容&#xff1a;44.实现管理HOOK点的链表对象 以 44.实现管理HOOK点的链表对象 它的代码为基础进行修改 HOOKPOINT.cpp文科修改&#xff0c;修改了Fin…

Vscode 保存代码,代码自动格式化

我这里使用的插件是Prettier-Code formatter&#xff1a;自动缩进整理代码的格式&#xff0c;使用方法如下&#xff1a; 先在vscode商店找到插件并安装&#xff1a;安装插件之后&#xff0c;随便找到一个项目文件&#xff0c;右键选择格式化文档&#xff1a;选中我们安装的插件…