[COCOS2D] CocosCreator制作游戏《极限跳跃》二制作游戏开始场景过程

[复制链接]
星空 发表于 2019-1-12 10:27:44 | 显示全部楼层 |阅读模式
我们刚刚分析了《极限跳跃》这款游戏,下面我们开始制作第一个游戏场景,也就是游戏的开始场景。& l* x- l; Z" w6 }. J0 ~
首先,打开CocosCreator,新建HelloWorld项目。选择项目路径,输入项目名称“jxty”,点击新建项目。
  \6 t# V/ d! T% I

CocosCreator制作游戏《极限跳跃》二制作游戏开始场景过程

CocosCreator制作游戏《极限跳跃》二制作游戏开始场景过程
  q2 ~! B& [/ T% f
新建好项目,项目会自动打开。这里大家可以看下官方的文档,了解 下编辑器的功能和用法。
3 x0 J$ p. a- x& I" [+ R: V- G

CocosCreator制作游戏《极限跳跃》二制作游戏开始场景过程

CocosCreator制作游戏《极限跳跃》二制作游戏开始场景过程

! w! y. t6 d/ n6 a8 v1 ^  a资源管理器里显示了项目资源文件夹(assets)中的所有资源。这里会以树状结构显示文件夹并自动同步在操作系统中对项目资源文件夹内容的修改。您可以将文件从项目外面直接拖拽进来,或使用菜单导入资源。. v6 ~# x, n  C
# \. _  Z8 O& B: i! |. Y0 e
场景编辑器是用来展示和编辑场景中可视内容的工作区域。所见即所得的场景搭建工作都依靠场景编辑器中的显示来完成。9 t1 Y6 V: I; k( S) p' B5 m

' q! S. l! G/ X9 D层级管理器用树状列表的形式展示场景中的所有节点和他们的层级关系,所有在场景编辑器中看到的内容都可以在层级管理器中找到对应的节点条目,在编辑场景时这两个面板的内容会同步显示,一般我们也会同时使用这两个面板来搭建场景。
1 F. r2 E' C9 u! c/ J0 l0 Z" b5 @# i9 w! u7 N* v! f
属性检查器是我们查看并编辑当前选中节点和组件属性的工作区域,这个面板会以最适合的形式展示和编辑来自脚本定义的属性数据$ f, a; i) R4 Z2 u- U
' H# g) @; R3 P7 j+ i  Z
工具栏上包括了场景编辑工具和预览游戏时的操作按钮,最右边显示了远程测试和调试时使用访问地址,以及连接中的设备数。
* \2 B3 x# W7 D& {" A
6 M6 X0 @/ T: o4 f0 r 3 I4 }! a5 T5 ~) o$ H& X/ M
首先我们点击工具栏上的预览按钮来查看当前场景的显示。 7 t$ g0 W5 b' u+ Y+ B

CocosCreator制作游戏《极限跳跃》二制作游戏开始场景过程

CocosCreator制作游戏《极限跳跃》二制作游戏开始场景过程

) I2 @+ S) R  M简单的熟悉下编辑器怎么用的,下面开始我们的主题。。3 E7 ]% A% ~4 P1 f0 ~( {
" q: [1 U' S0 s& m
一、创建场景
2 y) J- o3 Y! m7 ?7 C' w9 J/ ^; T( w* r2 O# }( c
在资源管理器中,我们选中Scene文件夹,点击鼠标右键,选择[新建]=》[Scene],就会创建一个新的场景,New Scene。我们右键对它重命名为WelcomeScene。如图。
5 Y' ]" F: a3 }' H4 H  ?. s3 p9 ^

CocosCreator制作游戏《极限跳跃》二制作游戏开始场景过程

CocosCreator制作游戏《极限跳跃》二制作游戏开始场景过程
& k( D; b# ^2 h4 G$ ~6 C
下面我们把游戏用到的资源全部放倒资源管理器中的Texture文件夹中。双击 WelcomeScene打开场景界面。新建的场景默认都是空的,这里我们调整场景大小为480x800像素大小的竖屏游戏。5 S' p4 ^! @. M* W* Z; @

CocosCreator制作游戏《极限跳跃》二制作游戏开始场景过程

CocosCreator制作游戏《极限跳跃》二制作游戏开始场景过程

- W# y9 J9 j- h, q7 s二、把背景素材拖进层级管理器,注意节点的层级关系,然后调节属性即可。
9 k4 {4 ~; V- P( k! x  P5 J/ K

CocosCreator制作游戏《极限跳跃》二制作游戏开始场景过程

CocosCreator制作游戏《极限跳跃》二制作游戏开始场景过程
! i- |6 H" h7 s/ s; o7 X
使用相同的方法,把我们主场景的logo,还有底部的边栏也放进场景。$ ~# x# T0 [0 `4 F8 {
开始按钮我们使用UI节点来创建,右键点击Canvas,创建节点=》创建UI节点=》Button(按钮)。
8 z' i  z; }# Y9 w; E' V创建好后,修改节点名称为kaishiyouxi,并删除子节点label。然后把对应状态资源拖进对应的状态即可。如图所示。. A, n' U' L5 e4 R4 e$ g

CocosCreator制作游戏《极限跳跃》二制作游戏开始场景过程

CocosCreator制作游戏《极限跳跃》二制作游戏开始场景过程
( K+ O% t4 y2 F& V4 j7 d9 G
效果是不是还可以啊。是不是大家感觉很简单啊。。接着继续学习下一个场景。
6 X# ~! p1 T7 b3 S, W
哎...今天够累的,签到来了游戏源码下载...
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则