cocos creator 开发基础

 

  • 环境
    • pc
      • 下载cocos creator: http://docs.cocos.com/creator/manual/zh/getting-started/install.html
      • 配置vs code: http://docs.cocos.com/creator/manual/zh/getting-started/coding-setup.html
    • andriod环境搭建: http://docs.cocos.com/creator/manual/zh/publish/setup-native-development.html
  •  结构
    • 项目结构:http://docs.cocos.com/creator/manual/zh/getting-started/project-structure.html
    • 编辑器基础
    • 基本概念
      • 场景: http://docs.cocos.com/creator/manual/zh/asset-workflow/scene-managing.html
        • 创建场景
      • 组件
      • 节点
      • 脚本
  • 资源
    • 主要使用:场景,贴图,预置,图集,脚本,瓦片图,其他:http://docs.cocos.com/creator/manual/zh/asset-workflow/
  •  事件
    • 系统事件
      • 触摸事件
      • pc事件
        • 点击,滚轮
      • 键盘事件
    • 自定义事件冒泡
  • 场景构建
    • 节点
    • 组件
      • 常用组件
  • 布局/样式
    • 锚点 /坐标系/定位
    • 定位组件
    • 自适应:fit width/height
    • layout
    • 对齐
    • 缩放
    • 移动
    • 样子主要靠贴图
  • 脚本开发
    • 创建和使用脚本
    • 处理
    • 节点和组件处理
    • 生命周期
    • 场景处理
    • 资源处理
    • 动作处理:http://docs.cocos.com/creator/manual/zh/scripting/action-list.html
  • 插件/模块化
    • 插件脚本
    • model.export
  • 网络通信
    • websocket/socket.io
    • xhr
  • 构建发布
  • 性能
    • 性能评价
      • 图形性能
      • 节点性能
    • 性能优化
      • 预置
      • 修改逻辑,减少渲染
    • 其他。。
  • js 语言版本
    • 基本支持es6(模块化不一样)
    • 插件脚本需要babel

实现选择框(触摸或者鼠标移动添加选择框):

一个单色Sprite作为选择框的表示,其anchor为0,0.

事件监听在其父节点。

触摸开始时:

记录起始点A,设置position为该点,启动touchMove事件

触摸移动时:

获得触摸位置B,设置width和height为B – A。

触摸结束时:

关闭touchMove事件, 执行选择逻辑。


更多内容或者协助请联系nameliuqi@outlook.com

 

最近的坑

  • 基于blob/base64/img.src连续图片显示
    • img.src性能最高,其他的cpu消耗(编解码)太大
  • js的shell交互
    • 子进程
  • cocos creator使用
    • 见其他教程
  • nginx总结
    • 反向代理
    • 负载均衡
    • 实现原理(?)
  • antd
    • trick
    • 本地化
      • icon按照官网教程
      • 引用的图片/其他搜索一下