基于HTML5的无限循环放大场景
Zoomquilt是一个可以无限缩放的场景,如同使用了一个可以无限变焦的放大镜来观看一幅插画。
项目地址:http://www.zoomquilt.org/
最初Zoomquilt是由Flash技术实现的,由多张插画拼接而成,并形成了一个循环,从而产生无限放大或缩小的效果。
现在,开发者Nikolaus Baumgarten使用HTML5技术重新实现了Zoomquilt。原理是一样的——都是由多张图片拼接。与Flash版本不同的是,HTML5版本采用了Canvas标签和jQuery Slimscroll插件来实现图片的无限滚动和无缝衔接(共使用了46张图片)。
因此,你需要在支持Canvas的浏览器中浏览Zoomquilt。还可以通过上、下方向键来控制缩放的速度。
项目地址:http://www.zoomquilt.org/
最初Zoomquilt是由Flash技术实现的,由多张插画拼接而成,并形成了一个循环,从而产生无限放大或缩小的效果。
现在,开发者Nikolaus Baumgarten使用HTML5技术重新实现了Zoomquilt。原理是一样的——都是由多张图片拼接。与Flash版本不同的是,HTML5版本采用了Canvas标签和jQuery Slimscroll插件来实现图片的无限滚动和无缝衔接(共使用了46张图片)。
因此,你需要在支持Canvas的浏览器中浏览Zoomquilt。还可以通过上、下方向键来控制缩放的速度。
【基于HTML5的无限循环放大场景】相关文章
6. 帮助你开发基于HTML5的网站原型页面 - HTML5 Bones
8. Lienzo 1.0:HTML5 Canvas元素的Java版本场景图API
本文来源:https://www.51html5.com/a3365.html
﹝基于HTML5的无限循环放大场景﹞相关内容
- HTML5游戏开发 之 循环的控制(2)
- Facebook将在iPhone 5发布会推出基于HTML5的iPad应用
- Pandora推出基于HTML5的音乐播放器
- Zeewe 2.0:美国基于HTML5的Web App Store发展路线图样
- Zeewe 2.0:美国基于HTML5的Web App Store发展路线图样
- Sencha Touch 2 开发者预览版发布,基于HTML5的移动应用框架
- 亚马逊引进基于HTML5的电子书新格式
- 基于HTML5的播放器Sublimevideo走免费增值路线
- Picozu:基于html5的免费在线图片编辑工具
- Last.fm发布基于HTML5的小众音乐发现网络应用