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

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实现贪吃蛇小游戏（加墙）
    2020-11-19 22:37
    总之，JavaScript实现贪吃蛇小游戏涉及到HTML页面构建、CSS样式设计、JavaScript核心逻辑编写以及用户交互处理等多个方面，这不仅锻炼了开发者的基础技能，也为增加游戏趣味性和挑战性提供了可能。
  • 关于游戏地图及人物的问题
    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实现的小游戏，水管工.zip
    2021-02-23 11:43
    总结来说，“JS实现的小游戏，水管工”通过JavaScript实现了游戏逻辑和用户交互，借助CSS提供了丰富的视觉体验。这个项目不仅展示了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+HTML实现炸弹人小游戏demo
    2021-05-05 16:58
    6. **游戏逻辑**：实现游戏规则，如炸弹爆炸范围、生命值管理、胜利条件等。 **HTML知识点**： 1. **结构设计**：HTML定义了游戏界面的基本结构，包括游戏区域、得分显示、控制面板等。 2. **CSS样式**：虽然未直接...
  • 如何实现二维/三维地图？ c++ mfc
    2016-12-11 08:58
    回答 1 已采纳 这是地理信息系统，不是一两句话就能说清楚的。上百度查查GIS。找一个开源的GIS引擎。
  • 原生JS实现的跳一跳小游戏完整实例
    2020-10-17 11:39
    在本篇【原生JS实现的跳一跳小游戏完整实例】中，我们将深入探讨如何使用JavaScript来构建一个类似微信小程序中的“跳一跳”小游戏。这个小游戏的核心功能包括地图的随机生成、玩家按住按钮后角色的动作以及游戏的...
  • 原生js实现的扫雷小游戏
    2019-02-26 17:30
    总的来说，【原生js实现的扫雷小游戏】项目涵盖了前端开发中的多个关键知识点，对于想要提升JavaScript技能或者学习游戏开发的初学者来说，是一个很好的实践项目。通过分析和优化这样的代码，开发者可以深入理解...
  • 没有解决我的问题, 去提问

问题事件

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

悬赏问题

  • ¥15 metadata提取的PDF元数据，如何转换为一个Excel
  • ¥15 关于arduino编程toCharArray()函数的使用
  • ¥100 vc++混合CEF采用CLR方式编译报错
  • ¥15 coze 的插件输入飞书多维表格 app_token 后一直显示错误，如何解决？
  • ¥15 vite+vue3+plyr播放本地public文件夹下视频无法加载
  • ¥15 c#逐行读取txt文本，但是每一行里面数据之间空格数量不同
  • ¥50 如何openEuler 22.03上安装配置drbd
  • ¥20 ING91680C BLE5.3 芯片怎么实现串口收发数据
  • ¥15 无线连接树莓派，无法执行update，如何解决？（相关搜索：软件下载）
  • ¥15 Windows11, backspace, enter, space键失灵