美文网首页cocos creator
Cocos Creator UI教程 1 布局主界面背景和顶部

Cocos Creator UI教程 1 布局主界面背景和顶部

作者: 呵呵_9e25 | 来源:发表于2019-01-04 10:56 被阅读334次

cocos creator游戏开发 UI入门


教程目标
因为官方UI DEMO视频教程没有实现细节,对于初学者来说简直是天书,所以本教程就是针对官方UI DEMO进行精讲,旨在让初学者也能写出和官方DEMO一样酷炫的游戏UI,教程需要精讲UI组件和动画实现,主要通过视频进行讲解


效果体验
点我直达

本节效果图如下


image.png
课程内容:

实现顶部和背景的布局

涉及知识点

1.精灵节点Sprite
 相当于html的image标签,安卓的imageview,就是一个专门用来显示图片的
2.进度条节点ProgressBar
 用来显示进度的,这里重点是如何设置进度和修改进度显示背景
3.组件节点Widget
用来做屏幕自适应的节点组件,通过这个组件可以实现在不同屏幕拥有相同的显示效果
4.按钮点击缩放效果
主要是用脚本语法js实现点击按钮有一个缩放的效果

视频教程入口
教程我都放在我的公众号上面
关注我的公众号
然后输入ccc1就可以获取视频下载链接

qrcode_for_gh_416ab4831418_344.jpg

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


相关文章

网友评论

    本文标题:Cocos Creator UI教程 1 布局主界面背景和顶部

    本文链接:https://www.haomeiwen.com/subject/hyeqrqtx.html