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

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

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

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

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

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

他的场景是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. Linux中kettle连接hadoop并传数据(5)

    http://wiki.pentaho.com/display/BAD/Loading+Data+into+HDFS 新建job

  2. flex安装debug

    1.解决 不是最新版本的问题: cmd-->regedit-->HKEY_LOCAL_MATCHING-->SOFTWARE-->MACROMEDIA -->FLASHP ...

  3. CevaEclipse - 编译器attribute扩展

    1.函数与变量的 Section Attribute void foobar (void) __attribute__ ((section (".CSECT mmm"))); vo ...

  4. gcc-config: Active gcc profile is invalid解决办法

    错误描述 Gentoo软件安装错误,提示: gcc-config: Active gcc profile is invalid 解决方法: 列出可用的profile gcc-config -l gcc ...

  5. 【笔记】Loadrunner添加OS类型为Windows的服务器(Win7)

    最近在学习Loadrunner,看到“监控Windows资源”,决定小试一把,由于没有找到合适的镜像,暂时没有搞好Windows的虚拟机,so 先用自己小试牛刀了只有,不过这样子好像难度锐减也~只要小 ...

  6. CSS的属性

    一,可继承属性<!DOCTYPE html><html lang="en"><head> <meta charset="UTF- ...

  7. MySQL复制表结构,表数据。

    1.复制表结构及数据到新表CREATE TABLE 新表 SELECT * FROM 旧表 这种方法会将oldtable中所有的内容都拷贝过来,当然我们可以用delete from newtable; ...

  8. SqlSever 查询基本

    查询语句: SQL sever 查询语句: 1.查询所有字段: select * from UserInfo 2.条件筛选 (如查询UserInfo中的UserName) select UserNam ...

  9. jquety选择器

    基本选择器 1.#id        根据id的属性值来获取元素 2.TagName     根据标签名来获取元素 3.selector1,selector2    匹配列表中的选择器(就是可以匹配多 ...

  10. CSS问题:怎么样让鼠标经过按钮的时候发生的状态一直停留在当页呢?

    $('p').mouseenter(function(){ $('p').css('background-color','yellow'); }); 只写一个mouseenter的动态效果的话是不能达 ...