灵感闪现 篇 (一) 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)
就这样吧,代码我会 写,也会放到 新的框架中,这样大家要用就方便了。
灵感闪现 篇 (一) 2d场景 3d 效果的更多相关文章
- CSS3新特性2D、3D效果讲解
希望这篇博客可以对你有所帮助,如果有什么技术上的问题,希望我们可以做进一步的交流,如果你觉得我哪里阐述的不正确或者你有更好的更透彻的理解,也可以联系我,我在这里随时等着你. 对于css/html是每个 ...
- css3的过渡、动画、2D、3D效果
浏览器的内核: 谷歌的内核是:webkit 火狐的内核是:gecko Ie的内核是:trident 欧鹏的内核是:presto 国内浏览器的内核:webkit css3针对同一样式在不同的浏览器的兼容 ...
- transition过渡2D、3D效果
过渡(transition)是CSS3中具有颠覆性的特征之一,我们可以在不使用 Flash 动画或 JavaScript 的情况下,当元素从一种样式变换为另一种样式时为元素添加效果. 帧动画:通过一帧 ...
- 2D和3D效果
<style type="text/css"> #div1{ width: 200px; height: 200px; background-color:#aaa; c ...
- 3d效果的图片轮播
CSS3的3d变换 CSS3给我们提供了一个新的功能,那就是3d变换.3d变换和2d变换的基本API函数类似,只不过多了些在Z轴上的操作,不难使用. 但是,为了让元素拥有3d变换的功能,我们需要给他的 ...
- transform做2d和3d变形(css动画一)
前言:这是笔者学习之后自己的理解与整理.如果有错误或者疑问的地方,请大家指正,我会持续更新! 有段时间我是没理清transform.translate.transition和animation之间的关 ...
- opengl中场景变换|2D与3D互转换(转)
opengl中场景变换|2D与3D互转换 我们生活在一个三维的世界——如果要观察一个物体,我们可以: 1.从不同的位置去观察它.(视图变换) 2.移动或者旋转它,当然了,如果它只是计算机里面的物体,我 ...
- Unity制作出《超级马里奥》的2D和3D混合效果
现在来做点别的东西.Nintendo Switch上刚推出的<超级马里奥>中,有一些关卡混合了2D和3D的画面,这种效果十分让人印象深刻.如何在Unity中实现这个效果呢? 正常情况下,摄 ...
- 2D图形如何运动模拟出3D效果
一.先看看实现效果图 (左边的2d图片如何运动出右边3d的效果) 引言: 对于这个题目,真的很尴尬,不知道取啥,就想了这个题目 ...
随机推荐
- 转:Delphi中destroy, free, freeAndNil, release用法和区别
http://blog.sina.com.cn/s/blog_44fa172f0101cur1.html 1)destroy:虚方法 释放内存,在Tobject中声明为virtual,通常是在其子类中 ...
- Visual Studio 2010/2013 UTF8编码调试时显示中文
VisualStudio 2010 SP1环境 1.设置string默认编码为utf8,只需要在文件头部加入以下代码 #pragma execution_character_set("utf ...
- 常量指针(const X*)和指针常量(X* const)
const X* 类型的指针(指向常量的指针),此指针的地址是一个变量,是可以修改的:但其所指向的内容是常量,是不可以修改的. 例如: 1: char name[5] = "lisi&quo ...
- Pivot Index--Google
Return the pivot index of the given array of numbers. The pivot index is the index where the sum of ...
- iOS UITextView 根据输入text自适应高度
转载自:http://www.cnblogs.com/tmf-4838/p/5380495.html #import "ViewController.h" @interface V ...
- arguments对象,caller 和 callee
arguments对象是比较特别的一个对象,arguments非常类似Array,但实际上又不是一个Array实例. 它指的是函数对象里的参数,且只能在函数内部使用. 使用 检测函数的参数个数,引用属 ...
- 3.Perl 多线程:Threads(exit thread_only)
还可以在导入threads模块时设置: use threads ('exit' => 'thread_only');
- RSA 公私钥 互换问题
关于 RSA,我的理解是: 按定义的话,公私钥是可以互换的 问题是常见的实现里面,保存“私钥”的那个数据结构或者文件,里面除了私钥所必需的那一对数之外,还有额外的信息(足以算出公钥来),所以绝对不能把 ...
- OC工程调用Swift方法
1.建一个OC工程命名为SwiftOC.如图所示: 2.新建一个swfit文件命名为Test.swift,会弹出提示,选择Create Bridging Header建立桥接文件,系统会建立“工程名- ...
- 使用cocoapods的两个大坑的修改方法
1.报错内容: [!] The dependency `ReactiveCocoa (= 2.1.8)` is not used in any concrete target. The depende ...