充满想象力的 JavaScript 物理和重力实验

  在这个列表中挑选了9个物理和重力实验,用来展示 Javascript 的强大。几年前,所有这些实验都必须使用 Java 或 Flash 才能做。在下面这些惊人的例子中,就个人而言,我比较喜欢仿真布料的那个,我简直不敢相信它是使用 JavaScript 做出来的。

您可能感兴趣的相关文章

Cloth

布料效果的 HTML5 Canvas 应用演示,效果逼真。你会看到,借助 Canvas 的强大绘图和动画功能,只需很少的代码就能实现让您屏息凝神的效果。

在线演示      源码下载

Ball Pool

Ball Pool 是一个基于 HTML5 技术的实验,模拟现实物理效果,让你在 Web 中感受自然物体的运动。

在线演示      源码下载

Verlet JS

Verlet-js 是一个简单的集成 Verlet 的物理引擎,基于 JavaScript 编写,作者是 Sub Protocol。粒子系统、距离限制、角度限制等,Verlet-js 都能支持,基于这些基础,它可以帮助你构建几乎任何你能想象到的任何东西。

在线演示      源码下载

HTML5 Blob

惊艳的 Canvas 水滴效果,双击可以把水滴分离;拖放到一起可以融合;晃动浏览器可以让水滴跳动;键盘左右键可以切换皮肤;上下键可以变换大小。

在线演示      源码下载

Canvas Cloth

下面给大家分享一个 HTML5 Canvas 绘制的 3D 布料图案效果。

在线演示      源码下载

WebGL Cloud

使用 HTML5 WebGL 实现超逼真的云朵效果。通过 WebGL 的技术,只需要编写网页代码即可实现3D图像的展示。

在线演示      源码下载

Crazy Tentacles

这个示例叫疯狂的触手,移动鼠标可以进行涂鸦,点击鼠标可以清除画布。

在线演示      源码下载

Surface

使用 WebGL 实现的水面特效实验,可放入一张照片,使用鼠标触动水面会有奇特效果。

在线演示      源码下载

Fractal Trees

分形理论作为一个新兴的数学分支,是对经典几何学的延伸,借助于计算机辅助手段,分形理论实现了理论与实践的紧密结合。

在线演示      源码下载

您可能感兴趣的相关文章

本文链接:充满想象力的9个 JavaScript 物理和重力实验

编译来源:梦想天空 ◆ 关注前端开发技术 ◆ 分享网页设计资源

本文出处【http://www.cnblogs.com/lhb25/

时间: 2024-11-01 12:03:42

充满想象力的 JavaScript 物理和重力实验的相关文章

9个充满想象力的 JavaScript 物理和重力实验

在这个列表中挑选了9个物理和重力实验,用来展示 Javascript 的强大.几年前,所有这些实验都必须使用 Java 或 Flash 才能做.在下面这些惊人的例子中,就个人而言,我比较喜欢仿真布料的那个,我简直不敢相信它是使用 JavaScript 做出来的. Cloth 布料效果的 HTML5 Canvas 应用演示,效果逼真.你会看到,借助 Canvas 的强大绘图和动画功能,只需很少的代码就能实现让您屏息凝神的效果. 在线演示      源码下载 Ball Pool Ball Pool

4款基于html5 canvas充满想象力的重力特效

今天给大家分享4个物理和重力实验,用来展示 html canvas 的强大.几年前,所有这些实验都必须使用 Java 或 Flash 才能做.在下面这些惊人的例子中,就个人而言,我比较喜欢仿真布料的那个,我简直不敢相信它是使用html canvas 做出来的.效果图如下: 在线预览   源码下载 主页面代码: <iframe scrolling="no" frameborder="0" width="800px;" height="

伽利略的重力实验(Galileo’s Gravity Experiment)

