拖拽看左上角数字
#include <raylib.h>
// 重整原因：解决新函数放大缩小之下，raylib 的网格采样部分，选择数组的一部分刷新倒缓冲区里
// 从直接建立缓冲区，到先在数组里进行移动，然后再设置检查缓冲区
// 最大距离 - 当前坐标，实现坐标系变化，同时对应最顶上，变成新坐标下的最底下，可750-1=749数数得到
int main() {
int pixnum;
// 屏幕显示的方格个数
int showi;
int showj;
// 比屏幕多出的边距
int side;
// 一个缓冲区的大小
int bkmeshmapmaxi;
int bkmeshmapmaxj;
int bkmeshwidth;
int bkmeshheight;
// 一个游戏地图的大小
int mapi;
int mapj;
pixnum = 30;
side = 1;
showi = 25;
showj = 25;
// showi = 30;
// showj = 30;
// showi = 100;
// showj = 100;
// 边界处理
bkmeshmapmaxi = side + showi + side;
bkmeshmapmaxj = side + showj + side;
bkmeshwidth = bkmeshmapmaxj * pixnum; // 用于瓦片刷新
bkmeshheight = bkmeshmapmaxi * pixnum;
mapi = bkmeshmapmaxi * 10;
mapj = bkmeshmapmaxj * 10;
// mapi = bkmeshmapmaxi * 5;
// mapj = bkmeshmapmaxj * 5;
// mapi = bkmeshmapmaxi * 3;
// mapj = bkmeshmapmaxj * 3;
int **map;
int **meshmap;
int maxgamex; // 允许的最大位置
int maxgamey;
// maxgamex=mapi*30-bkmeshmapmaxi*30; // 左上角拖拽距离游戏边界差一个背景采样区大小
// maxgamey=mapj*30-bkmeshmapmaxj*30;
maxgamex = mapi * 30 - showi * 30; // 左上角拖拽距离游戏边界差一个背景采样区大小
maxgamey = mapj * 30 - showj * 30;
// 记录bkmeshmap 网格,用于出界刷新
int bkmeshmapi;
int bkmeshmapj;
bkmeshmapi = 0;
bkmeshmapi = 0;
// 拖拽边界
int limitleft;
int limittop;
// 坐标系变化，现在是在底部进行，左下角是0，0原点
// limitright = 25 * 30 + 30 * 2;
// limitleft = 0;
// limittop = 0;
// limitbottom = 25 * 30 + 30 * 2;
limitleft = 0;
limittop = 0;
map = new int*[mapi];
for (int i = 0; i < mapi; i++) {
map[i] = new int[mapj];
}
for (int i = 0; i < mapi; i++) {
for (int j = 0; j < mapj; j++) {
map[i][j] = (j + i) % 27; // 测试数据，渐变 25改105 柔和
}
}
// 测试边界
for (int j = 0; j < mapj; j++) {
map[0][j] = 9999;
map[mapi - 1][j] = 9999;
}
for (int i = 0; i < mapi; i++) {
map[i][0] = 9999;
map[i][mapj - 1] = 9999;
}
meshmap = new int*[bkmeshmapmaxi];
for (int i = 0; i < bkmeshmapmaxi; i++) {
meshmap[i] = new int[bkmeshmapmaxj];
}
for (int i = 0; i < bkmeshmapmaxi; i++) {
for (int j = 0; j < bkmeshmapmaxj; j++) {
meshmap[i][j] = -1;
}
}
// 初始化窗口
InitWindow(1750, 1050, "test for location");
// 设置GPU可以操作的画布,一定要再初始化窗口之后才行，实际上是OpenGL的上下文，或者说默认环境设置
RenderTexture2D mesh = LoadRenderTexture(bkmeshmapmaxi * pixnum, bkmeshmapmaxj * pixnum);
// 设置帧率
// SetTargetFPS(160);
// SetTargetFPS(60); // 低帧率，四角的矩形会平滑移动效果
SetTargetFPS(110); // 低帧率，四角的矩形会平滑移动效果
// 设置默认绘制到mesh
BeginTextureMode(mesh);
// 版本1
// for (int i = 0; i < 25+2; i++) {
// for (int j = 0; j < 25+2; j++) {
绘制矩形,原点(0,0)在左下角,现在是从左下角一行一行往上绘制
// if (i == 0 || j == 0 || i == 24 || j == 24) {
// DrawRectangle(j * 30, i * 30, 30, 30, {0, 255, 255, 255});
// } else {
// DrawRectangle(j * 30, i * 30, 30, 30, {map[i][j] * 5 % 255, map[i][j] * 5 % 255, 255, 255});
// }
// }
// }
// 版本2
// for (int i = 0; i < 25 + 2; i++) {
// for (int j = 0; j < 25 + 2; j++) {
绘制矩形,原点(0,0)在左下角,现在是从左下角一行一行往上绘制
// if (map[i][j] == 266) {
// DrawRectangle(j * 30, 750 + 60 - i * 30, 30, 30, {255, 0, 255, 255});
// } else {
// DrawRectangle(j * 30, 750 + 60 - i * 30, 30, 30, {map[27 - i + 0][j + 0] * 15 % 255, map[27 - i + 0][j + 0] * 15 % 255, 255, 255});
// }
// DrawRectangle(0, 0, 150, 150, {154, 154, 154, 255});
绘制坐标系是左下角0，0）y正方向向上
// }
// }
// 取消绘制的GPU画布
EndTextureMode();
// 设置默认绘制到桌面
BeginDrawing();
// 黑色覆盖全部屏幕
ClearBackground(BLACK);
DrawTexturePro(mesh.texture, {0, 0, 750, 750}, {0, 0, 750, 750}, {0, 0}, 0, WHITE);
// 结束绘制的桌面
EndDrawing();
int mousex;
int mousey;
mousex = 0;
mousey = 0;
float camerasize;
camerasize = 1;
// 拖拽
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()) {
// 注意是pressed 不是 Down
if (IsMouseButtonPressed(MOUSE_BUTTON_RIGHT)) {
draftflag = 1;
oldx = GetMouseX();
oldy = GetMouseY();
}
if (draftflag == 1) {
mousex = GetMouseX();
mousey = GetMouseY();
draftx = gamex - (mousex - oldx) / camerasize;
drafty = gamey - (mousey - oldy) / camerasize;
}
if (IsMouseButtonUp(MOUSE_BUTTON_RIGHT)) {
draftflag = 0;
oldx = 0;
oldy = 0;
gamex = draftx;
gamey = drafty;
}
// 新增边界检测
if (draftx < 0) {
draftx = 0;
} else if (draftx > maxgamex ) { // 配合limitleft+60 可以看见边界白边
draftx = maxgamex;
}
//打表发现左上角出界刷新，实际比较矩形限制在很小的区域 60*60，原来的表示则是750*750大小的区域
// 0<0不会执行，不能等于，否则出界
if (draftx < limitleft ) {
bkmeshmapj = bkmeshmapj - 1;
limitleft -= pixnum;
// limitright -= 30;
} else if (draftx > limitleft + 2 * side * pixnum) { //+60 改 +30 又改 +60 左上角移动两个边距就是2*30
bkmeshmapj = bkmeshmapj + 1;
// limitright += 30;
limitleft += pixnum;
}
// 新增边界检测
if (drafty < 0) {
drafty = 0;
} else if (drafty > maxgamey) {
drafty = maxgamey;
}
if (drafty < limittop ) {
bkmeshmapi = bkmeshmapi - 1;
limittop -= pixnum;
// limitbottom -= 30;
} else if (drafty > limittop + 2 * side * pixnum) { // +60 改 +30 又改 +60，见到底部白边
bkmeshmapi = bkmeshmapi + 1;
// limitbottom += 30;
limittop += pixnum;
}
bkmeshmapj = limitleft / pixnum;
// bkmeshmapi = limittop / 30;
// 测试出来，一开始，数组最后对应最顶上，也就是说，数组的倒数第一行的格子，存的是开始游戏的第一行数据
// bkmeshmapi = 249- 27 - limittop / 30;
// 测试出来，发现问题，第一行对应数据可以是0，0
// bkmeshmapi = 27 - limittop / 30;
// 发现拖拽超过3000像素就闪退越界，于是回滚代码，重读后倒序猜想发现可以理解成功，认为是倒序，实锤
// bkmeshmapi = 249 - 27 - limittop / 30;
// bkmeshmapi = 269 - 27 - limittop / pixnum; // 269 -27 -0 + 27 -i = 269 -i =269 -0 =269 = 数组最后一个
// 必须减1，数组的第270个标号为269
bkmeshmapi = mapi - 1 - bkmeshmapmaxi - limittop / pixnum; // 269 -27 -0 + 27 -i = 269 -i =269 -0 =269 = 数组最后一个
// 设置默认绘制到mesh
BeginTextureMode(mesh);
for (int i = 0; i < bkmeshmapmaxi; i++) {
for (int j = 0; j < bkmeshmapmaxj; j++) {
// bkmeshmapmaxi 是 27，但数组是标号是 26，所以-1
// 如果相等，就不绘制，节约GPU工作单元
if (meshmap[bkmeshmapmaxi - 1 - i ][j] == map[bkmeshmapmaxi - i + bkmeshmapi][j + bkmeshmapj]) {
} else {
meshmap[bkmeshmapmaxi - 1 - i ][j] = map[bkmeshmapmaxi - i + bkmeshmapi][j + bkmeshmapj];
// 绘制矩形,原点(0,0)在左下角,现在是从左下角一行一行往上绘制
if (map[bkmeshmapmaxi - i + bkmeshmapi][j + bkmeshmapj] == 9999) {
DrawRectangle(j * pixnum, bkmeshmapmaxi * pixnum - i * pixnum - pixnum, pixnum, pixnum, { 255, 255, 255, 255});
} else {
// 60是边界，-30是i=0时，要760打印就没有空间了，730打印30高正方形，刚好是760，同时对应底部的黑边消失了，这就是整体下移动30像素
// DrawRectangle(j * 30, 750 + 60 - i * 30 - 30, 30, 30, {map[bkmeshmapmaxi - i + bkmeshmapi][j + bkmeshmapj] * 1 % 255, map[bkmeshmapmaxi - i + bkmeshmapi][j + bkmeshmapj] * 21 % 255, 255, 255});
// 替换常数
DrawRectangle(j * pixnum, bkmeshmapmaxi * pixnum - i * pixnum - pixnum, pixnum, pixnum, {map[bkmeshmapmaxi - i + bkmeshmapi][j + bkmeshmapj] * 1 % 255, map[bkmeshmapmaxi - i + bkmeshmapi][j + bkmeshmapj] * 21 % 255, 255, 255});
}
// 左下角
DrawRectangle(0, 0, 150, 150, {154, 154, 154, 255});
// 左上角
DrawRectangle(0, bkmeshmapmaxi * pixnum - 100, 30, 100, {255, 255, 255, 255});
// 屏幕右上角对应的白色矩形
DrawRectangle(bkmeshmapmaxi * pixnum - pixnum, bkmeshmapmaxi * pixnum - 100, 30, 100, {255, 255, 255, 255});
// 屏幕右下角对应的红色矩形
DrawRectangle(bkmeshmapmaxi * pixnum - pixnum, 0, pixnum, 100, {255, 0, 0, 255});
// 绘制坐标系是左下角0，0）y正方向向上
}
}
}
// 取消绘制的GPU画布
EndTextureMode();
// 设置默认绘制到桌面
BeginDrawing();
// 黑色覆盖全部屏幕
ClearBackground(BLACK);
// 采样坐标系是左上角0，0，y轴正方向向下
// 重新理解：由于在不改这行代码的情况下，改其他地方的代码，跑通了。实现了效果，再次理解数据变化：draftx>60时，draftx-limitleft<60,实现在网格缓冲区采样
// 可通过边界白边左上角和右上角左右拖拽可得实际采样位置在缓冲区左右
// DrawTexturePro(mesh.texture, {draftx - limitleft, drafty - limittop, 750 / camerasize, 750 / camerasize}, {0, 0, 750, 750}, {0, 0}, 0, WHITE);
DrawTexturePro(mesh.texture, {draftx - limitleft, drafty - limittop, showj*pixnum / camerasize, showi*pixnum / camerasize}, {0, 0, showj * pixnum, showi * pixnum}, {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("draftxyV2 %d,%d", draftx, drafty), 35, 152, 30, RED);
DrawText(TextFormat("camerasize %f", camerasize), 35, 192, 30, BLACK);
// DrawText(TextFormat("limitleft,right %d %d", limitleft, limitright), 35, 222, 30, BLACK);
// DrawText(TextFormat("limitbottom,top %d %d", limitbottom, limittop), 35, 252, 30, BLACK);
DrawText(TextFormat("limitleft,right %d %d", limitleft, limitleft + 60), 35, 222, 30, BLACK);
DrawText(TextFormat("limittop,bottom %d %d", limittop, limittop + 60 ), 35, 252, 30, BLACK);
DrawText(TextFormat("%i FPS", GetFPS()),300, 2 + 10, 40, WHITE);
// 结束绘制的桌面
EndDrawing();
}
}
![[图解]SysML和EA建模住宅安全系统-12-内部块图](https://i-blog.csdnimg.cn/direct/cac00ff89e914e9a982c55903a5c101a.png)
![[c++] 可变参数模版](https://i-blog.csdnimg.cn/direct/279127653c524575a15ce04fbd9f9af7.png)
