阅读更多

57顶
1踩

Web前端
verlet-js是一个使用JavaScript编写的物理引擎,支持粒子系统、距离约束、角度约束等,通过verlet-js,你可以在应用中实现一些非常酷的、具备物理特性的效果,比如碰撞、滚动、滑动或弹跳。

verlet-js的一些特性如下:

  • Simulation(模拟):包含复合实体的根对象,用于在一个场景中驱动实体的所有物理特性和动画效果
  • Composites(复合实体):用于场景内的高层次的对象(比如球、连接物、布料等等)
  • Particles(粒子系统):空间中的粒子点,用于响应各种操作(重力、拖拽等)
  • 约束:将粒子连接在一起,使它们能够互相交流,包括固定(将一个粒子固定到空间中的某个位置)、距离约束(通过一定的直线距离绑定2个粒子)、角度约束(通过一定角度绑定3个粒子)
你可以通过以下链接查看相关示例:



谷歌之前上线了一个Google Gravity项目,你会发现所有的页面元素纷纷落下,你还可以随意拖动窗口,窗口中的元素也会做出相应的动作,效果相当惊艳,这利用了Box2D物理引擎(类似于verlet-js)。现在通过verlet-js,你也可以做出类似的效果。

verlet-js源码托管在GitHub上,采用MIT许可证。

项目地址:https://github.com/subprotocol/verlet-js
国内镜像地址:https://code.csdn.net/OS_Mirror/verlet-js

附:另一个类似的可拖拽的布料物理效果:http://codepen.io/stuffit/pen/KrAwx(大幅拖拽或点击右键可有布料撕烂的效果) 或者 http://lonely-pixel.com/
  • 大小: 15.7 KB
  • 大小: 11.5 KB
57
1
评论 共 51 条 请登录后发表评论
51 楼 javalipan 2013-05-23 14:51
真厉害
50 楼 nayubaba888 2013-05-22 11:48
太牛了。。。。
49 楼 tinglaa 2013-05-15 10:48
太厉害了
48 楼 tinglaa 2013-05-15 10:48
47 楼 yujicun 2013-05-14 13:46
太牛啦,真的是只有想不到没有做不到!
46 楼 nomandia 2013-05-13 17:03
真牛比~!就是速度差点
45 楼 bqlin1987 2013-05-10 09:43
so wonderful!
44 楼 寂寞の花开 2013-05-09 14:39
膜拜了。。。果然碉堡。。。
43 楼 baikkp 2013-05-08 11:20
碉堡啊!
42 楼 gq2010 2013-05-07 19:46
哇,酷毙了
41 楼 sanshizi 2013-05-07 15:52
碉堡了
40 楼 sp42 2013-05-07 09:52
Chrome Only?
39 楼 java_ahhhy8618 2013-05-06 16:55
好东西,有空学学
38 楼 qiuwanchi 2013-04-26 22:42

太碉堡了  不得不佩服啊
37 楼 zhulongxing_sz 2013-04-26 09:24
真得非常有趣,很强大,不顶都不行啊···
36 楼 PetriNet 2013-04-25 23:19
哈哈,蛮有趣的
35 楼 hudepin 2013-04-25 09:27
it‘s cool,unbelievable
34 楼 _如今的她 2013-04-25 09:21
canvas?  html5?
33 楼 Jackie_GP 2013-04-25 08:57
实在太疯狂了!!!
32 楼 gxm2052 2013-04-24 20:20
这个做的真不错。

发表评论

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

