zoukankan      html  css  js  c++  java
  • 灵感闪现 篇 (一) 2d场景 3d 效果

    中途打断一下 ,框架文档的 更新。

    另开一篇主题为 灵感闪现的 板块。

    在工作生活中,总有发现新事物或新东西 而让自己突然 灵感闪现的时候,那么这个时候,我必须要抓住,并尽快把 这份灵感实现下来。

    之前,开发框架的时候,也是因为有了灵感,才会不断更新,为了更快抓住 最新灵感,我特意开此 贴,连续更新的 文档我还会继续更新,

    但 优先权 灵感的东西 总是排在最前面。

    这次的灵感是 无意中看了 《白猫计划》游戏的一个功能。

    他的场景是2d ,人物是3d,但是 当你移动场景 ,他也能模仿3d这样 近大远小,俯视仰视,这样的方式替代 某些3d场景,资源少,非常ok

    对我而言,他还可以用来 解决 滚动场景 竖屏 视觉效果少的问题。

    你们可以想象一下, 竖屏时候,如果横竖都能滚动,里面做的是场景,那么 你会很容易头昏,丢失目标点。

    但如果 仅仅 竖 或 横 移动,有觉得范围太局限。但 以上图片的 设计思路,解决了 我的问题,还是要谢谢 小日本的创新头脑。

    当然,他做的还不完美,首先 角度 只有固定的两个,也就是 俯视 和平视 两个固定的角度,这样自由度 不大,要求苛刻的玩家会不买账。

    还有,他滑动屏幕 ,缓动效果 做的有点僵硬。

    这些我都要改进,角度应该是 平视 0度 到 俯视90度 都能有,牵扯到 上下拉动会近大远小的 比值,我还要 思考计算下。

    然后 滑动效果 是我强项。

    好了,废话不说了,等待我实现,继续在这里更新。。

    研究了一下,发现做法非常简单。

    就是 把ui滚动 中的 Content (背景)角度倾斜就可。

    不过,注意的是,滚动下拉,只能改变y值,但是下图的移动,需要改到z轴。(注意拉动的是 黄色箭头

    看上图,我们注意 这3张图,近处的红色房子慢慢 被拖走,远处的小房子,慢慢被拖到我们眼前,他们放大了。

    如果把图 画成 写实风格,那么感觉和3d的 差别不大。

    这里特别说明,选择图的重要性,尽可能选择 俯视图,黄色 箭头 角度一定要大,这样才能有立体效果。我之前说要做

    全角度,发现不好,因为角度越大 3d效果越好,所以其他角度 都没什么意义。但 俯视图(不倾斜)还是要有,和《白猫计划》那样,经常变换

    感觉更加立体。至于很多人 问道,我刚刚说的  黄色箭头 如何 代码实现移动,其实就是一个比值,当上下滑动时候,通过角度比值,同时修改z轴部分。

    好了,这次 不上代码了,另外 3d人物 站在2d场景上,我觉得用RawImage最好,因为 地图要拖动,人物也要跟着移动到相应地方。

    人物位置 就不要自己算了,角度自己根据切换指令 ,代码调整下就ok。(注意:不懂 RawImage可以看我 旧版本框架0.15换装系统就ok)

    就这样吧,代码我会 写,也会放到 新的框架中,这样大家要用就方便了。

  • 相关阅读:
    js 小数取整的函数
    VS2015 Apache Cordova
    C# 标签(条码)
    异步提交form的时候利用jQuery validate实现表单验证
    调试javascript
    Chrome 控制台console的用法
    MvcPager分页控件以适用Bootstrap
    更好理解接口
    为什么上班一天都是坐着,但仍会疲惫不堪?(转)
    如何解决空虚感?(转)
  • 原文地址:https://www.cnblogs.com/big-zhou/p/4724928.html
Copyright © 2011-2022 走看看