Cocos Creator入门教程
关注
分享
扫一扫
本系列文章以JavaScript为介绍语言。
^随风~~
思绪随风而过，唯有在此停留！
展开
-
cocos creator入门教程（十九）—— loader代码加载和释放资源
cc.loader1:有三个默认的Pipeline: (1) assetLoader: 主要用于加载资源, 加载asset类型资源，和释放这些资源; (2) downloader: 主要用于下载文件, 文本,图像,脚本,声音,字体, 自定义的download; (3) loader: 第三个默认的Pipeline,可以加载json, image, pli...原创 2019-10-18 08:57:02 · 1251 阅读 · 0 评论 -
cocos creator入门教程（二十）—— creator常用示例整合
cc 属性介绍获取组件的几种形式全局变量的访问模块之间的访问在当前节点下添加一个组件复制节点/或者复制 prefab销毁节点(销毁节点并不会立刻发生，而是在当前 帧逻辑更新结束后，统一执行)事件监听 on 4种形式（包括坐标获取）关闭监听发射事件（事件手动触发)动作示例，类似c2dx api 基本无变化计时器 (component)schedule (cc.Node 不包含计...原创 2019-10-16 14:58:43 · 1392 阅读 · 0 评论 -
cocos creator入门教程（十八）—— creator_Director对象与资源加载策略
cc.Director与 资源加载策略cc.Director对象1:游戏里面控制管理整个游戏全局对象，包括了场景切换等，为cc.Director对象;2:导演对象全局只有一个cc.director，大写的为类， 小写的cc.director为全局的导演对象;3: cc.director来获取导演对象实例;4: 游戏中各种管理对象都可以通过cc.director获取，比如物理引擎...原创 2019-10-16 10:00:59 · 1096 阅读 · 0 评论 -
cocos creator入门教程（十七）—— creator_h5打包发布优化技巧_android环境搭建与打包发布
android环境搭建 h5/android 打包发布h5打包发布1:引擎模块裁剪，减少引擎体积;项目----项目设置----模块设置：对于游戏中没有使用到的组件，都不需要勾选。来减少引擎文件的体积。2: resources目录的特性，减少setting.js体积;注意：resources目录是代码加载资源目录，非代码加载资源放在其他名字目录下。3: 订制启动的logo...原创 2019-10-16 09:57:44 · 3729 阅读 · 0 评论 -
cocos creator入门教程（十六）—— creator_滚动列表高级使用_动态加载数据
滚动列表高级使用 动态加载数据案例背景1: 假设世界排行榜要100个玩家的数据，我们怎么使用滚动列表来实现?// Learn cc.Class:// - [Chinese] https://docs.cocos.com/creator/manual/zh/scripting/class.html// - [English] http://docs.cocos2d-x....原创 2019-10-16 09:50:52 · 1384 阅读 · 0 评论 -
cocos creator入门教程（十五）—— cc.widget与creator屏幕适配
屏幕适配1: 一款游戏能适应不同的手机分辨率，我们把这个称为屏幕适配;2: creator屏幕适配策略: 固定高度,固定宽度, 固定宽高度;3: cc.Canvas组件: (1)决定屏幕的适配策略; (2)大小为屏幕的大小;4: 美术设计分辨率: 美术人员在一个固定的分辨率下来设计资源,我们在canvas组件配置设计分辨率; ...原创 2019-10-16 09:45:56 · 728 阅读 · 0 评论 -
cocos creator入门教程（十四）—— cc.Mask_cc.Layout_cc.ScrollView组件使用详解
预制体 Mask Layout ScorllView组件使用预制体1: 制作预制体: 将节点拖入到assets文件夹下;2: 加载预知体: 代码加载(统一在资源加载时讲解)与手动绑定;3: 预制体对象实例化: cc.instantiate;cc.Class({ extends: cc.Component, properties: { // ...原创 2019-10-16 09:39:17 · 1789 阅读 · 0 评论 -
cocos creator入门教程（十三）—— 骨骼动画组件使用
spine骨骼动画工具1: 骨骼动画: 把动画打散, 通过工具，调骨骼的运动等来形成动画2: spine是一个非常流行的2D骨骼动画制作工具3: spine 动画美术人员导出3个文件: (1) .png文件:动画的”骨骼”的图片集; (2).atlas文件: 每个骨骼在图片集里面位置，大小; (3).json文件: 骨骼动画的anim控制文件,以及骨骼位置...原创 2019-10-16 09:33:23 · 1514 阅读 · 0 评论 -
cocos creator入门教程（三）—— cc.Node属性
creator是由一个一个的游戏场景组成，通过代码逻辑来控制场景跳转;creator场景是一个树形结构;父节点, 孩子节点;cc.Node就是场景树中的节点对象。每个节点只要在场景里面，所以任何一个节点都是一个cc.Node;下面我们通过代码和log打印输出来认识node的属性：所有的组件都扩展自cc.Component(类, 构造函数);每个cc.Comp...原创 2019-08-22 23:25:52 · 4649 阅读 · 1 评论 -
cocos creator入门教程（二）—— UI组件和JS脚本事件绑定
刚接触creator的新手，可能会比较迷茫：我在UI上编辑好了界面了，里面加的按钮，如何在js脚本上触发功能呢？这一小节我们就来学习这个功能。首先上一张编辑好的UI图，带几个按钮的：上图中有5个按钮，客服、注册、游客登录、微信登录、账号登录；对应的脚本如下：我们简单的写了5个事件函数，功能就是打印输出信息；准备工作做完了，下面我们来实现UI和js的绑定；如上图，...原创 2019-08-13 17:47:09 · 4236 阅读 · 2 评论 -
cocos creator入门教程（一）—— 初识creator
一、我们在cocos creator新建一个Hello JavaScript项目，都会有一个assets/Scene/helloworld.fire文件。使用cocos creator开发游戏时，项目可以只有一个.fire文件。一般地，我会把这个文件夹改名为assets/scene，下面只有main.fire文件：assets/scene/main.fire。资源管理器结果图如下：本地目录...原创 2019-08-10 11:35:52 · 15549 阅读 · 2 评论 -
cocos creator入门教程（十二）—— 动画编辑器的使用
动画编辑器的使用1: 创建一个节点;2: 为这个节点添加一个动画组件 cc.Animation;3: 为这个动画组件新建一个动画文件 --> AnimationClip对象;4: cc.Animation 控制面板的属性: (1): default Anim Clip: 默认的播放的动画剪辑; (2): Clips: 动画剪辑的数组集合 ...原创 2019-10-10 07:24:20 · 1638 阅读 · 0 评论 -
cocos creator入门教程（十）—— cc.Label组件使用
cc.Label组件使用cc.Label1:cc.Label是显示文字的组件;2:cc.Label属性面板: String: 文本显示的内容; Horiznotal: 水平对齐的方式: 左 右 居中; Vertial: 上, 下, 居中, 字与行的排版 Font Size: 字体大小; LineHeight: 每行的...原创 2019-10-09 23:42:20 · 1467 阅读 · 0 评论 -
cocos creator入门教程（九）—— Button组件使用详解
cc.Button使用cc.Button1:添加按钮的方法 (1)直接创建带Button组件的节点; (2) 先创建节点，再添加组件;2:按钮组件, 按钮是游戏中最常用的组件, 点击然后响应事件;3: 按钮的过渡效果: 过渡: 普通状态, 鼠标滑动到物体上, 按下状态, 禁用状态 (1)没有过渡，只有响应事件; (2)颜色过渡, 过...原创 2019-10-09 23:36:13 · 2716 阅读 · 0 评论 -
cocos creator入门教程（八）—— Sprite组件的使用详解
cc.Sprite使用cc.Sprite1: 游戏中显示一个图片，通常我们把这个叫做”精灵” sprite2: cocos creator如果需要显示一个图片，那么需要在节点上挂一个精灵组件,为这个组件指定要显示的图片(SpriteFrame)3: 显示一个图片的步骤: (1) 创建一个节点; (2) 添加一个组件; (3) 要显示的图片(S...原创 2019-10-09 23:31:31 · 3140 阅读 · 0 评论 -
cocos creator入门教程（七）—— cc.Component使用
组件入口函数1: onLoad: 组件加载的时候调用, 保证了你可以获取到场景中的其他节点，以及节点关联的资源数据2: start: 也就是第一次执行 update 之前触发3: update(dt):组件每次刷新的时候调用,距离上一次刷新的时间(会在所有画面更新前执行)4: lateUpdate(dt) 刷新完后调用(会在所有画面更新后执行);5: onEnable: 启用这...原创 2019-10-09 23:22:44 · 1444 阅读 · 1 评论 -
cocos creator入门教程（六）—— cc.Action使用
Action类是动作命令，我们创建Action,然后节点运行action就能够执行Action的动作; Action分为两类: (1) 瞬时就完成的ActionInstant, (2) 要一段时间后才能完成ActionIntervial; cc.Node runAction: 节点运行action; cc.moveTo, cc.moveBy To: 目标 By: 变化 cc.roateB...原创 2019-09-01 22:51:27 · 3153 阅读 · 1 评论 -
cocos creator入门教程（五）—— cc.Node坐标空间
cc.Vec2cc.Vec2 二维向量坐标, 表结构{x: 120, y: 120}; cc.v2(x, y) 创建一个二维向量 cc.p() 创建一个二外向量 cc.pSub: 向量相减 cc.pAdd: 向量相加; cc.pLength: 向量长度; //坐标位置3种方法--1 var w_pos = new cc.Vec2(100,100)...原创 2019-08-27 23:38:00 · 1702 阅读 · 0 评论 -
cocos creator入门教程（四）—— cc.Node事件响应(触摸事件、键盘事件、自定义事件)
触摸事件触摸事件类型: START, MOVED, ENDED(物体内), CANCEL(物体外); 监听触摸事件: node.on(类型, callback, target(回掉函数的this), [useCapture]); 关闭触摸事件: node.off(类型, callback, target(回掉函数的this), [useCapture]); targetOff (targ...原创 2019-08-24 23:05:01 · 5192 阅读 · 1 评论 -
cocos creator入门教程（十一）—— AudioSource组件的使用
AudioSource组件的使用cc.AudioSource1:AudioSource组件是音频源组件, 发出声音的源头;2: AudioSource组件面板: clip: 声源的播放的音频对象: AudioClip, mp3, wav, ogg, volume: 音量大小, [0, 1]百分比 mute: 是否静音; Loop:...原创 2019-10-09 23:46:28 · 1251 阅读 · 0 评论