cocosCreator JS 开发之大地图的使用与摄像机

huanghuipost

于 2019-09-22 18:37:18 发布

阅读量1.7k

点赞数

分类专栏： cocosCreator 文章标签： cocosCreator JS 地图

本文链接：https://blog.youkuaiyun.com/huanghuipost/article/details/101166845

版权

项目需要创建超出显示器的大地图，通过滑动屏幕查看全部内容。地图置于画布下方，使用主相机进行移动以实现地图浏览。在map.js场景脚本中，遇到屏幕滑动时地图边缘处理不佳及放大导致的边界问题。为解决元素随摄像机放大移动的问题，创建了静态层，但可能设计有误，期待专家指导。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

项目需求，要做一张很大的地图，大过显示器。。。

在这张地图上面，滑动屏幕查看整张地图上所有的元素。

我的地图是放在画布下面

：主要的内容，主相机的大小就是我们屏幕的大小，所以我们做的只是移动相机的相对位置，让他在整张地图上面俯瞰。

编写场景脚本 map.js

/*
    游戏主界面
*/
var HttpHelp = require("http");
var globaluserinfo = require("GlobaluserInfo")

    // use this for initialization
    onLoad: function () {
        var self = this;
        this.scale = 0.5;
        this.isDistance = true;
        var listener = {
                            event: cc.EventListener.TOUCH_ALL_AT_ONCE,

                                onTouchesBegan:function(touch,event)     
                                {
                                    self.onTouchStart(touch,event);
                                    return true;
                                },
                                onTouchesMoved:function(touch,event)
                                {
                                    self.onTouchMove(touch,event);
                                    return true;
                                },
                                onTouchesEnded:function(touch, event){
                                    self.onTouchEnd(touch,event)