Creator3D 守护你的球球—UV动画与天空盒

1 游戏预览

在线体验地址:http://example.creator-star.cn/follo-ball/

2 场景物体

场景物体

新建场景后,引擎会为我们创建默认的摄像机和灯光,这个我们就不介绍了,如果不太了解,可以参考之前的文章。我们先介绍一下游戏中的物体:

  1. 地面:地面使用 Plane 创建,将他的Z深度设置为10米,同时为地面定制了一个材质贴图;
  2. 吸盘:吸盘是由 Torus 圆环体创建,定制了专用材质,而且还有一个向里面吸入的UV动画(下面一小节),同时为它添加了一个球体碰撞组件,但不添加刚体组件,我只需要使用碰撞组件监听它与障碍物的碰撞,不需要物理表现;
  3. 守护球:守护球是由 Sphere 球体创建,同样只需要一个球体碰撞组件,球的旋转是我们由tween模拟的,并不是真实的物理效果;
  4. 障碍物体:障碍物是 Cube 立方体搭建的,在节点上挂载了碰撞组件与刚体,当吸盘将柱子吸走后,上面的横条会下落碰到我们的守护球,这个掉落需要使用物理引擎来解决;
  5. 终点:终点也是一个Cube,当守护球碰到它后表示过关;

3 UV动画编辑

游戏的内容比较简单,使用我们之前讲过的【打砖块】游戏中的内容就可以搞定,唯一这里新增加了吸盘动画,我们看下它是怎么制作的,不用写代码的哦。

首先为 Torus 节点添加一个 Animation 组件,看下图:

切换到动画编辑器窗口,点添加 AnimationClip,如图:

在动画属性列表中,添加动画属性 tilingOffset,如图:

我们给 tilingOffset 属性 K 两个关键帧,在关键帧上,将它的 w 属性分别设置为 0 和 1:

保存退出动画编辑器,同时记得将 Animation 组件的 PlayOnLoad 属性勾选上,就搞定了。

4 天空盒编辑

为了让游戏更具有沉浸感,我们来模拟一个真实世界,为游戏添加天空盒。

首先创建天空盒资源,选中一个目录,鼠标右键菜单 CubeMap 选项,如下图:

我在网上找了一个天空盒资源,设置天空盒6个面的图片,看下图:

需要注意,我这个资源中的 Left 与 Right 在 Creator 中是需要交换一下,你可以看到下面的预览,六张图需要完美接缝。

接下来选择 Scene 节点,将天空盒资源拖动到属性:

这时我们在场景编辑中就可以看到了,不过这里需要注意,Shawn在这里卡了十几分钟,运行预览天空盒还不能被显示出来。我是向引擎组大佬求助,才知道,在摄像机上还有一个开关,看图:

至此我们的游戏场景就全部布局好了,是不是很 Nice 呢!

5 小结

本篇文章介绍了”守护球球“这个游戏的场景布局,以及吸盘动画、天空盒。接下来就是障碍物的布置,这完全是一个消耗体力与精力的活,不知道是不是引擎BUG,游戏中出现一些 Cube 不能掉落,而且障碍物多了,在手机上会有些卡顿,真的是非常纠结。

下次分析一下游戏中的控制代码,为了控制流畅,改了不下十几种方法,这个可是把 Shawn 拆腾快哭了,最后求给个赞,原创不易!!!

原文地址:https://www.cnblogs.com/creator-star/p/11702719.html

时间: 2024-10-11 19:56:23

Creator3D 守护你的球球—UV动画与天空盒的相关文章

用cocos2d-x 实现UV动画--实现篇

用cocos2d-x 实现UV动画--实现篇 UVSprite uv动画是指通过在程序运行时动态改变纹理坐标,实现动态效果的纹理动画,使用uv动画可以实现水流动,火焰燃烧等效果. 本文由liangneo原创,转载请保留原文地址 :http://blog.csdn.net/liangneo/article/details/42583533 1.分析 我们需要的是一个具uv动画的sprite,最简单合理的方式是让你UVSprite直接继承于CCSprite,另外我们还需要两个变量来控制U或V方面是否

