阅读更多

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 .

  • kernel-devel-4.18.0-553.45.1.el8-10.x86-64.rpm

    Rocky Linux 8.10内核包

  • Simulink中三阶单环多位量化Σ-Δ调制器的设计与实现-音频带ADC的应用(复现论文或解答问题,含详细可运行代码及解释)

    内容概要:本文档详细介绍了如何在Simulink中设计一个满足特定规格的音频带ADC(模数转换器)。首先选择了三阶单环多位量化Σ-Δ调制器作为设计方案,因为这种结构能在音频带宽内提供高噪声整形效果,并且多位量化可以降低量化噪声。接着,文档展示了具体的Simulink建模步骤,包括创建模型、添加各个组件如积分器、量化器、DAC反馈以及连接它们。此外,还进行了参数设计与计算,特别是过采样率和信噪比的估算,并引入了动态元件匹配技术来减少DAC的非线性误差。性能验证部分则通过理想和非理想的仿真实验评估了系统的稳定性和各项指标,最终证明所设计的ADC能够达到预期的技术标准。 适用人群:电子工程专业学生、从事数据转换器研究或开发的技术人员。 使用场景及目标:适用于希望深入了解Σ-Δ调制器的工作原理及其在音频带ADC应用中的具体实现方法的人群。目标是掌握如何利用MATLAB/Simulink工具进行复杂电路的设计与仿真。 其他说明:文中提供了详细的Matlab代码片段用于指导读者完成整个设计流程,同时附带了一些辅助函数帮助分析仿真结果。

  • 计算机课后习题.docx### 【计算机科学】研究生入学考试计算机组成原理专项题库设计:考研复习资源集成与优化

    内容概要:该题库专为研究生入学考试计算机组成原理科目设计,涵盖名校考研真题、经典教材课后习题、章节题库和模拟试题四大核心模块。名校考研真题精选多所知名高校的计算机组成原理科目及计算机联考真题,并提供详尽解析,帮助考生把握考研命题趋势与难度。经典教材课后习题包括白中英《计算机组成原理》(第5版)和唐朔飞《计算机组成原理》(第2版)的全部课后习题解答,这两部教材被众多名校列为考研指定参考书目。章节题库精选代表性考题,注重基础知识与重难点内容,帮助考生全面掌握考试大纲要求的知识点。模拟试题依据历年考研真题命题规律和热门考点,精心编制两套全真模拟试题,并附标准答案,帮助考生检验学习成果,评估应试能力。 适用人群:计划参加研究生入学考试并报考计算机组成原理科目的考生,尤其是需要系统复习和强化训练的学生。 使用场景及目标:①通过研读名校考研真题,考生可以准确把握考研命题趋势与难度,有效评估复习成效;②通过经典教材课后习题的练习,考生可以巩固基础知识,掌握解题技巧;③通过章节题库的系统练习,考生可以全面掌握考试大纲要求的各个知识点,为备考打下坚实基础;④通过模拟试题的测试,考生可以检验学习成果,评估应试能力,为正式考试做好充分准备。 其他说明:该题库不仅提供详细的题目解析,还涵盖了计算机组成原理的各个方面,包括计算机系统概述、数据表示与运算、存储器分层、指令系统、中央处理器、总线系统和输入输出系统等。考生在使用过程中应结合理论学习与实践操作,注重理解与应用,以提高应试能力和专业知识水平。

  • __UNI__DB9970A__20250328141034.apk.1

    __UNI__DB9970A__20250328141034.apk.1

Global site tag (gtag.js) - Google Analytics