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

您可能感兴趣的相关文章
  • Web 开发中很实用的10个效果【源码下载】
  • 8个前沿 HTML5 & CSS3 效果【源码下载】
  • 12款经典的白富美型 jQuery 图片轮播插件
  • 挑选12款优秀 jQuery Ajax 分页插件和教程
  • 值得收藏:Web前端开发和设计精华文章推荐

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

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

在线演示      源码下载

您可能感兴趣的相关文章
  • 经典网页设计:超炫动画效果单页网站
  • 30个独具匠心的精美单页网站设计案例
  • 25个以全屏照片为背景的精美网页作品
  • 20个与众不同的网页联系表单设计案例
  • 20个模糊背景在网站中的经典应用案例

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

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

充满想象力的 JavaScript 物理和重力实验相关推荐

  1. 视频云的全景蓝图,想象力的允诺之地

    简介:视频有边界吗? 视频有边界吗? 在过去,答案是肯定的. 那时视频可能会被锁在电视机里,关在大银幕中.可随着越来越多的硬件设备进入家庭,随着网络技术层层变革,随着计算能力持续升级,随着视频的编解码 ...

  2. 应用充满想象 内存计算或颠覆商业模式

    应用充满想象 内存计算或颠覆商业模式 http://www.sina.com.cn  2011年08月08日 16:05  中国计算机报 什么是内存计算?内存计算是指CPU直接从内存,而不是硬盘上读取 ...

  3. 计算机音乐对演出的用处,音乐对想象力的影响作用

    想象力在人类一切创造性活动中,尤其是科学,艺术和哲学创作,想象力都占有重要的地位.那么音乐对想象力会有怎样的影响作用呢?下面就是小编给大家带来的音乐对想象力的影响作用,希望大家喜欢! 音乐对想象力的影 ...

  4. 阿里云视频云全景创新峰会——视频云,一个极具想象力的赛道

    7月10日,"Imagine"--2021阿里云视频云全景创新峰会暨全球视频云创新挑战赛决赛颁奖典礼在北京举办.本次峰会由阿里云联合Intel主办,与优酷战略技术合作,天池平台及阿 ...

  5. 上海尼奥计算机系统有限公司,超前想象力的圆形屏电脑诞生!“MAGNEO 尼奥放大镜 ”品牌暨新品发布...

    原标题:超前想象力的圆形屏电脑诞生!"MAGNEO 尼奥放大镜 "品牌暨新品发布 2016年10月21日,"MAGNEO™尼奥放大镜™"品牌暨新品发布会在上海喜 ...

  6. [译] TypeScript:拥有超能力的 JavaScript(下)

    原文地址:TypeScript - JavaScript with superpowers - Part II 原文作者:Indrek Lasn 译文出自:掘金翻译计划 本文永久链接:github.c ...

  7. 人工智能打造充满创造力的新世界,华为云开发者日无锡站成功举办

    摘要:近日,华为云开发者日HDC.Cloud Day无锡站成功举行,开发者不仅聆听了华为云技术专家在生成式AI.元宇宙.AIoT.工业互联网等领域的前沿技术分享,还在KooLabs工作坊.展台等环节, ...

  8. 计算机物理仿真模拟培养方案,中学物理仿真模拟实验.doc

    中央电大毕业设计 毕 业 论 文 专 业:计算机基础与应用 年 级:2004年春计算机本科 学 号:041060219 姓 名:倪亚非 指导老师:李征 2005年12月28日 物理仿真模拟实验 --- ...

  9. 计算机想象英语作文,想象力的作用英语作文

    想象力的作用英语作文 导语:许多文豪回顾自己的文学生涯时,在其开端都会发现一个善讲故事的.老奶奶.老外婆或老保姆.以下是小编整理想象力的作用英语作文的资料,欢迎阅读参考. Imagine compos ...

最新文章

  1. logstash mysql eror_Logstash安装记录(报错com.mysql.jdbc.Driver not loaded的解决)
  2. 提交请求输出XML文件的时候出错.解决方法
  3. 配置Eureka高可用
  4. Python中创建单例模式的六种方式
  5. Error-Project facet Java version 1.8 is not supported
  6. [转贴]JAVA:RESTLET开发实例(三)基于spring的REST服务
  7. 抽象类和普通类主要有三点比较大的区别,super
  8. Spring+MyBatis企业应用实战 - 笔记
  9. tinymce vue 部分工具不显示_vue项目中使用tinymce编辑器的步骤详解
  10. Unity用户手册-IL2CPP
  11. java如何将日期转化成字符串,Java将日期转换为字符串
  12. [NLP] 秒懂词向量Word2vec的本质+word2vec资源总结
  13. AD域详细介绍和部署
  14. rv1126 获取图像数据,实现图像裁剪、缩放、旋转【RK_MPI API接口】
  15. 视频截帧:javacv实现视频截帧功能
  16. Linux系统编程.NO7——目录操作函数
  17. 搭建Bitbucket项目管理工具详细教程
  18. Java毕业设计-超市综合管理信息系统
  19. PHP发送文件到JAVA项目
  20. 有限长信号自相关函数的估计

热门文章

  1. ITK:重采样DICOM系列
  2. OpenCV高效准确的场景文本检测器(EAST)(附完整代码)
  3. 与C ++中的QML对象进行交互
  4. C语言两个字符串查找最长的公共子串的算法(附完整源码)
  5. c++ 树的先序、中序和后序的非递归实现(附完整源码)
  6. 经典C语言程序100例之十六
  7. java 重构函数_包会,教你用Java函数式编程重构烂代码
  8. mysql 提高事物效率_怎么提高向mysql中插入数据的效率-问答-阿里云开发者社区-阿里云...
  9. php面向对象及tp框架初识,thinkphp面向对象的问题
  10. 「Python-Pycharm」zipimport.ZipImportError: can‘t decompress data; zlib not available