史上第五大哲学命题:伽利略的重力实验(Galileo's Gravity Experiment) ~ 为了反驳亚里士多德的自由落体速度取决于物体的质量的理论,伽利略构造了一个简单的思想实验.根据亚里士多德的说法,如果一个轻的物体和一个重的物体绑在一起然后从塔上丢下来,那么重的物体下落的速度快,两个物体之间的绳子会被拉直.这时轻的物体对重物会产生一个阻力,使得下落速度变慢.但是,从另一方面来看,两个物体绑在一起以后的质量应该比任意一个单独的物体都大,那么整个系统下落的速度应该最快.这个矛盾证明了亚

重读《JavaScript设计模式》- 富有表现力的JavaScript

富有表现力的JavaScript 目录 语言的命门 弱类型语言 函数是一等对象 对象的易变性 JavaScript中的设计模式 语言的命门 命门这个词也许并不恰当,但是每种编程语言或者每个事物都有一些最基础的东西,这些基础的东西不明白,即使你写了多年的代码,仍然会迷迷糊糊,比如前段时间我在写Processing程序的时候,很多初次接触程序设计的艺术家或者未来的艺术家们,常常会问"我想要这种效果,这么写怎么没用?"类似的问题,在我看来Processing或者其他的动画库一般有有两点是必须要了解的:

小侄女的作文!蛮有想象力的!

偶然看到小侄女(五年级)的作文,有点惊奇! 我自认写不出这样的文章. 五年级的我,在想些什么呢? *******以下是原文******* 未来的汽车 1.未来的汽车是无人驾驶的,它是一辆电脑型的汽车,它会帮助你启动你想要启动的装置.2.如果你想出去玩,就按一个绿色的按钮,它的速度非常惊人每秒可达四公里多.3.如果你想飞,就按一个红色按钮,它会带你欣赏美丽的自然风光,到世界各地去遨游.4.如果你想下海,就按一个蓝色的按钮,它的重量不会沉到海底,在海里面,它就像一艘潜水艇,自动地带你去看各种各样的海

Verlet-js JavaScript 物理引擎

subprotocol最近在Github上开源了verlet-js.地址为https://github.com/subprotocol/verlet-js.verlet-js是一个集成Verlet的物理引擎,利用JavaScript编写.verlet-js支持粒子系统.距离限制.角度限制等.其Github声称基于这些基础,则可以帮助我们构建几乎任何我们所能想象到的东西. 其官网为我们提供了一下几个demo: Shapes (verlet-js Hello world) Fractal Trees

【总结】富有表现力的JavaScript

1.JavaScript的灵活性 JavaScript是目前最流行.应用最广泛的语言之一,它是一种极富表现力的语言,它具有C家族语言所罕见的特性.这种语言允许我们使用各种方式来完成同一个任务或者功能,还允许我们在面向对象编程的过程使用函数式编程中的概念来丰富其实现方式.这种语言允许我们采用多种不同的编程风格进行编程,如简单一些的函数式编程,复杂一些的面向对象编程.所以我们可以在长期的编码过程中,培养专门属于自己的编程风格,下面的例子会体现出JavaScript的灵活性. 下面我们将要实现一个模拟

七把利器助你打造充满竞争力的商业模式

编者注:本文来自Strategyzer,中文版由天地会珠海分舵编译.在当今这个世道,跟竞争对手长期打产品/服务差异化这张牌已经变得越来越困难.但是如果你可以设计出一个比你的竞争对手更优秀的商业模式的话,情况又不一样了.下面请看Stategyzer是如何为看官您提供7种提升您的商业模式竞争力的方式的- 一门生意之所以得以存活,前提必须是存在着一个客户需要的价值主张.但是如果你有的仅仅只是一个好的价值主张的话,这充其量只够你拿出去参加竞争而已(还远远不能让你在竞争中脱颖而出). 强大的商业模式通常会

物理虚拟仿真实验

大学物理仿真实验: (1)单摆法测量重力加速度 (2)钢丝杨氏模量的测定(3)光电效应和普朗克常量的测定 (4)密立根油滴实验(5)迈克耳孙干涉仪 (6)偏振光的观察与研究(7)示波器实验(8)双臂电桥测低电阻实验(9)用凯特摆测重力加速度(10)声速的测量(11)不良导体热导率的测量 (12)动态磁滞回线的测量(13)分光计实验(14)干涉法测微小量(15)霍尔效应实验 (16)检流计的特性研究(17)交流电桥(18)交流谐振电路及介电常数测量(19)三线摆法测刚体的转动惯量(20)直流电桥测