creator3D中的2D与3D UI融合开发

1)笔记

1) creator3D的2D功能和creator2D的相似，但是也有一些不同;

2)3D和2D融合在一起,其实是2个东西,一个是3D摄像机拍摄出来的，一个是2D摄像机拍摄出来的;
  把2个摄像机拍摄的画面合成在一起,你就看到最终的画面;

3)UI-->Canvas;
  点一下2D则只做UI：
  再点一下3D则做3D场景编辑;

4)配置设计分辨率与适配策略
  (1)项目设置里面，我们来设置好我们的设计分辨率和适配策略;
  (2)UI是独立于我们的3D游戏场景-->创建一个UI类型--》UI_2D
  (3)UI Canvas--》UI画布-》canvas--》蓝色的框是设计分辨率
  		Node + UITransformComponent(ContentSize大小+锚点)
  	
  	3D引擎中，每一个UI的节点，都会有一个UITransformComponent，
  	  而creator 2D则是ContentSize和锚点是合并到一起的;

  	3D的CameraComponent则不会绘制2D的UI

  (4)cc.WidgetComponent,屏幕多大，Canvas跟随变化多大

  (5)cc.CanvasComponent  ClearFlag: SOLID_COLOR 做2D游戏的时候，不想需要3D，则做一下清屏的操作;
     2D和3D融合起来，则选择None即可;
  	RenderMode：OVERLAY

5)UI Sprite
  (1)与2D的Sprite一样;
  (2)图片类型要切换，切换成sprite-frame;
  (3)只支持普通，九宫格和fill模式;


  导入图片资源的时候,我们要改编图片的类型(因为可能是3D纹理Texture， 2D则是SpriteFrame)
     Trim： 去掉 透明像素处理
     Trimmed + trim： 去掉像素后的

     FILLED + FillRange则可以做进度条
     还有扇形的

6)Label与Button
  1：和普通Label功能一样;
  2：可以修改文字的内容、字体、加粗、变斜;
  3:Button的过度效果与事件监听;

7)Widget与Mask
  (1)Widget基于停靠点的布局
  (2)Widget动态改变区域大小
  (3)Mask裁剪
  	如：圆形头像;
  	    Mask只对下面的孩子有效，选择Ellipse即可。
  	    也可以选择矩形切，也可以圆形切

8)ScrollView
  (1)view节点的mask;
    mask是超过这个范围的,mask都会被裁减掉;

  (2)content的内容Layout自动布局; 
   Type:VERTICAL
   ResizeMode:CONTAINER