Cocos Creator UI教程 1 布局主界面背景和顶部
2019-01-04 本文已影响334人
呵呵_9e25
cocos creator游戏开发 UI入门
教程目标
因为官方UI DEMO视频教程没有实现细节,对于初学者来说简直是天书,所以本教程就是针对官方UI DEMO进行精讲,旨在让初学者也能写出和官方DEMO一样酷炫的游戏UI,教程需要精讲UI组件和动画实现,主要通过视频进行讲解
效果体验
点我直达
本节效果图如下

课程内容:
实现顶部和背景的布局
涉及知识点
1.精灵节点Sprite
相当于html的image标签,安卓的imageview,就是一个专门用来显示图片的
2.进度条节点ProgressBar
用来显示进度的,这里重点是如何设置进度和修改进度显示背景
3.组件节点Widget
用来做屏幕自适应的节点组件,通过这个组件可以实现在不同屏幕拥有相同的显示效果
4.按钮点击缩放效果
主要是用脚本语法js实现点击按钮有一个缩放的效果
视频教程入口
教程我都放在我的公众号上面
关注我的公众号
然后输入ccc1就可以获取视频下载链接

完整代码入口
点完下载代码
代码在source文件夹下