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

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

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

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

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

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

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

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

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

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

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

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

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

然后 滑动效果 是我强项。

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

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

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

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

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

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

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

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

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

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

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

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

灵感闪现 篇 (一) 2d场景 3d 效果的更多相关文章

  1. CSS3新特性2D、3D效果讲解

    希望这篇博客可以对你有所帮助,如果有什么技术上的问题,希望我们可以做进一步的交流,如果你觉得我哪里阐述的不正确或者你有更好的更透彻的理解,也可以联系我,我在这里随时等着你. 对于css/html是每个 ...

  2. css3的过渡、动画、2D、3D效果

    浏览器的内核: 谷歌的内核是:webkit 火狐的内核是:gecko Ie的内核是:trident 欧鹏的内核是:presto 国内浏览器的内核:webkit css3针对同一样式在不同的浏览器的兼容 ...

  3. transition过渡2D、3D效果

    过渡(transition)是CSS3中具有颠覆性的特征之一,我们可以在不使用 Flash 动画或 JavaScript 的情况下,当元素从一种样式变换为另一种样式时为元素添加效果. 帧动画:通过一帧 ...

  4. 2D和3D效果

    <style type="text/css"> #div1{ width: 200px; height: 200px; background-color:#aaa; c ...

  5. 3d效果的图片轮播

    CSS3的3d变换 CSS3给我们提供了一个新的功能,那就是3d变换.3d变换和2d变换的基本API函数类似,只不过多了些在Z轴上的操作,不难使用. 但是,为了让元素拥有3d变换的功能,我们需要给他的 ...

  6. transform做2d和3d变形(css动画一)

    前言:这是笔者学习之后自己的理解与整理.如果有错误或者疑问的地方,请大家指正,我会持续更新! 有段时间我是没理清transform.translate.transition和animation之间的关 ...

  7. opengl中场景变换|2D与3D互转换(转)

    opengl中场景变换|2D与3D互转换 我们生活在一个三维的世界——如果要观察一个物体,我们可以: 1.从不同的位置去观察它.(视图变换) 2.移动或者旋转它,当然了,如果它只是计算机里面的物体,我 ...

  8. Unity制作出《超级马里奥》的2D和3D混合效果

    现在来做点别的东西.Nintendo Switch上刚推出的<超级马里奥>中,有一些关卡混合了2D和3D的画面,这种效果十分让人印象深刻.如何在Unity中实现这个效果呢? 正常情况下,摄 ...

  9. 2D图形如何运动模拟出3D效果

    一.先看看实现效果图 (左边的2d图片如何运动出右边3d的效果)                                      引言: 对于这个题目,真的很尴尬,不知道取啥,就想了这个题目 ...

随机推荐

  1. NOTE07152246 JAVA 发展及JDK配置

    一.软件工程师体系: 操作系统(Windows/Linux/Unix) - 数据库系统 - 中间件(WebSphere/Tomcat) - JAVA EE 1.操作系统为用户构建了一个平台.此平台上可 ...

  2. C语言_cmd_pause

    再C语言里面使用system函数调用pause. system("pause"); 会显示   请按任意键继续. . . system("pause ->nul&q ...

  3. CDN技术详解及实现原理

    CDN技术详解 一本好的入门书是带你进入陌生领域的明灯,<CDN技术详解>绝对是带你进入CDN行业的那盏最亮的明灯.因此,虽然只是纯粹的重点抄录,我也要把<CDN技术详解>的精 ...

  4. hdu_5792_World is Exploding(树状数组+逆序对)

    题目链接:hdu_5792_World is Exploding 题意: 给你一个数列,让你找有多少个(a,b,c,d)满足a≠b≠c≠d,1≤a<b≤n,1≤c<d≤n,Aa<Ab ...

  5. LeetCode OJ 96. Unique Binary Search Trees

    Given n, how many structurally unique BST's (binary search trees) that store values 1...n? For examp ...

  6. TeX括号。。。

    #include <stdio.h> #include <stdlib.h> int main() { ; ) { if(c=='"') { printf(" ...

  7. javascript操作json

    for (var i = 0; i < selectedPartList.length; i++) { if (selectedPartList[i].vpart_code == jsonRow ...

  8. Replication--进程无法在“xxxx”上执行“sp_replcmds”

    错误消息:进程无法在“xxxx”上执行“sp_replcmds”. (源: MSSQL_REPL,错误号: MSSQL_REPL20011)获取帮助: http://help/MSSQL_REPL20 ...

  9. 判断数字 字母 isDigit(), isalpha()

    判断是否是数字 isdigit isNumber      二者区别http://www.cnblogs.com/xiashengwang/p/3219925.html     需要包含头文件  #i ...

  10. 批量删除实现js+springmvc

    前台的控件 <input type='checkbox' name='isSelect' value='"+data[i].id+"' ></input>& ...