UV动画

[猫猫的Unity Shader之旅]之UV动画 http://blog.csdn.net/dbtxdxy/article/details/44737133 UnityShader实例06:UV动画 http://blog.csdn.net/u011047171/article/details/46776713

火云开发课堂 - 《Shader从入门到精通》系列 第十九节:在Shader中实现3D模型的UV动画

<Shader从入门到精通>系列在线课程 优惠链接:http://edu.csdn.net/combo/detail/90 第十一节:在Shader中实现3D模型的UV动画 视频地址: http://edu.csdn.net/course/detail/1441/22683?auto_start=1 交流论坛:http://www.firestonegames.com/bbs/forum.php 工程下载地址:请成为正式学员获取工程 课程截图: 版权声明:本文为博主原创文章,未经博主允许不得转

websocket实现简化版球球大作战

websocket是一种全新的网络协议(虽然就我接触编程的时间点来说不算新了),在服务器端和客户端频繁通信时,相较与ajax轻便很多,球球大作战这个小项目如果在网页上实现,必然使用websocket而非ajax. 由于是个小游戏,所以,我也没用上什么框架或者数据库,服务器端用nodejs构建,客户端就用js写. 接下来写写项目中遇到的一些需求难题以及解决方案.(姑且将我写出错误的地方叫做难题吧) 1.如何将所有用户的小球都展现在每一个客户端的画面上? 每一个用户参与游戏后,都用构造函数生成一个小

【204】显示3D大球球

1. 光滑球 From Jan 28, 2016 2. 大球球 https://www.revolvermaps.com/?target=enlarge&i=0xoqkxnu52c&dm=8

Unity移动平台使用顶点动画或UV动画的问题。

都是精度问题,移动平台开发针对大量性能不一的GPU.各种无法预料的问题. UV动画出现卡顿,解决方案,限制UV的范围.只能缓解. 涉及到_Time的使用时,很大几率会出现问题.不管是使用_Time进行UV顶点,还是顶点动画,在一些移动设备尤其是旧的移动设备上,shader mode 2.0,fragment shader精度低的情况下,基本上都会有问题.

用cocos2d-x 实现UV动画--基础篇

用cocos2d-x 实现UV动画--基础篇 uv坐标与渲染 uv动画是指通过在程序运行时动态改变纹理坐标,实现动态效果的纹理动画,使用uv动画可以实现水流动,火焰燃烧等效果. 本文由liangneo原创,转载请保留原文地址 :http://blog.csdn.net/liangneo/article/details/42582947 1.什么是UV坐标 uv坐标是指纹理映射到绘制体(一般为三角形的顶点)上的坐标,纹理贴图文件(png,jpg图片)在计算机中的一般都抽象为一个二维平面.水平方向是

TYVJ4623 球球大作战&#183;生存

时间: 500ms / 空间: 65536KiB / Java类名: Main 背景 小天很喜欢玩球球大作战这个游戏,大家也应该都玩过.游戏规则是:移动自己的球,移动到别人的球(一定要比自己的球小)的位置上,就可以吃掉别人的球,把别人的球的体积值加到自己的球上.还有分身.吐球等功能,但本题不考虑. 描述 作为一个OIer,小天给自己做了一个超牛的外挂:让自己的球瞬间移动到场内的任何位置!!!这意味着小天可以瞬间移动到任何一个比自己小的球上,把它吃掉.现在,小天只用外挂来瞬移,每次瞬移只能吃掉一个

UV动画/纹理融合/法线贴图/过程纹理

让VS支持Shaderlab语法 VS2013中并没有Shaderlab的语法高亮,好在网上已经有个插件来支持语法的高亮和拼写提示,从这里下载插件,双击安装就好了. ShaderlabVS - https://github.com/wudixiaop/ShaderlabVS/releases 不过由于VS配色的关系,还需要微调一下,按下面步骤 1. 打开 VS -> 工具 -> 选项 -> 环境 -> 字体和颜色,2. 显示其设置 下拉列表中选择 文本编辑器 (如果没改过,这就是默