相关推荐

  • xpai-android-demo:直播云Android平台SDK库及示例程序

    版本号说明发布中版本号规则如下: xxx-xxx前在三位表示即将发布基于SDK的版本号,后三位表示demo原始码的修订版本例如: 449表示仅SDK库升级到了449版本,demo源码没有布局449-1表示基于449版本的demo版本1

  • Android大疆无人机对接声网sdk

    Android大疆无人机对接声网sdk

  • Android 打包Jar(发布SDK)常见问题及解决方案

    在Android开发过程中,我们经常会有这种需求,需要将自己开发一个类库打包成jar包以供他人(其他人一般指开发者)调用,而不是直接打包apk文件供最终用户使用。在打包成jar后,你往往会自己先测试一下看jar包能不能...

  • Android 10正式版发布,看看都有哪些新特性

    谷歌在今年3月推出了Android 10.0的首个测试版,昨天,Android 10.0的正式版正式向外发布,而最先尝到新版本的自然是亲儿子Pixel手机。 新特性解读 根据Android官网的介绍,Android 10.0将聚焦于隐私可控、手机...

  • 基于Android的Ouya控制台即将发布

    March将发布有史以来第一个Android游戏机,这是第一个能够运行完全用Java编写的游戏的游戏机。 Ouya由Android提供支持,可插入电视机并具有类似Xbox的控制器,以试图打开传统上封闭的市场,该市场大多使用C / C ++,...

  • 史上最全的Android面试题集锦

    Android基本知识点 1、常规知识点 1、 Android类加载器 在Android开发中,不管是插件化还是组件化,都是基于Android系统的类加载器ClassLoader来设计的。只不过Android平台上虚拟机运行的是Dex字节码,一种对class...

  • android 5.1 内存管理,谷歌良心 Android5.1.1即将发布 这回内存够用了!

    原标题:谷歌良心 Android5.1.1即将发布 这回内存够用了![讯]Android容易出现卡顿,很的一部分原因是由于内存管理机制与iOS有着本质的不同,但是通过优化也是可以得到改善的,日前Android5.1.1版本系统发布在即,...

  • android sdk introduction

    2008年9月23日,发布Android操作系统中的第一个正式版本:Android 1.0(Astro“铁臂阿童木”)。全球第一台Android设备HTC Dream(G1)就是搭载Android 1.0操作系统,以下Android 1.0所拥有的特性功能: ...

  • Android SDK上手指南:Activity与生命周期

    介绍 Activity生命周期并不仅仅在用户运行应用程序之后才开始生效,事实上它也影响着用户切出...在此之后,我们将着眼于Android代码示例、需要了解的应用程序发布知识以及其它一些关于今后进一步学习的建议。

  • Android 2.0 SDK发布

    最近在我的关注领域内的消息还真不少 1。Unity2.6发布,并且将indie版免费。(当然,之前也有30天的试用版)...Android 2.0 SDK发布,可恶的GFW,好在Android Setup Tools非常体谅我们这些墙里的人,升级工具里有个选项叫

  • honeycomb开发_完整的Android 3.0 Honeycomb SDK发布

    API已经完成,现在可以在Android Market上发布针对3.0的应用程序。 可以在Android Developers网站上找到有关3.0平台的更多信息 。 SDK工具(r10)和用于Eclipse的ADT插件(10.0.0)也已更新,具有新功能。 现在,...

  • 正式版即将到来 | Android 12 Beta 5 现已发布

    作者 / Dave Burke, VP of Engineering距离 Android 12的正式发布只有几周时间了!新版 Android 系统的润色已经进入收尾阶段,今天我们带来最后...

  • Android 基于百度地图SDK的位置服务

    位置服务(Location Based Services,LBS),又称定位服务,是指通过GPS卫星或者网络,获取各种终端的位置坐标,在电子地图平台的支持下,为用户提供基于...打开Android Studio,选择或新建即将加载地图服务的项目,打开

  • Android 2.3即将发布–为姜饼做准备

    谷歌刚刚发布了新的Android 2.3版本 ,代号为Gingerbread。 与每个新发行版一样,这个发行版也很值得期待,其中包括许多新增,改进和新功能。 让我们从最终用户和开发人员的角度探讨提供哪些新功能。 正如官方的...

  • Android 11 最终 Beta 版发布,正式版即将到来!

    作者 / Dave Burke, VP of Engineering随着 8 月的到来,Android 11 的正式版已经呼之欲出!我们正在为新平台做最后的微调。今年预览周期的最后一次更...

  • Android 11 最终 Beta 版发布,正式版即将到来

    作者 / Dave Burke, VP of Engineering 随着 8 月的到来,Android 11 的正式版已经...Android 11 发布时间表https://developer.android.google.cn/preview/overview#timeline 您现在就可以在 Pixel 2、3、3a 和 4 .

  • 名人档案(辛弃疾、李清照)(1).docx

    名人档案(辛弃疾、李清照)(1).docx

  • ._moood UI KitAdobeXD源码下载设计素材UI设计.xd

    ._moood UI KitAdobeXD源码下载设计素材UI设计

  • full_circle_appAdobeXD源码下载设计素材UI设计.xd

    full_circle_appAdobeXD源码下载设计素材UI设计

  • Gym_Responsive_Landing_PageAdobeXD源码下载设计素材UI设计.xd

    Gym_Responsive_Landing_PageAdobeXD源码下载设计素材UI设计

Global site tag (gtag.js) - Google Analytics