# cocosCreateStudy

**Repository Path**: javafdx/cocos-create-study

## Basic Information

- **Project Name**: cocosCreateStudy
- **Description**: cocos游戏学习笔记项目
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-07-29
- **Last Updated**: 2022-06-13

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

### 智能提示
http://docs.cocos.com/creator/manual/zh/getting-started/coding-setup.html

### 创建项目
保存当前场景--scenes-->game_scence

### 组件生命周期-game_scene.js
1. game_scence.js绑定到顶层父组件中
2. cc.component 介绍

### 触摸事件-touch_event.js
1. 开始--移动--结束
2. 关闭，移除事件

### 自定义事件-custom_event.js
1. 事件传参
2. 冒泡-父组件监听custom_event_fa.js

### 按键事件-kb_event.js
1. 按键码-按下和结束

### 坐标-coord_space.js
1. 定义二维坐标上的点
2. 计算向量和模长 
3. 定义矩形(是否包含点)
4. 坐标系相互转换(通常情况下要使用带AR)

### 包围盒-contain_box.js
1. 返回节点的坐标和宽高等信息
2. 获取触摸坐标--转为节点坐标

### 动作命令-action_test.js
1. 移动
2. 旋转
3. 缩放
4. 淡入,淡出,改变透明度
5. 回调动作函数
6. 顺序执行动作（先后进行）
7. 同时进行动作（同步进行）
8. 循环动作
9. 缓动特效
10. 停止移除动作
11. 延时

### 组件component_pro.js
1. 定义属性（数据类型）
2. 定义组件
3. 添加组件
4. 查找组件
5. 删除组件

### 定时器操作--component_pro.js
注意：
    启动定时器，节点或组件必须是激活状态，例如被隐藏的节点，都是无法启动定时器的

### 精灵--timebar.js
1. 创建一个空节点-->添加渲染组件Sprite-->将图片拖到SpriteFrame
2. 配置图片类型（Szie Mode）:
    CUSTOM(显示的大小就是节点的大小)--用户自定义
    RAW（原始大小）
    TRIMMED(大小为原始图片的大小，显示的内容是裁剪掉透明像素后的图片)
    属性--trim：是否裁剪掉图片的透明区域
3. Type图片模式
    SIMPLE--最普通模式，图片缩放到指定大小

    SLICED--切片（九宫格）类型
        （需要编辑图片（点击SoriteFrame编辑按钮），指定拉伸的图片区域）

    TILED--平铺类型

    FILLED -- 填充类型（设置填充的方式，可以使用比例来裁剪显示图片）
        1: 配置 Filled 模式 2: 配置 Filled 模式 , 设置为 Radius 参数 ; 3: 配置 Radius 的参数模式 , 中心 : 位置坐标 (0, 1 小数 ), (0, 0) 左下脚 , (1, 1) 右上角 (0.5, 0.5) 中心点 Fill Start 开始的位置 : 0 ~1, 右边中心点开始，逆时针走 Fill Range: 填充总量 (0, 1]; FillRange 为正，那么就是逆时针，如果为负，那么就是顺时针 ; 4: 个性化时间进度条案例 ; 5: 游戏中道具的时间进度显示都可以 
        
    MESH--以 Mesh 三角形组成的类型

### 换图--timebar.js

### Button按钮--click_button.js
1. 直接添加默认
2. 直接将按钮图标拖到面板，并将其设置成button
3. 过渡效果（点击效果，禁用）
4. 响应事件(带参数)
5. 定义button
6. 获取button
7. 添加按钮并绑定事件

### Label文字--font_label.js
1. 属性
2. 定义修改
3. 富文本RichText

### audio音频--audio_music.js
1. 引入
2. 播放，暂停

### 动画--anime_edit.js
1. 设计，引入图片（使用动画编辑器）创建res-->动画文件AnimationClip 对象-->绑定到Animation组件
2. 播放
3. 在当前帧上插入事件