js模拟3D场景效果
这几个demo上星期平安夜做的，感觉效果不错，就放在出来，分享给大家。 要在二维空间模拟出三维的效果，就需要把三维的坐标转换成二维坐标。一个最基本依据是：东西越远，看到大小就越小，坐标越往消失点靠拢。 透视公式： scale = fl / (fl + z ...
原文：jQuery 模拟 ubuntu 3D desktop 的 Dodge Effect 效果
昨天在微博上看到一个 ubuntu D desktop 的演示视频，就是上面那个，大家可以看看。我对其中一个效果非常感兴趣，查了下资料，应该是叫 Dodge Effect。心血来潮当晚就做了一个demo来实现这种效果。看下面的demo，你可以分别点击每个色块，就当作是不同窗口切换就行。 下面我就简单把我开发时的思路给大家介绍一下。因为这不是单纯的修改某个 div 的 z index 值就能实现， ...
2013-05-29 12:31 18 7152 推荐指数：
相关推荐
2D图形如何运动模拟出3D效果
一.先看看实现效果图 (左边的2d图片如何运动出右边3d的效果) 引言： 对于这个题目，真的很尴尬，不知道取啥，就想了这个题目，涵盖范围很广，很抽象，算是通用知识点吧。想要 ...
用 shader effect 实现雨滴落水效果！Cocos Creator 3D !
最近逛论坛时，看到一位大佬在分享各种 shader 特效。基于其中的水波 shader ，白玉无冰写了一个玩水效果！文章底部获取完整代码！还可以试试水哦！ 先一起看看效果～ 点击任意位置，会在该位置生成一个水纹，就像是雨水落在水洼中一样～ 如何使用 effect 文件？新建一个 ...
3D Grid Effect – 使用 CSS3 制作网格动画效果
今天我们想与大家分享一个小的动画概念。这个梦幻般的效果是在马库斯·埃克特的原型应用程序里发现的。实现的基本思路是对网格项目进行 3D 旋转，扩展成全屏，并呈现内容。我们试图模仿应用程序的行为，因此创建了两个演示，分别演示垂直和水平旋转网格项。 温馨提示：为保证最佳的效果，请在 ...
Flat Surface Shader – 超炫的 3D 模拟照明效果
Flat Surface Shader 是一个超炫的 3D 模拟照明效果，可以配置使用基于 Canvas 的 2D 上下文或者基于 SVG 多边形数组绘制三角形。它还采用原生的 Float32Arrays 存储数字数据，进行高度优化的计算。可以调整颜色参数预览效果，而且可以导出图像 ...
jquery实现的3D缩略图悬停效果
今天我们要告诉你如何创建一些令人兴奋的3D使用CSS3和jQuery悬停效果。这一想法的灵感来自于凉爽的悬停效果，再给客户做网站的时候用的这样的效果，今天就共享出来 在这个效果当中，我将使用的thumbails，就会发现一些更多的信息悬停。将创建一个使用jQuery的结构，将允许的图象出现折叠 ...
jQuery仿3D旋转木马效果插件(带索引按钮)
项目中需要用到旋转木马效果，但是我在网上找的插件，基本都是不带按钮或者只是带前后按钮的，而项目要求的是带索引按钮，也就是说有3张图片轮播，对应的要有3个小按钮，点击按钮，对应的图片位于中间位置。于是就在jQuery的一款插件jquery.carousel.js的基础上进行了一些改进，不足的是，固定 ...
jquery图片3D旋绕效果 rotate3Di的操作
这是一个图片效果，很简单实用，只需要一个"rotate3Di.js"的插件就行， 关于rotate的用法有如下几种： $(选择器).rotate3Di(30); //把图片3D旋转30度 $(选择器).rotate3Di(180, 1000);//经过1s把图片3D顺时针旋转180度 ...