阅读更多

8顶
0踩

Web前端
Zoomquilt是一个可以无限缩放的场景,如同使用了一个可以无限变焦的放大镜来观看一幅插画。

项目地址:http://www.zoomquilt.org/



最初Zoomquilt是由Flash技术实现的,由多张插画拼接而成,并形成了一个循环,从而产生无限放大或缩小的效果。

现在,开发者Nikolaus Baumgarten使用HTML5技术重新实现了Zoomquilt。原理是一样的——都是由多张图片拼接。与Flash版本不同的是,HTML5版本采用了Canvas标签和jQuery Slimscroll插件来实现图片的无限滚动和无缝衔接(共使用了46张图片)。

因此,你需要在支持Canvas的浏览器中浏览Zoomquilt。还可以通过上、下方向键来控制缩放的速度。
  • 大小: 56.1 KB
8
0
评论 共 12 条 请登录后发表评论
12 楼 linghuxiaola 2014-07-19 16:08
有点晕
11 楼 szsuyuji 2013-09-04 10:08
我差点晕了
10 楼 fykyx521 2013-08-29 14:52
我想知道原理 准备实现地图的平滑过渡
9 楼 raiha 2013-08-29 08:38
ZZX19880809 写道
左右互搏1 写道
返来时,感觉在正常网页在塌陷


是的,碉堡了

碉堡了
8 楼 guooo 2013-08-28 16:15
真不一般

牛X~
7 楼 tedeum 2013-08-28 09:42
怎么返回?
6 楼 非法用户 2013-08-27 20:32
原来是个死循环
5 楼 oleiowang 2013-08-27 13:19
非常真震撼!
4 楼 ZZX19880809 2013-08-27 12:38
左右互搏1 写道
返来时,感觉在正常网页在塌陷


是的,碉堡了
3 楼 dsjt 2013-08-26 17:28
效果爽歪歪了
2 楼 Java_大猫 2013-08-26 16:43
牛X~!!!!!!!!!!!!
1 楼 左右互搏1 2013-08-26 16:30
返来时,感觉在正常网页在塌陷

发表评论

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

