`

帮助你在移动设备上生成倾斜控制（重力控制）的旋转效果jQuery插件 - lenticular.js

iphoneipad重力控制tiltlenticularjs 
阅读更多

日期：2012-9-27  来源：GBin1.com

帮助你在移动设备上生成倾斜控制（重力控制）的旋转效果jQuery插件 - lenticular.js

在线演示

相 信大家如果使用过iphone/ipad的话，肯定对于倾斜控制（重力控制）比较熟悉，在今天的插件介绍中，我们推荐一款帮助你通过倾斜控制来控制图片效 果的插件 - lenticular.js，使用它能够帮助你快速的实现倾斜设备来控制旋转的效果，相信对于在ipad/iphone或者其它触摸设备上开发web应用 的朋友来说是一个超棒的工具。

这个插件最初为移动设备开发，可以针对当然，如果你使用一般PC，那么将会针对你的鼠标位置来实现特效。

实现方式

主要的实现方式是通过播放一系列的图片生成一个动画效果。我们可以通过制作每一帧的图片效果来达到一个动画过程。如下：

如何使用

如果我们要创建一个10帧的动画效果，使用代码如下：

.........

来源：帮助你在移动设备上生成倾斜控制（重力控制）的旋转效果jQuery插件 - lenticular.js

分享到：
| 使用超棒超简单的自定义jQuery幻灯插件 Cyc ...
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    lenticular-lens

    凸透镜Lenticular Lens是一种工具，它允许用户在来自不同的Timbuctoo数据集的实体之间构造链接集（所谓的数据对齐或对帐）。双凸透镜跟踪对准中使用的配置和算法，并且还能够报告手动校正和完成的手动验证量。使用...

    IACD_Lenticular:生成一系列用于透镜动画的图像

    标题"IACD_Lenticular:生成一系列用于透镜动画的图像"所指的项目是一个用于创建透镜动画图像的工具。这种技术通常被称为lenticular printing或lenticular animation，它利用一系列微小的透镜来改变观察者看到的图像...

    3D Mouse Realization In Autosteroscopic Display.pdf

    本研究提出了一种可以在3D场景中动态生成鼠标符号的方法，鼠标光标的X、Y坐标由鼠标移动获得，而深度信息Z则是通过鼠标滚轮获得。通过虚拟摄像机从不同视角位置生成的鼠标符号，能够根据倾斜透镜的光学原理实时地...

    Lenticular Toolkit-开源

    一组用于生成和调整图像的工具，用于与光栅片或屏障屏幕一起使用以生成 3D 自动立体图。 也应该可以使用这些工具来制作短动画。

    LpiTest99CN

    光栅测试软件Lenticular test 99 使用说明 最新改进： 测试更准确，速度更快，文件更小，过渡更光滑，无竖向干扰纹，免费 使用，欢迎下载，程序文件小于0.2MB 操作步骤 1.设定纸张的大小。纸张宽度应与你将要...

    Crosstalk reduction in multi-view autostereoscopic three-dimensional display based on lenticular sheet

    A method to reduce crosstalk in multi-view autostereoscopic three-dimensional (3D) displays based on the lenticular sheet is proposed. Correcting the luminance values of each parallax image displayed ...

    Autostereoscopic 3D projection display based on two lenticular sheets

    The display consists of four projectors, a projection screen, and two lenticular sheets. The operation principle and calculation equations are described in detail and the parallax images are ...

    LILi-开源

    最后，当这个处理过的图像被打印并在其上覆盖透镜阵列时，每个透镜都会引导观察者的视线到正确的位置，从而在视觉上创造出3D效果或动画。 【LILi的功能特性】 1. **用户友好界面**：LILi致力于提供直观且易用的...

    丢掉眼镜负累 详解裸眼3D显示技术

    这项技术能够不依赖3D眼镜在移动设备上显示真正的3D影像，提高了基于移动设备的交流和互动体验。其优点包括保证分辨率和透光率，不破坏原有设计架构，并且3D显示效果出色，但目前这项技术还在开发阶段，产品尚未完全...

    显示/光电技术中的日商电子上市飞利浦42英寸三维显示器

    在显示原理上，这款三维显示器通过结合二维影像和深度贴图影像来生成三维效果。它利用两面凸动屏幕，在42英寸液晶面板前创建了多个视点，使得双眼从不同角度观看时能感受到立体效果。这种设计提高了透光率，减少了...

    裸眼3D显示技术,丢掉眼镜负累

    而该技术正是利用了安置在背光模块及LCD面板间的视差障壁，在立体显示模式下，应该由左眼看到的图像显示在液晶屏上时，不透明的条纹会遮挡右眼；同理，应该由右眼看到的图像显示在液晶屏上时，不透明的条纹会遮挡...

    High dense views auto-stereoscopic three-dimensional display based on frontal projection with LLA and diffused screen

    We present a high dense views auto-stereoscopic three-dimensional display method with the projectors array and lenticular lens array (LLA) screen. The principle and configuration are demonstrated. ...

    Full-parallax three-dimensional display using new directional diffuser

    A full-parallax three-dimensional (3D)... The new directional diffuser consisting of two perpendicular lenticular sheets can be widely used in the display domain owing to its low cost and simple process.

Magicbox
Global site tag (gtag.js) - Google Analytics