组建入口函数 1.onLoad:组建加载的时候调用,保证了你可以获取到场景中的其他节点, 以及节点关了的资源数据, 这时候场景全部初始化完毕了,不用担心场景节点没出来. 2.start:也就是第一次执行update之前触发,在onLoad之后。 3.update(dt):组建每次刷新的时候调用,dt是距离上一次的刷新的时间 (会在所有动画更新前执行) 4.lateUpdate(dt):刷新完后调用,(在所有动画更新后执行) 5.onEnable:启用这个组件的时候调用在start之前onLoad之后调用 6.onDisable:禁用这个组建的时候调用 7.onDestroy:组...
Action动作 1.Action类是动作命令,我们创建action,然后节点运行action就能够执行Action的动作 2.Action分为两类； (1)即时动作: 瞬时就完成 ActionInstant (2)时间间隔动作:要一段时间才能完成ActionIntervial 3.runAction:节点运行这个action动作. 5.以下是常用action，TO和BY的区别是: TO是目标. BY是变化. 6.cc.MoveTocc.MoveTo MoveTo:移...
坐标空间 1.cc.Vec2 cc.vec2二维向量坐标,表结构(x:120,y:120); cc.v2(x,y)创建一个二维向量 方法: cc.pSub向量相减 cc.pAdd向量相加 cc.pLength向量长度 onLoad: function () { //创建vec2对象 var wpos = new cc.Vec2(100,100); &n...
触摸事件 1.触摸事件的类型:START触摸启动,MOVED移动,ENDED弹起来,CANCEL取消; ENDED和CANCEL区别是ENDED物体内弹起来,CANCEL是在物体外范围弹起。 2.监听触摸事件,node.on(类型,callback,target(回调函数的this),[useCapture]) 3.触摸事件,node.on(类型,callback,target(回调函数的this),[useCapture]) //(1)监听触摸事件 向引擎底层注册回调函数 ...
屏幕适配 1.一款游戏能适应不同的手机分辨率,这个就是屏幕适配 2.creator屏幕适配策略:1固定高度,2固定宽度,3固定宽高度 3.cc.Canvas组件: 决定屏幕的适配策略 大小为屏幕的大小 4.美术设计分辨率: 美术任意在一个固定的分辨率下来设计资源,我们在canvas组件配置好进行释放. 什么是固定高度和固定宽度? 固定高度适配详解 设计分辨率 1:设计分辨率与固定宽度和高度策略: 横屏游戏蓝色16:9的比例,橙色4:3 固定高度,我们适配的时候会把所有的屏幕的比例 缩放到高度是一样的,唯一不用的是在宽度这个地方. 如果是固定宽度,就把宽度...
1组件化开发 1传统开发模式:代码加载数据运行cocosstudio就是典型的这种模式 缺点就是:没有一个统一的工具能让大家都好协作。 2组件化的开发模式: 现有数据节点 给数据节点添加组件,赋予节点对象不同的功能 3首先创建一个空项目 4菜单栏可以预览项目,使用模拟器或者浏览器。 项目目录 1assets文件夹用来存放游戏所有的资源 所以要自己做一个规划,这些文件都放哪 如新建一个res文件用来放图片文件 resources文件用来放 要用代码加载的文件 script来放脚本文件 不需要代码加载不要放resources文件 因为他是一个特殊的文...
【备注】当前我使用的是最新版本CocosCreator1.8.1（支持微信小游戏开发）。 MAC环境中当前最新版本CocosCreator1.8.1尚不支持内置浏览器Safari对于JS的代码调试，只能安装使用Chrome和DebuggerforChrome。 从CocosCreator1.4.0-beta.2开始新增使用VSCode调试网页版游戏的工作流程。为此，我们需要在VSCode里安装DebuggerforChrome插件并执行Creator主菜单里的VSCode工作流->添加ChromeDebug配置。 在此省略安装VSCode（微软提供的开源轻量级流行语言可视化开发工具，值得...
CocosCreator开发中，我们既可以在属性检查器里修改节点和组件，也能在脚本中动态修改。动态修改的好处是能够在一段时间内连续地修改属性、过渡属性，实现渐变效果。脚本还能够响应玩家输入，能够修改、创建和销毁节点或组件，实现各种各样的游戏逻辑。要实现这些效果，你需要先在脚本中获得你要修改的节点或组件。 在本篇教程，我们将介绍如何： 获得组件所在的节点 获得其它组件 使用属性检查器设置节点和组件 查找子节点 全局节点查找 访问已有变量里的值 获得组件所在的节点 获得组件所在的节点很简单，只要在组件方法里访问this.node变量： start:function(){ varnode...
资源不只是可以通过编辑器绑定获取. 其实他还可以使用代码来动态加载. cc.loader 1.它有3个默认的Pipeline(管道): (1)assetLoader:主要用于加载资源,加载asset类型资源和释放这些资源 (2)downloader:主要用于下载文件,文本,图像,脚本,声音,字体,自定义的download (3)loader:第三个是默认的Pipeline可以加载json,image,plist,fnt,uuid; 2.资源分为本地(assets目录下)和远程资源 3.加载分为同步和异步,cc.Loader加载资源是异步的 本地资源加载 1在代码里加载资源必须要...
CocosCreator主要亮点 官方的权威描述是：CocosCreator是以内容创作为核心的一体化游戏开发工具，这个引擎基于Cocos2d-x，组件化，脚本化，数据驱动，跨平台发布。本人使用一段时间后的感觉是，这个工具并不仅仅实现了开发语言由C向Javascript的转移（当然CocosCreator是从Cocos2d-js发展而来的），其真正的亮点在于它实现了全面型游戏开发思想的转变。程序员与美工都要熟悉这个工具的整体使用流程，并重点了解二者如何交互。本人感觉在设计之初，通过类似于思维导图软件这样的工具描述了场景中UI界面，特别是复杂的UI界面中UI渲染节点与脚本组件的绑定关系，并专门列...
预制体 1.制作预制体,将节点拖入到assets文件下; 2.加载预制体代码加载和手动绑定 3.预制体对象实例化:cc.instantiate(预制体) 4.假如你有一个飞机游戏他有源源不断的×××,这时候 就可以把这个×××当成模板,然后不断复制这个预制体. 5.把要当预制体的节点复制到资源管理器即可 6.在代码里面创建预制体 首先要获得预制体对象可以外部加载也可以绑定组件 cc.Class({ extends: cc.Component, properties:&nbs...
动画编辑器 1.使用编辑器来创建编辑动画 (1)创建一个节点 (2)往节点里添加动画组件cc.Animation (3)编辑动画剪辑器制作AnimClip 动画剪辑就是一份动画的声明数据,我们将它挂在到Animation组件上 就能够将这份动画数据应用到节点上。 (4)把动画剪辑设置到Animtion里面去 2.动画编辑器的使用 然后直接点击新建AnimaClip,并且保存好. 自动生成了可访问的动画列表.这个组件可以带多个这样的. 把它拖动到DefaultClip就是选择自动 播放或者调用play时的Clip PlayOnLoad是否在运行游戏后自动播放默认的动画Cl...
CocosCreator开发中的按钮节点的事件处理方法 CocosCreator基于Cocos2d-x（C方案），提出全新的编程理念。CocosCreator是以内容创作为核心的游戏开发工具，在Cocos2d-x基础上实现了彻底脚本化（可以使用Javascript、Typescript或者Coffeescript）、组件化和数据驱动等特点。但是，在事件处理机制上并不显得简单，至少是新手初学阶段如此。下面我们通过场景制作中按钮组件的事件处理机制来说明这个问题。 试验目的 通过为按钮组件设置一个点击事件来实现在控制台输出一段文本。 试验步骤 在场景中Canvas节点上添加一个UI节点Button并...
cc.Button 1.添加按钮的方法 直接添加带Button组件的节点 先创建节点,再添加组件 2.过渡效果 普通状态,鼠标滑动到物体上,按下状态,禁用状态. 这个就是过渡效果,可以有这几种方式. (1)不设置过渡,只响应事件; (2)颜色过渡.过渡效果中使用颜色, (3)精灵过渡,使用图片过渡; 在这里选择过渡效果, (1)COLOR颜色过渡 Normal普通状态 Pressed按下状态 Hover鼠标悬停状态 Disabled禁用状态 Duration过渡时间,也就是改变状态的时间 (2)SPRITE使用精灵来过渡 只要把对应的精灵放到对应的地方即可 (3)按...
cc.Sprite 1.游戏种显示一个图片,通常我们把这个叫做"精灵"sprite 2.cocoscreator如果需要显示一个图片,那么节点上 就要挂一个精灵组件,为这个组件指定要显示的图片(SpritrFrame) 3.显示一个图片的步骤: (1)创建一个空节点(2)添加一个组建 (3)要显示的图片(SpriteFrame)拖动到SpriteFrame; (4)配置图片的SIZE_MODE; a:CUSTOM大小和cc.Node大小一致 b:RAW原始的图片大小 c:TRIMMED大小为原始图片的大小, 显示的内容是才剪掉透明像素后的图片 他的作用是如果发生来裁剪,尺寸不变,把中...