在二维矩阵阵列- JavaScript中移动精灵
在二维矩阵阵列- JavaScript中移动精灵
提问于 2014-04-21 12:03:02
我创建了一个二维数组，其中包含一个10×10迷宫。我现在面临的问题是如何在迷宫jpg上移动雪碧(当它在桌面上工作的时候)。
我如何移动雪碧一个特定的距离，使它看起来好像是移动到下一个广场？
我有他们的键盘功能，并认为我需要这段代码。但我对移动精灵的逻辑感到困惑。
PlayerX = 1
PlayerY = 1
Up = MazeArray[PlayerX, PlayerY - 1];
Down = MazeArray[PlayerX, PlayerY + 1];
Left = MazeArray[PlayerX - 1, PlayerY];
Right= MazeArray[PlayerX + 1, PlayerY];回答 1
Stack Overflow用户
回答已采纳
发布于 2014-04-21 16:57:41
你的画布应该包含整个迷宫和你的角色精灵。
你的精灵是一个半径为10的圆(所以它是20 6px乘以20 6px )，但是你迷宫的“方格”只有6px乘以6px(因为你的画布是60 6px乘60 6px，而你说迷宫是10 6px 10)。
要使它看起来像移动一个正方形，你需要使它首先适合一个细胞。让你的画布变大(200 to到200 to，如果你想保持10 to半径)。
然后，您可以在绘制sprite时指定它的位置：
PlayerX=4; // 0 <= PlayerX < 10
PlayerY=5; // 0 <= PlayerY < 10
MyCanvas.arc(10+PlayerX*20, 10+PlayerY*20, 10, 0, 2 * Math.PI, true);页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/23197043
复制相关文章
相似问题
腾讯云开发者
