下载 App

3D场景中的物体摆放——道具屋经营物语的踩坑日志

精华03/17153 浏览开发交流
大家好~这里是道具屋经营物语。
我将在本帖分享一下在制作过程中遇到的问题和最后解决方法。将踩过的坑一一诉说[表情_微笑]。
在游戏制作过程中,为了增加画面表现力,以及适配移动端的简便操作,在想到哪做到哪的胡乱设计下。选择了采用上方3D视口,下方操作菜单的GBA式UI布局。如下图:
TapTap
UI布局
当时我觉得这样一定会很酷吧哈哈哈(后面被UI和3D场景设计狠狠折磨)。

·3D场景的布局设计

那么上面的3D时候中的场景是怎么实现的呢,待我细细道来:
最初的场景就是地板和墙壁(请无视场景小物件,没有做关闭显示的功能[表情_微笑])
TapTap
设置之初就定好了场景大小(其实本来想做自定义家具摆放的,但是代码已经成为史山了[表情_豹哭],这里强调一下做规划文档的重要性[表情_微笑])
场景地面为7-7的网格地图,三面有墙,设置了墙的高度。墙壁也使用了相同的网格设置,用来设置窗户和门。再做一个场景物体按网格摆放的菜单,就可以对场景进行设置了。
TapTap
自己设置场景
       ·如何保存场景
       这时我们可以发现,每次重进游戏,上次做好的场景就会重置。(尝试过做一个按钮点击保存场景,但是无效[表情_叹气]。)。
      所以为了保存场景,我让塔拉拉将场景的布局,也就是所有的物体的位置坐标、旋转、缩放,用日志的方式输出在浏览器的控制台日志当中,也就是按F12会出来的菜单中,如下图:
TapTap
浏览器的控制台页面
之后再截图或复制给塔拉拉保存场景即可。手机浏览器的话的话可以将显示数据的功能做到游戏内,还可以加一个点击按钮全部复制到剪贴板的功能,然后复制给塔拉拉。
同时也可以将给场景中的物品添加贴图和更改颜色的功能一并实现了(塔拉拉生成的材质默认为PBR,也就是像现实中一样的材质,支持调整 金属度  粗糙度 颜色 甚至可以换  法线贴图  让物体看起来有凹凸感 )。
另外要夸一下塔拉拉打光的审美,场景中灯光加的不错,很有氛围感(就是帧数骤降,如果可以,只要太阳光,不要乱加点光源)。
TapTap
因为我们之前做的物品摆放是在网格地图上摆的,那么移动逻辑也从这方面实现,用寻路算法写一套移动逻辑就能在场景中移动了。
TapTap
这里推荐加一个观察者模式(类似unity编辑窗口查看的逻辑)。能够更好的查看3D场景(在塔拉拉里做游戏编辑器了属于是)。
TapTap
更好的查看场景布置
场景外的布局也是如法炮制。注意不要相信塔拉拉,自己手动布局。因为塔拉拉连Z轴的正负都分不清。
TapTap
场景外布局

相机跟随动画

