`
jjfat
  • 浏览: 283824 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

使用HTML5和jQuery插件Reel实现一个超酷的星际争霸2兵种动画360度预览效果

阅读更多

日期:2011/11/07  来源:GBin1.com

今天继续给大家介绍HTML5和jQuery插件结合使用生成的图形特效,这里我继续使用星际争霸2的图片元素给大家介绍一个360度全景预览兵种的特效实现,希望大家喜欢!请大家多多留言!

使用HTML5和jQuery插件Reel实现一个超酷的星际争霸2兵种动画360度预览效果

 

在线演示   在线下载

 

友情提示:以上演示中图片使用较大,如果加载不流畅,请下载到本地运行。

如果你不清楚什么是360度全景预览或者不明白Reel是什么插件的话,请参考这篇文章:分享8个图片360度旋转展示的jQuery插件

如果你没有用过jQuery插件Reel的话,请你访问官方网站:Reel 1.1.3

 

更多参考原文

 

原文来自: 使用HTML5和jQuery插件Reel实现一个超酷的星际争霸2兵种动画360度预览效果

分享到:
评论

相关推荐

    jQuery实现图像旋转动画效果

    jQuery 实现图像旋转动画效果是网页动态效果中的常见需求,它能为用户体验增添趣味性和互动性。在本篇文章中,我们将探讨如何使用 jQuery 来创建图像旋转动画,并通过具体的代码示例来理解其工作原理。 首先,确保...

    jquery卷轴展开动画demo

    在“jquery-reel-animation”这个文件中,可能包含了一个演示如何使用jQuery创建卷轴展开动画的示例代码。通过查看和学习这个示例,开发者可以了解到实际应用中的代码结构和实现细节,从而提升自己的技能。 总的来...

    13 款最热门的 jQuery 图像 360 度旋转插件推荐

    1. Reel插件:Reel是一个功能齐全的jQuery图像360度旋转插件,它将普通的图像标记转换为一个可以全方位交互的360度对象电影、全景或定格动画。Reel插件适用于多种场景,特别是需要详细展示产品全貌的场景。 2. ...

    jQuery图像旋转插件jQueryReel.zip

    Reel 是现今建立的功能最全的 jQuery 图像 360 度旋转插件。它利用新的技术使普通的图像标记变成一个全方位 360 度交互的对象电影,全景或者定格动画。在线演示 标签:jQuery

    Reel-1.3.0图片旋转

    4. **动画效果**:为了让旋转看起来更流畅,该库可能会包含一些动画效果,比如使用`transition`属性创建平滑的过渡效果,或者使用`requestAnimationFrame`来实现高性能的动画更新。 5. **兼容性处理**:由于...

    jQ拖拽360度旋转特效zip

    jQuery拖拽360度旋转特效是一款基于jQuery框架 Reel插件的3D旋转特效代码,支持鼠标拖拽360度显示商品图,鼠标拖拽旋转的效果很流畅,特别适合做商品立体展示。 jQuery拖拽360度旋转特效演示图:

    pisi-Reel-v1.2.1-0-gccea432.zip

    这可能意味着“pisi-Reel”是一个框架、库或者工具集,旨在帮助开发者更高效地创建现代、交互式的Web应用。 【标签】"pisi-Reel html5" 确认了我们的理解,即“pisi-Reel”与HTML5技术紧密相关。标签是用来分类或...

    360度图片全景展示js库

    "Pisi Reel"很可能是一个专门为实现360度全景展示而设计的JavaScript库,"54305a4"可能是它的版本号或者是某种内部标识符,用于区分不同的更新或修复版本。 使用这种360度全景展示js库,开发者可以实现以下功能: ...

    AD8629ARZ-REEL7 ADI芯片 电子元器件中文版规格手册.pdf

    AD8629ARZ-REEL7 ADI芯片电子元器件中文版规格手册 本文档概述了ADI公司的AD8629ARZ-REEL7电子元器件的规格手册,涵盖了该芯片的特点、应用场景、引脚配置、一般描述等方面的信息。 特点 AD8629ARZ-REEL7具有以下...

    cocos2d-x3.10 c++ 水果机

    在本项目中,我们将深入探讨如何使用cocos2d-x3.10版本来实现一个水果机游戏。 首先,我们要理解cocos2d-x的核心概念。cocos2d-x提供了一个基于场景(Scene)的架构,每个场景代表游戏中的一个独立屏幕或状态。在这...

    原动画基础教程 动画人的生存手册

    你是一个热衷K·I·S·S的人吗? 黎明的到来 最佳标号方式 一拍一与一拍二之争 结论 上定位和下定位之争 再述空间幅度 经典的中间画错误 注意你画的弧线 在整体中产生更多的动作 拉长的中间画 初学者易犯的错误 ...

    html-overlay:OpenSeadragon插件,添加了HTML覆盖功能

    OpenSeadragonHTML叠加层一个OpenSeadragon插件,添加了可缩放HTML覆盖功能。 这与OpenSeadragon的; 虽然这些叠加层会随着用户缩放和平移而更新其位置,但它们不会缩放其内容以匹配OSD查看器的缩放比例。 可能的...

    HackTheBox靶机系列之困难Reel

    HackTheBox靶机系列之困难Reel 本篇文章主要介绍了Reel靶机的整个利用过程,从侦察到提权,...本篇文章涵盖了渗透测试、漏洞利用、信息收集、提权和权限提升等多个方面的知识点,为读者提供了一个完整的渗透测试案例。

    Syntax: Reel&Paper Code Scanner-crx插件

    "Syntax: Reel&Paper Code Scanner-crx" 是一个专门针对SAP Fiori应用程序设计的扩展程序,其主要功能是处理条形码扫描。 **SAP Fiori 应用程序** SAP Fiori 是 SAP 公司推出的一套现代化的用户体验设计框架,旨在...

    jQ拖拽360度旋转特效特效代码

    jQuery拖拽360度旋转特效是一款基于jQuery框架+Reel插件的3D旋转特效代码,支持鼠标拖拽360度显示商品图,鼠标拖拽旋转的效果很流畅,特别适合做商品立体展示。 jQuery拖拽360度旋转特效演示图:

    Ruby-CelluloidIO实现的Web服务器

    Celluloid库是Ruby中的一个并行和并发模型,它使用Actor模式,使对象能够并发运行,彼此之间通过消息传递进行通信。这种设计模式使得代码更加简洁、可读,同时避免了多线程中的竞态条件和死锁问题。 在Reel中,每个...

    ADM211EARSZ-REEL ADI芯片 电子元器件中文版规格手册.pdf

    ADI公司的ADM211EARSZ-REEL是一款符合电磁兼容性(EMC)指令89/336/EEC的高性能RS-232和V.28接口芯片,特别适用于在恶劣电气环境下的应用。该系列芯片的设计考虑了电磁干扰(EMI)和电磁兼容(EMC)问题,提供卓越的静电...

    AD8052ARMZ-REEL7.zip

    标题中的"AD8052ARMZ-REEL7.zip"是一个压缩文件,通常包含电子元器件相关的数据,特别是针对AD8052ARMZ-REEL7这款产品的设计资源。AD8052是一款高性能的运算放大器,由 Analog Devices(ADI)公司制造。'REEL7'可能...

    迪士尼动画长片制作流程.pdf

    这个阶段类似于简化的动画版本,将故事板与临时音效、对话和音乐结合,形成一个动态的故事串连。开发编辑部(Development Editorial)会负责整合这些元素,以评估故事节奏和时间安排,通常称为Timing。Workbook则是...

Global site tag (gtag.js) - Google Analytics