关于45度角地图中像素坐标和地图坐标之间的转换,网上有各种方法,其实坐标转换就是计算tite宽和tile高在像素坐标中的偏移值,本方法是针对 tite块原点坐标在菱形的顶点的位置的坐标转换,在45度角地图中,方块形状为菱形,你可以用flash cs工具或其他绘图工具很快的创建出这种菱形方块,按以下3个步骤就可以了:
1、 绘制一个任意大小的正方形;
2、 把这个正方形旋转45度;
3、 把旋转的正方形的高度缩放为原来的50%。
还有一点就是方块尺寸的问题,菱形方块的宽度是高度的2倍,其次方块尺寸比例应该是2:1。例如64像素X 32像素或100像素 X 50像素等,这样的尺寸刚好能使方块在地图铺设的时候很好地排列在屏幕上。
至于坐标间的转换其实大家看图就好理解了:
图中是一个以红色(0,0)位置为原点,红点每向地图坐标系M轴上移动一个单位,原点相对像素坐标系X中的偏移值为:方块宽度/2
菱形方块宽 var tileW :Number;
菱形方块高 var tileH :Number;
地图的行数 var row :int;
地图的列数 var col :int;
红色原点坐标(像素坐标系) var originP : Point;
那么红色的原点坐标在地图坐标系中的位置为:
originP.x = row * tileW /2;
originP.y = 0;
原点坐标出来了,那么其它点的坐标呢?
思路是先求出在地图坐标系下(M方向或N方向)每移动一个单位的像素坐标系X轴和像素坐标系Y轴的像素偏移值。
如红色原点移动到黑色点的位置:
M在像素坐标系X轴的偏移像素 = tileW /2;(向右偏移)
M在像素坐标系Y轴的偏移像素 = tileH /2; (向下偏移)
N在像素坐标系X轴的偏移像素 = - tileW /2;(向左偏移)
N在像素坐标系Y轴的偏移像素 = tileH /2; (向下偏移)
假如有个地图坐标点(M,N),那么它对应的像素坐标系的点为var p:Point
p.x = 原点坐标X + M在像素坐标系X轴的偏移像素 × M + N在像素坐标系X轴的偏移像素 × N = originP.x + tileW /2 × M + (-tileW/2) × N = originP.x + (M – N) × tileW/2;
p.y = 原点坐标Y + M在像素坐标系Y轴的偏移像素 × M + N在像素坐标系Y轴的偏移像素 × N = originP.y + tileH/2 × M + tileH/2 × N = originP.y + (M + N) × tileH/2;
原文地址:http://blog.sina.com.cn/s/blog_6807f539010103ce.html
相关推荐
2D地图原理 给不懂或想了解的人参考交流
NULL 博文链接:https://hulefei29.iteye.com/blog/1517481
这是手机游戏《仙剑奇侠专》游戏的地图编辑器,合金弹头游戏也是这地图编辑器做的,非常好用,功能也很强大,大家也可以试试用,
菱形的宽和高分别是w和h xstart与ystart代表第一张图块左上角贴图坐标 左上点X坐标 = xstart + 行编号 * w/2 左上点Y坐标 = ystart + 列编号 * h/2 地图宽 = (列数+行数)* w/2 地图高 = (列数+行数)* h/2
斜角地图结合透明动画源代码
Titel编辑 刷怪编辑 掉落物品编辑。
使用Direct2D实现斜角效果 源码 功能介绍: Direct2D 是微软新的二维图形 API,可为二维几何图形、位图和文本提供高性能和高质量的呈现。Direct2D 支持硬件加速,无论是绘制速度还是绘制质量,Direct2D 都要比 GDI...
办公自动化Axure RP8.0 标准课程斜角矩形和菱形.mp4
div css导航菜单用CSS样式表处理斜角导航条 div css导航菜单用CSS样式表处理斜角导航条 div css导航菜单用CSS样式表处理斜角导航条
CSS处理斜角导航条,值得你下载下来,研究、学习,参照!
图片列表样式,图片会从斜角方向滚动依次显示或者消失,效果不错,懒人之家推荐下载
斜角:斜角
DDraw 实现的斜角游戏画面 DDraw 实现的斜角游戏画面 DDraw 实现的斜角游戏画面
jQuery斜角全屏幻灯片 jquery斜角全屏滑动幻灯片网页特效.zip
纯CSS3制作倾斜45度封页角特效是一款常用的图片或者产品列表右上角CSS3标签效果。
用坐标变换的倾斜坐标系中的广角光束传播法对光波导进行了分析。与直角坐标系中的广角光束传播法比较,在处理大斜角波导时,本方法得到了更好的结果。将其用于Y分支波导的分析中,也得到了所期望的结果。
绿色宽屏斜角个性css3服装摄影工作室模板_绿色 宽屏 斜角 个性 服装 摄影 工作室 手机 扁平化 响应式 单页 跳转 漂亮 绿色宽屏斜角个性css3服装摄影工作室模板_绿色 宽屏 斜角 个性 服装 摄影 工作室 手机 扁平化 ...
桥涵锥体护坡坐标放样软件,工程施工人员的必备工具。
绿色宽屏斜角个性css3服装摄影工作室模板_绿色 宽屏 斜角 个性 服装 摄影 工作室 手机 扁平化 响应式 单页 跳转 漂亮 专题 bootstrap html5.rar
为了深入研究仰斜综放条件下煤层仰斜角对顶煤运移的动态变化规律及顶煤损失、冒矸混入的影响机制,以平朔集团井工三号矿34201工作面为研究背景,结合现场的地质及生产技术条件,运用数值模拟软件PFC2D建立了仰斜角...