![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
cocoscreator
qq_18643343
这个作者很懒,什么都没留下…
展开
-
cocoscreator 第一章 creator
组件化开发 1: 传统开发模式: 代码加载数据运行 cocos studio就是典型的这种模式 缺点: 没有一个统一的工具能让大家都好协作;2: 组件化的开发模式: (1)先有数据节点 (2)给数据节点添加组件,赋予节点对象不同的功能; ...原创 2019-01-19 18:53:14 · 119 阅读 · 0 评论 -
cocoscreator 第十二章 骨骼动画组件使用
spine骨骼动画工具 1: 骨骼动画: 把动画打散, 通过工具,调骨骼的运动等来形成动画2: spine是一个非常流行的2D骨骼动画制作工具3: spine 动画美术人员导出3个文件: (1) .png文件:动画的”骨骼”的图片集; (2)....原创 2019-01-22 00:46:33 · 795 阅读 · 0 评论 -
cocoscreator 第十一章 动画编辑器使用
动画编辑器使用 1: 创建一个节点;2: 为这个节点添加一个动画组件 cc.Animation;3: 为这个动画组件新建一个动画文件 --> AnimationClip对象;4: cc.Animation 控制面板的属性: (1): default Anim Clip: 默认的播放的动画剪辑; ...原创 2019-01-22 00:27:42 · 719 阅读 · 0 评论 -
cocoscreator 第十章 AudioSouce组件使用
cc.AudioSource 1:AudioSource组件是音频源组件, 发出声音的源头;2: AudioSource组件面板: clip: 声源的播放的音频对象: AudioClip, mp3, wav, ogg, volume: 音量大小, [0, 1]百分比 ...原创 2019-01-21 23:43:09 · 296 阅读 · 0 评论 -
cocoscreator 第十七章 帧动画播放组件
1: creator播放帧动画需要通过动画编辑器去制作;2: 为了方便控制和使用加入帧动画代码播放组件;3: 属性设置: sprite_frames: 帧动画所用到的所有的帧; duration: 每帧的时间间隔; loop: 是否循环播放; ...原创 2019-01-25 19:06:46 · 518 阅读 · 0 评论 -
cocoscreator 第九章 cc.Label组件使用
cc.Label 1:cc.Label是显示文字的组件;2:cc.Label属性面板: String: 文本显示的内容; Horiznotal: 水平对齐的方式: 左 右 居中; Vertial: 上, 下, 居中, 字与行的排版 ...原创 2019-01-21 02:37:02 · 819 阅读 · 0 评论 -
cocoscreator 第八章 cc.Button使用
cc.Button1:添加按钮的方法 (1)直接创建带Button组件的节点; (2) 先创建节点,再添加组件;2:按钮组件, 按钮是游戏中最常用的组件, 点击然后响应事件;3: 按钮的过渡效果: 过渡: 普通状态, 鼠标滑动到物体上, 按下状态, 禁用状态 ...原创 2019-01-21 02:21:50 · 592 阅读 · 0 评论 -
cocoscreator 第七章 cc.Sprite使用
cc.Sprite1: 游戏中显示一个图片,通常我们把这个叫做”精灵” sprite2: cocos creator如果需要显示一个图片,那么需要在节点上挂一个精灵组件,为这个组件指定要显示的图片(SpriteFrame)3: 显示一个图片的步骤: (1) 创建一个节点; ...原创 2019-01-21 01:58:33 · 313 阅读 · 0 评论 -
cocoscreator 第六章 cc.Component组件类的基本使用
组件入口函数1: onLoad: 组件加载的时候调用, 保证了你可以获取到场景中的其他节点,以及节点关联的资源数据2: start: 也就是第一次执行 update 之前触发3: update(dt):组件每次刷新的时候调用,距离上一次刷新的时间(会在所有画面更新前执行)4: lateUpdate(dt) 刷新完后调用(会在所有画面更新后执行);5: onEnable: 启用这...原创 2019-01-21 01:45:00 · 817 阅读 · 0 评论 -
cocoscreator 第十六章 碰撞检测系统
碰撞检测系统 1: creator有碰撞检测系统 +物理碰撞系统,这个是两个独立的模块;2: 给creator的游戏世界中的物体来进行分组,指定节点的分组与分组的碰撞矩阵;3: 代码中获取节点的分组和分组索引: group与groupIndex;4: 为每个节点添加碰撞检测区域-->碰撞器(物体形状), 编辑碰撞区域;5: 代码开启碰撞检测系统(默认是关闭碰撞检测...原创 2019-01-25 14:24:31 · 746 阅读 · 0 评论 -
cocoscreator 第十五章 cc.widget与屏幕适配
屏幕适配 1: 一款游戏能适应不同的手机分辨率,我们把这个称为屏幕适配;2: creator屏幕适配策略: 固定高度,固定宽度, 固定宽高度;3: cc.Canvas组件: (1)决定屏幕的适配策略; (2)大小为屏幕的大小;4: 美术设计分辨率: 美术人员在一个固定的分辨率下来设计资源,我们在canvas组件配置设计分辨率; 设计分辨率 ...原创 2019-01-25 14:19:18 · 973 阅读 · 0 评论 -
cocoscreator 第十四章 cc.Loader使用
cc.loader 1:有三个默认的Pipeline: (1) assetLoader: 主要用于加载资源, 加载asset类型资源,和释放这些资源; (2) downloader: 主要用于下载文件, 文本,图像,脚本,声音,字体, 自定义的download; ...原创 2019-01-25 11:56:50 · 370 阅读 · 0 评论 -
cocoscreator 第五章 ccnode之action的使用(ccnode四大模块 1、场景树 2、事件响应 3、坐标空间转换 4、action的使用)
Action 1: Action类是动作命令,我们创建Action,然后节点运行action就能够执行Action的动作;2: Action分为两类: (1) 瞬时就完成的ActionInstant, (2) 要一段时间后才能完成ActionIntervial;3: cc.Node runAction: 节点运行action;4: cc.moveTo, cc.moveBy To...原创 2019-01-20 00:39:24 · 283 阅读 · 0 评论 -
cocoscreator 第四章 ccnode之坐标空间转换 (ccnode四大模块 1、场景树 2、事件响应 3、坐标空间转换 4、action的使用)
cc.Vec21: cc.Vec2 二维向量坐标, 表结构{x: 120, y: 120}; cc.v2(x, y) 创建一个二维向量 cc.p() 创建一个二外向量2: cc.pSub: 向量相减3: cc.pAdd: 向量相加;4: cc.pLength: 向量长度;cc.Size/cc.Rect1: cc.Size: 包含宽度和高度信息的对象 {width: ...原创 2019-01-20 00:19:14 · 245 阅读 · 0 评论 -
cocoscreator 第三章 ccnode之事件响应 (ccnode四大模块 1、场景树 2、事件响应 3、坐标空间转换 4、action的使用)
触摸事件1: 触摸事件类型: START, MOVED, ENDED(物体内), CANCEL(物体外);2: 监听触摸事件: node.on(类型, callback, target(回掉函数的this), [useCapture]);3: 关闭触摸事件: node.off(类型, callback, target(回掉函数的this), [useCapture]);4: tar...原创 2019-01-19 23:45:22 · 307 阅读 · 0 评论 -
cocoscreator 第二章 ccnode之场景树 (ccnode四大模块 1、场景树 2、事件响应 3、坐标空间转换 4、action的使用)
场景树cc.Node属性1: name: 获取节点的名字2: active: 设置节点的可见性;3: position: 相对坐标,参照物是父亲节点;4: rotation: 旋转,顺时针为正, 数学逆时针为正;5: scale: 缩放;6: anchor: 锚点, 左下角(0, 0), 右上角(1, 1) 可以超过这个范围可以7: Size: 大小8: C...原创 2019-01-19 19:28:01 · 232 阅读 · 0 评论 -
cocoscreator 第十三章 1、预制体 2、Mask 3、Layout 4、ScorllView组件使用
1、预制体---------配合nodepool对象池 1: 制作预制体: 将节点拖入到assets文件夹下;2: 加载预知体: 代码加载(统一在资源加载时讲解)与手动绑定;3: 预制体对象实例化: cc.instantiate; ///////////////////////////////////////////代码/////////////////////////////...原创 2019-01-23 01:47:46 · 732 阅读 · 0 评论