cocos creator js 飞机大战

JavaScript016

cocos creator js 飞机大战,第1张

按照课程做的第一节 https://www.jianshu.com/p/c61f3ec0c66c

刚做完背景这步,加上飞机之后,效果有问题,背景可以正常滚动,鼠标点不到飞机,飞机随着背景滚下去了,谁知道问题出在哪里,麻烦给我留言,不胜感激

所以换了另一种方式做,两张图片,首尾可以无缝连接的两张图,图1铺满主场景,图2放在图1的上面,主场景看到的是图1,两张图一起滚动,图1刚好滚下去时,把图1和图2的位置初始化,这样看到的是无限的滚动。

cc.Class({

    extends: cc.Component,

    properties: {

        bgImage1: {     

            default: null,        // The default value will be used only when the component attaching       

            type: cc.Node, // optional, default is typeof default

        },

        bgImage2: {     

            default: null,        // The default value will be used only when the component attaching       

            type: cc.Node, // optional, default is typeof default

        },

    },    

    update (dt) {        

        this.bgImage1.y -= Math.ceil(cc.winSize.height*0.001)    //下移两张图片的位置

        this.bgImage2.y -= Math.ceil(cc.winSize.height*0.001)

        if(this.bgImage1.y < -cc.winSize.height){        //当第一张图片的y小于负的二分之一屏幕高度,就是它刚好离开视窗的时候,此时恢复两张图片的初始位置            

            this.bgImage1.y = 0      //第一张置于中间

            this.bgImage2.y = cc.winSize.height    //第二张放着第一张的上面

        }

    },

})

发现cocos 特别坑的一点是,只拿到脚本源码,还是做不出来,因为要配合场景中的各种组件的属性配置!!!!

有时间把分步骤都截图上来,给同是初学者的亲们分享一下,要不然初学者想入门太难了

首先canvas和SVG不是对立的,应用场景不同,各有各的用处.

svg可缩放矢量图形常用在地图和矢量图标制作等,不会因为放大缩小而失真。

canvas是基于js的绘图标签常用于网页游戏的制作如js的飞机大战,也可以用来做网页的刮奖等。

阶段一:Python开发基础

Python全栈开发与人工智能之Python开发基础知识学习内容包括:Python基础语法、数据类型、字符编码、文件操作、函数、装饰器、迭代器、内置方法、常用模块等。

阶段二:Python高级编程和数据库开发

Python全栈开发与人工智能之Python高级编程和数据库开发知识学习内容包括:面向对象开发、Socket网络编程、线程、进程、队列、IO多路模型、Mysql数据库开发等。

阶段三:前端开发

Python全栈开发与人工智能之前端开发知识学习内容包括:Html、CSS、JavaScript开发、Jquery&bootstrap开发、前端框架VUE开发等。

阶段四:WEB框架开发

Python全栈开发与人工智能之WEB框架开发学习内容包括:Django框架基础、Django框架进阶、BBS+Blog实战项目开发、缓存和队列中间件、Flask框架学习、Tornado框架学习、Restful API等。

阶段五:爬虫开发

Python全栈开发与人工智能之爬虫开发学习内容包括:爬虫开发实战。

阶段六:全栈项目实战

Python全栈开发与人工智能之全栈项目实战学习内容包括:企业应用工具学习、CRM客户关系管理系统开发、路飞学城在线教育平台开发等。

阶段七:算法&设计模式

阶段八:数据分析

Python全栈开发与人工智能之数据分析学习内容包括:金融量化分析。

阶段九:机器学习、图像识别、NLP自然语言处理

Python全栈开发与人工智能之人工智能学习内容包括:机器学习、图形识别、人工智能玩具开发等。

阶段十:Linux系统&百万级并发架构解决方案

阶段十一:高并发语言GO开发

Python全栈开发与人工智能之高并发语言GO开发学习内容包括:GO语言基础、数据类型与文件IO操作、函数和面向对象、并发编程等。