相机动画与跟随系统 — 过渡插值系统、入场弧线动画(easeInOutQuart 1.5 秒)、玩家跟随(X 限幅、Z 固定距离)、观察者自由相机。
这些是塔拉拉说的。所谓相机跟随就是相机的移动逻辑,这个和塔拉拉说一句他就能做,优化的空间就在于过渡插值系统。给动画加入过渡动画,而不是匀速变化,会让观感变好很多。
具体逻辑就是相机运动过程中加入变速逻辑,如下图:
TapTap
相机移动
我这里用的是   慢-快-慢   的缓入缓出。更加的自然了。
以上就是我在taptap制造使用过程中对3D场景的一点点经验。希望能帮到大家[表情_开心]。
欢迎大家来体验我整的这款还不完善的游戏,以上[表情_灵光一闪]
别再烧积分了!从每次 2000 到每次 50 的血泪经验截图
别再烧积分了!从每次 2000 到每次 50 的血泪经验
适用场景:所有在用 TapTap Code 开发游戏的小白 难度:★☆☆☆☆ 背景最近群里总有人"炫耀"一次操作花了几千积分,说实话这不是值得高兴的事——这是在告诉所有人你的开发方式有根本性问题。我也走过这条弯路,所以来说说怎么改。 积分消耗的本质是什么积分 = AI 处理的 token 数量 = 你发给 AI 的内容 + AI 回给你的内容所以烧积分的本质只有两种: 你让 AI 做了大量无效/重
精华
82 赞
23 回复
如何提升你游戏中的UI美术水平截图
如何提升你游戏中的UI美术水平
一、请为你的游戏挑选一款合适的字体 很多开发者没有注意到其实UI界面中最重要的元素是字体,一款合适的字体能给整个游戏的界面感官带来蜕变。 请看案例 那么如何挑选适合自己的字体呢? 我总结出了一些小经验可供参考: 黑体:通用 宋体:古风、武侠、修仙 楷体:古风、武侠、修仙 圆体:卡通、动漫、Q版 科技:科幻、未来、电子 顺手分享一个免费可商用字体网站: 当然 如果你不知道自己的游戏适合什么风格
精华
126 赞
44 回复
01:29
官方阅,申请积分计划2,希望官方继续支持我完成这款游戏,截图
官方阅,申请积分计划2,希望官方继续支持我完成这款游戏,
视频内容只是一部分, 本游戏耗时3个月,目前完成进度百分之80, 是生存游戏,进入修仙界,走剧情找到宗门加入, 这时游戏才是真正开始, 提升实力境界后就可以变强,获取功法法术法宝, @视频内是游戏里挑战妖族入侵一种主流玩法,游戏就是围绕着这个来进行, 还有很多地方可以战斗,获得资源修炼变强,比如去藏书阁学习功法, 去法宝楼抽法宝,每一个宗门数十个法宝抽取 去修仙界探索,获得各自的资源,可能遇见妖兽
1 赞
3 回复
浅记《阿方的旅程》开发历程截图
浅记《阿方的旅程》开发历程
预计阅读时长10分钟,欢迎您先品鉴游戏,再回来看这篇“流水账” 这是我第一次实际接触“用自然语言制作游戏”,也是我第一次接触游戏开发工作,所以一切都是从零开始,跌跌撞撞,懵懵懂懂。[表情_豹哭] 我是通过获得的本次开发资格,6月22日晚,在微信公众号收到了测试资格的消息,最开始公布主题“跳跃”的时候,脑子里最先想到的就是几款非常经典的游戏「马里奥」「Flappy Bird」「Doodle Jump
10 赞
1 回复
本地部署 AI 对接 TapMaker 指南 —— 以 CodeBuddy 为例V1.1截图
本地部署 AI 对接 TapMaker 指南 —— 以 CodeBuddy 为例V1.1
写在前面 大家好,我是橘猫,和你一样也是TapMaker的萌新玩家。在"全能神"天哥的悉心指导下,我顺利完成了本地开发环境的部署。经过这段时间的实战测试,已经成功打通了「本地开发 → 同步至TapMaker」的完整流程。 以下内容全部来自我的个人实操经验,旨在为同样在探索本地部署的朋友提供一个参考。每个人的电脑环境、网络情况、AI工具版本都不尽相同,文中的步骤仅供交流学习。如果你照着操作后遇到问题
37 赞
21 回复
2D 等轴测视角:完整理论截图
2D 等轴测视角:完整理论
2D 等轴测视角:完整理论 一、视角的本质 什么是等轴测 人站在高处斜着往下看地面,地面上的方格子不再是正方形,而变成了菱形。这就是等轴测的视觉本质。 俯视(正上方看下去): 等轴测(斜上方看下去): ┌──┬──┬──┐ ◇ ├──┼──┼──┤ ◇ ◇ ├──┼──┼──┤ ◇ ◇ ◇ └──┴──┴──┘ ◇ ◇ ◇ 正方形网格经过旋转 + 压缩,变成了菱形网格。 为什么是 2:1
6 赞
00:54
等距场景编辑器——自行编辑2D瓦片场景地图截图
等距场景编辑器——自行编辑2D瓦片场景地图
一个可嵌入任何 UrhoX 项目的完整等距瓦片地图编辑器,适用于 RPG、策略、模拟经营等类型游戏的关卡设计。 SKILL审核已通过,各位创作者可以根据自己的需要对工具进行调整修改 声明:该工具仅作为场景编辑以及序列化,交互等功能需要用户自行在项目中定义 后续会根据实际情况补充rule tile相关逻辑,实现tile map编辑自由 目录 1. 界面总览 2. 六种编辑工具 3. 双视图模式 4.
精华
21 赞
11 回复
【Tap make 塔拉拉之立项干货】萌新看过来!截图
【Tap make 塔拉拉之立项干货】萌新看过来!
题外话:本人也是tap make 使用者之一。塔啦啦忠实信徒、天哥忠实拥护者、八年游戏策划经验的低级策划。但是!我已经做出来一款5000+热度、且稳定可更新的框架、并且还在持续产出更多游戏内容的橘猫! 这几天正好在开新坑。我是3月初加入的tapmake大家庭。两周时间于3月25日将这个作品上架。当时的全凭感觉摸索。如今,自己也是一个有自己项目的小菜鸡了。今天,就来分享一下,如何高效的制作一款高大上
投票精华
69 赞
24 回复
【UI教程】如何将已有的效果图应用为实际的UI界面截图
【UI教程】如何将已有的效果图应用为实际的UI界面
在经过了一些折腾和比较折磨的尝试后,我总算是摸清楚了嗒啦啦怎么把UI效果图转换为实际游戏中的UI组件,今天就给大家带来这部分的经验分享。 tips:1.本篇教程需要各位掌握最基本的ps使用,具体的操作部分我会大致讲解,但仍需各位自行学习ps的基本操作,部分可以由ai代劳的环节我会注明。 2.本篇教程需要在以我前两篇教程作为前置环节,请在阅读这两篇前置教程后再进行本篇教程内容的学习 在按照前
12 赞
5 回复
游戏自荐《少女终焉契约》截图
游戏自荐《少女终焉契约》
之前玩放置类型的rpg游戏的时候我就在想,现在游戏的操作有的太过于繁琐了,有没有一款休闲一点的,想上线就上线,离线的时候角色能自动行动的游戏呢?感谢TapTap制造,我按照我的想法开发出了现在这款游戏。 一、故事背景和UI 游戏的故事背景是传统的异世界穿越故事,玩家被女神召唤到异世界,随后组建工会,招募美少女,打怪升级探索世界。所以我选择了更加二次元萌系画风的UI风格,主页为各个主要的功能,点开来
8 赞
3 回复