如何创建网格的9x8非图像表示形式
如何创建网格的9x8非图像表示形式
提问于 2022-11-14 14:53:30
我正试图在javascript中构建一个9x8平方网格。这将是一个“迷你游戏”程序的基础，该程序将盒子随机分布在网格上，玩家从一个固定的位置开始，按照顺序向左或向右移动，直到撞到一个方块，并计算出它在上面移动了多少个唯一的方块。
我是一个完全的初学者，我试着查找坐标用法的例子来识别单个框，但老实说，我不知道从哪里开始。老实说，我只是想知道如何实现我的项目，代码是不必要的
最终的目标是最终使程序能够扩大网格的随机方框和开始位置，并计算唯一的平方旅行的数量。
回答 1
Stack Overflow用户
回答已采纳
发布于 2022-11-14 15:07:14
如果没有太多的“游戏”，您可以使用CSS Grid：
.parent {
display: grid;
grid-template-columns: repeat(9, 1fr);
grid-template-rows: repeat(8, 1fr);
grid-column-gap: 0px;
grid-row-gap: 0px;
}你可以改变差距。
这72人中的第一位是：
.div1 { grid-area: 1 / 1 / 2 / 2; }第一个:网格-行-启动第二个第一个:网格-列-开始第三个第二个:网格行-结束第四个第二个:网格列结束。
第二个单元，div，在第一行是：
.div2 { grid-area: 1 / 2 / 2 / 3; }在您拥有使用CSS网格的所有好处之后(对齐、响应.)
如果你有更多的“游戏”(图形上更复杂，并且有更多的用户交互)，可以选择画布。有点复杂，但有些库可以提供帮助。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/74433554
复制相关文章
相似问题
腾讯云开发者
