cocos creator 3D学习(二)总是浮在屏幕最前面的操作按钮及其他

创建

在层级管理器中的Scene里创建一个Canvas,会在属性检查器里自带一个Node组件
设置,设置Node的position为(480,320,1),Scale为(1,1,1)

添加矩形组件

给Canvas一个cc.UITransformComponent矩形组件,ContentSize尺寸为(960,640),AnchorPoint锚点为(0.5,0.5),优先级Priority为0(因为这里没有其他的canvas,所以优先级不用管)

添加canvas组件

给Canvas一个cc.CanvasComponent的组件,ClearFlag为DON’T_CLEAR,color的透明度A为0,Priority为0,RenderMode为OVERLAY,TargetTexure为空

以上三点如图所示:
在这里插入图片描述

放入2D的图片+处理

直接将jpg或者png放进texture文件夹中,点击图片,在属性检查器里点击Type后面的下拉框,选择sprite-frame,应用,即可看到在图片里又出现了一个叫spriteFrame的图片,有了这个图片,就可以在Canvas上面使用了

然后根据自己的需求在这上面添加元素吧

其他几篇:
cocos creator 3D学习(一)载入的模型注意事项+画布上查看模型的鼠标键盘操作方法
cocos creator 3D学习(三)一些常用的声明
cocos creator 3D学习(四)刚体
cocos creator 3D学习(五)射线—点击按钮
cocos creator 3D学习(六)光照+阴影

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值