Playing around with matter.js.
Blog post: JavaScript Physics with Matter.js
<svg></svg> | |
<video id="video" autoplay="autoplay" muted="muted" preload="auto" loop="loop"> | |
<source src="http://mazwai.com/system/posts/videos/000/000/123/original/victor_ciurus--5d_mark_iii_magic_lantern_14_bits_raw_video.mp4?1412890624" type="video/mp4"> | |
<source src="http://mazwai.com/system/posts/videos/000/000/123/webm/victor_ciurus--5d_mark_iii_magic_lantern_14_bits_raw_video.webm?1412890624" type="video/webm"> | |
</video> |
<div class="indicator"> | |
<div class="line"></div> | |
</div> |
A Pen by Jacob Foster on CodePen.
A Matter.Js experiment where some particles keep on falling. Letters can be interacted with using mouse.
A Pen by Manoj Bahuguna on CodePen.
Scroll the page. Physics-based floaty bubbles background scroll effect.
Read more: Physics-Based Background Scroll Effects