In this list, 9 physics and gravity experiments were selected to demonstrate the power of Javascript . A few years ago, all of these experiments had to be done using Java or Flash. In the amazing examples below, personally, I prefer the one that simulates the fabric, and I can't believe it was done using JavaScript.
Related articles that may be of interest to you
- Web development in a very practical 10 effects "source Download"
- 8 Cutting-Edge HTML5 & CSS3 effects "source Download"
- 12 Classic white-rich jQuery images Carousel Plugin
- Select 12 Excellent jQuery Ajax page plug-ins and tutorials
- Worth collecting: Web Front end development and design essentials articles recommended
Cloth
The HTML5 Canvas application presentation of the fabric effect is realistic. You'll see that with Canvas 's powerful drawing and animation capabilities, you can take your breath away with minimal code.
Online Demo Source Download
Ball Pool
Ball Pool is an experiment based on HTML5 technology that simulates real-world physical effects and lets you feel the movement of natural objects in the Web .
Online Demo Source Download
Verlet JS
VERLET-JS is a simple integrated Verlet physics engine, written in JavaScript , and the author is Sub-Protocol. Particle systems, distance limitations, angle limits, and so on, are supported by VERLET-JS, and based on these foundations, it can help you build almost anything you can imagine.
Online Demo Source Download
HTML5 Blob
Stunning Canvas drop effect, double-tap can separate the water droplets, drag and drop together can be combined, shaking the browser can let the water drop, keyboard keys can switch the skin, up and down can change the size of the key.
Online Demo Source Download
Canvas Cloth
Let's share a HTML5 Canvas-drawn 3D cloth pattern effect.
Online Demo Source Download
WebGL Cloud
Use HTML5 WebGL for ultra-realistic cloud effects. With WebGL technology, you only need to write Web page code to achieve 3D image display.
Online Demo Source Download
Crazy Tentacles
This example is called crazy tentacle, moving the mouse can be doodle, click the mouse can clear the canvas.
Online Demo Source Download
Surface
Using WebGL to achieve the water effect experiment, you can put in a photo, using the mouse to touch the water will have a strange effect.
Online Demo Source Download
Fractal Trees
Fractal theory, as a new branch of mathematics, is an extension of classical geometry, and by means of computer aid, fractal theory realizes the close combination of theory and practice.
Online Demo Source Download
Related articles that may be of interest to you
- Classic Web design: Super Animated single page website
- 30 unique and beautiful single page website design case
- 25 beautifully crafted Web pages with full-screen photo backgrounds
- 20 Unique web Contact Form Design Cases
- 20 Classic application cases with blurred backgrounds in the web
This article links: Imaginative 9 JavaScript physics and gravity experiments
Compilation Source: Dream Sky focus on front-end development technology sharing web design resources
"http://www.cnblogs.com/lhb25/" from the source of this article
Imaginative JavaScript physics and gravity experiments