hfh215246411 2021-08-18 14:25 采纳率: 90%
浏览 69
已结题

js怎么实现游戏中的小地图？

我目前能想到的方案是通过画图功能的缩放方法来实现。但效果很不理想。
比如我定义了一张10001000数量格子的地图，每格宽高为50px。正常比例显示还好，当使用缩放方法缩小到能显示全图时，页面就无比卡顿。可能是绘画的资源太大了吗？
我猜测即使我代码中遍历循环绘画出所有格子，但浏览器并没有真正去画出，而是只画出了要展示给我的格子。当我缩放之后，浏览器就需要画出全部的格子，10001000的数量可能太大了，导致卡死。
显然，我这样去实现小地图功能是不合理的。请问游戏中的小地图是怎样实现的呢？

  • 写回答

1条回答 默认 最新

  • 落落Plus 2021-08-18 14:33
    关注

    小地图只是一张图片，可以修改了之后就去截取，更新

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题？

  • js怎么实现游戏中的小地图？ javascript 游戏程序
    2021-08-18 14:25
    回答 1 已采纳 小地图只是一张图片，可以修改了之后就去截取，更新
  • unity纯代码实现小地图 c# unity 游戏引擎
    2023-03-24 22:36
    回答 1 已采纳 参考GPT和自己的思路：好的，具体的代码实现如下所示： 使用以下代码获取主摄像机并在其位置创建一个名为"map"的新相机： Camera mainCamera = GameObject.Find("M
  • C#推箱子小游戏地图空行问题 c#
    2023-03-11 12:07
    回答 3 已采纳 有间隔是正常的现象，如果要完全消除，可以用winforms程序，自己绘制，不要用控制台。
  • 原生JS实现的跳一跳小游戏完整实例
    2021-01-19 20:35
    本文实例讲述了原生JS实现的跳一跳小游戏。分享给大家供大家参考，具体如下： 以下说的是闲暇编写的一个小游戏–跳一跳，类似于微信的跳一跳，大体实现功能有： 1.先随机生成地图； 2.按住按钮释放后完成动作并进行...
  • 关于游戏地图及人物的问题
    2017-05-14 12:03
    回答 2 已采纳 http://blog.csdn.net/linshixina/article/details/7942618
  • 如何实现地图中实时交通的红黄绿显示？
    2017-04-05 07:30
    回答 1 已采纳 首先你要会设置路段的颜色的 然后每隔几秒从后台获取车流信息， 最后根据车流信息，修改道路颜色
  • 高德地图怎么才能只渲染局部地图？ javascript vue.js
    2021-02-20 14:30
    回答 2 已采纳 源码： <template> <div class="amap"> <div v-loading="loading" element
  • 原生JS实现贪吃蛇小游戏
    2020-12-28 18:19
    本文实例为大家分享了JS实现贪吃蛇小游戏的具体代码，供大家参考，具体内容如下 思路：在页面上添加一个地图，以提供边界，在地图中随机出现食物，给蛇身设置一个初始长度，用键盘方向键控制蛇的走向，当蛇触碰到...
  • 在Go Routines中迭代地图？
    2019-02-07 20:12
    回答 1 已采纳 This illustrates it better: https://play.golang.org/p/RiWTxBoNqwD It won't run in the playground
  • arcgis api for javascript调用其他地图的问题？ arcgis javascript
    2015-08-17 08:31
    回答 0 已采纳 ArcGIS API for JavaScript地图实现Toorbar功能ArcGIS For JavaScript APi Map with scalebar(地图比例尺 内/外)————（二十三
  • python小游戏问题 小程序
    2021-01-17 13:37
    回答 2 已采纳 昨天查了很多方法，结果用转义就可以了，文件是有的
  • JS实现简单贪吃蛇小游戏
    2021-01-18 22:00
    本文实例为大家分享了JS实现简单贪吃蛇游戏的具体代码，供大家参考，具体内容如下 1、使用语言 HTML+CSS+JavaScript 2、使用工具 visual studio code 3、GitHub项目地址：贪吃蛇 4、项目运行截图： 5、项目功能...
  • 如何实现二维/三维地图？ c++ mfc
    2016-12-11 08:58
    回答 1 已采纳 这是地理信息系统，不是一两句话就能说清楚的。上百度查查GIS。找一个开源的GIS引擎。
  • js实现贪吃蛇小游戏（容易理解）
    2020-12-28 23:38
    话不多说，请看代码： <!doctype html> <html lang=en> <head> <meta charset=UTF-8> <title>...第一步：初始化地图，创建蛇圈。...第四步：通过js绑定键盘事件,控制蛇移动
  • 用JS实现贪吃蛇小游戏
    2021-01-08 11:27
    自己也模仿写一个贪吃蛇的小游戏，本人刚接触JS不久如有错误，望评论区指出。 因为一般贪吃蛇游戏中的CSS样式较为简单，所以这里主要讲一下JS的写法。 食物生成 贪吃蛇中的食物是随机生成的且可以删除，这就需要我们...
  • 没有解决我的问题, 去提问

问题事件

  • 系统已结题 8月31日
  • 已采纳回答 8月23日
  • 创建了问题 8月18日

悬赏问题

  • ¥15 如何用Labview在myRIO上做LCD显示？(语言-开发语言)
  • ¥15 Vue3地图和异步函数使用
  • ¥15 C++ yoloV5改写遇到的问题
  • ¥20 win11修改中文用户名路径
  • ¥15 win2012磁盘空间不足,c盘正常，d盘无法写入
  • ¥15 用土力学知识进行土坡稳定性分析与挡土墙设计
  • ¥70 PlayWright在Java上连接CDP关联本地Chrome启动失败,貌似是Windows端口转发问题
  • ¥15 帮我写一个c++工程
  • ¥30 Eclipse官网打不开，官网首页进不去，显示无法访问此页面，求解决方法
  • ¥15 关于smbclient 库的使用