相关推荐

  • Zoomquilt Live Wallpaper v2.1-Mod [Sap]「yxssp.com」.apk

    Zoomquilt Live Wallpaper v2.1-Mod [Sap]「yxssp.com」.apk

  • 无限循环的Flash图片`~

    http://media.spikedhumor.com//805/zoomquilt.swf 转载于:https://www.cnblogs.com/sai/archive/2006/04/28/387884.html

  • sharkle里的链接

    来自https://sharkle.com/资源,可以在https://sharkle.com/点击随机浏览。 "https://landscapes.littleworkshop.fr/" "http://oos.moxiecode.com/js_webgl/half_spheres/" "http://www.ambicular.com/" ...

  • 常用资源网站总结

    //zhitu.isux.us 4、图片压缩https://tinypng.com 5、图片放大https://bigjpg.com 6、太美工具https://tiomg.org 工具网 1、多吉搜索https://www.dogedoge.com/ 2、canva https://www.canva.cn 3、思维导图 ...

  • 用Nodejs爬取Matrix67的博客

    Matrix67 有大量好玩的内容,可惜作者一直使用这个奇怪的博客,没有索引分类什么的,只有一页页看,我一...jsdom库——用来在node端解析HTML的DOM结构的库 const got = require('got') const { JSDOM } = require("...

  • 怪怪815网站

    http://paveldogreat.github.io/WebGL-Fluid-Simulation/ 2、解压网站:http://www.adultswim.com/etcetera/elastic-man/ 3、图片无限放大:http://zoomquilt2.com/ 4、发现新大陆:http://findingho.me/ 5、线条画...

  • JavaScript_catvod的开放版本.zip

    JavaScript

  • node-v10.4.1-headers.tar.gz

    Node.js,简称Node,是一个开源且跨平台的JavaScript运行时环境,它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立,旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎,可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型,这使得它非常适合处理大量并发连接,从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外,Node.js使用了模块化的架构,通过npm(Node package manager,Node包管理器),社区成员可以共享和复用代码,极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展,它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等,因此,开发者可以用JavaScript编写全栈应用程序,这一点大大提高了开发效率和便捷性。 在实践中,许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台,如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能,简化了开发流程,并且能更快地响应市场需求。

  • node-v13.8.0-headers.tar.xz

    Node.js,简称Node,是一个开源且跨平台的JavaScript运行时环境,它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立,旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎,可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型,这使得它非常适合处理大量并发连接,从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外,Node.js使用了模块化的架构,通过npm(Node package manager,Node包管理器),社区成员可以共享和复用代码,极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展,它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等,因此,开发者可以用JavaScript编写全栈应用程序,这一点大大提高了开发效率和便捷性。 在实践中,许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台,如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能,简化了开发流程,并且能更快地响应市场需求。

  • node-v14.1.0-headers.tar.xz

    Node.js,简称Node,是一个开源且跨平台的JavaScript运行时环境,它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立,旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎,可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型,这使得它非常适合处理大量并发连接,从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外,Node.js使用了模块化的架构,通过npm(Node package manager,Node包管理器),社区成员可以共享和复用代码,极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展,它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等,因此,开发者可以用JavaScript编写全栈应用程序,这一点大大提高了开发效率和便捷性。 在实践中,许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台,如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能,简化了开发流程,并且能更快地响应市场需求。

  • batik-svggen-1.7.jar

    Batik是为想使用svg格式图片来实现各种功能的应用程序和Applet提供的一个基于java的工具包

  • 逆波兰式的定义.rar

    逆波兰式

  • ChatGPT 技术开发教程指南分享.zip

    ChatGPT 技术开发教程指南分享.zip

  • 高德导航刷机包winCE

    抓紧看看啊

  • UE 剔除透视材质-材质函数(可编辑)

    在虚幻引擎中,当我们向透过外壳看到内部的材质,或者透过布料/盔甲等看到人体,即可通过将该材质函数连接到相应的材质节点图中,达到这样的效果。

  • 最小生成树的实现原理及java代码实现

    最小生成树的实现原理及java代码实现

  • node-v12.22.4-headers.tar.xz

    Node.js,简称Node,是一个开源且跨平台的JavaScript运行时环境,它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立,旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎,可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型,这使得它非常适合处理大量并发连接,从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外,Node.js使用了模块化的架构,通过npm(Node package manager,Node包管理器),社区成员可以共享和复用代码,极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展,它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等,因此,开发者可以用JavaScript编写全栈应用程序,这一点大大提高了开发效率和便捷性。 在实践中,许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台,如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能,简化了开发流程,并且能更快地响应市场需求。

  • node-v12.18.3-headers.tar.xz

    Node.js,简称Node,是一个开源且跨平台的JavaScript运行时环境,它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立,旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎,可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型,这使得它非常适合处理大量并发连接,从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外,Node.js使用了模块化的架构,通过npm(Node package manager,Node包管理器),社区成员可以共享和复用代码,极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展,它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等,因此,开发者可以用JavaScript编写全栈应用程序,这一点大大提高了开发效率和便捷性。 在实践中,许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台,如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能,简化了开发流程,并且能更快地响应市场需求。

  • STM32H562实现UCOS-III优先级翻转【支持STM32H系列单片机】.zip

    STM32H562实现UCOS-III操作系统功能。 项目代码可直接编译运行~

  • node-v12.22.10-headers.tar.xz

    Node.js,简称Node,是一个开源且跨平台的JavaScript运行时环境,它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立,旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎,可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型,这使得它非常适合处理大量并发连接,从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外,Node.js使用了模块化的架构,通过npm(Node package manager,Node包管理器),社区成员可以共享和复用代码,极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展,它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等,因此,开发者可以用JavaScript编写全栈应用程序,这一点大大提高了开发效率和便捷性。 在实践中,许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台,如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能,简化了开发流程,并且能更快地响应市场需求。

Global site tag (gtag.js) - Google Analytics