rampol

Floaty Bubbles

Scroll the page. Physics-based floaty bubbles background scroll effect.

Read more: Physics-Based Background Scroll Effects

A Pen by Will Boyd on CodePen.

License.

rampol

BAD Effect

A Matter.Js experiment where some particles keep on falling. Letters can be interacted with using mouse.

A Pen by Manoj Bahuguna on CodePen.

License.

rampol

3D Sandbox Testing

A Pen by Jacob Foster on CodePen.

License.

rampol

matter.js test6

A Pen by r00bal on CodePen.

License.

rampol

<div class="indicator">
  <div class="line"></div>
</div>

rampol

<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>

rampol

Browser Crash

Playing around with matter.js.

Blog post: JavaScript Physics with Matter.js

A Pen by Will Boyd on CodePen.

License.

rampol

Hot and Sticky

My contribution to this month's Creative Coding Club challenge.

I used this month's challenge to learn and get comfortable with Matter.js and P5.js.

A Pen by Mariusz Dabrowski on CodePen.

License.

rampol

<a href="http://brm.io/matter-js/" target="_blank"><h1>MATTER<span id="dot">.</span><span id=js>JS</span></h1></a>
<p>Physics Engine</p>
<a href="https://github.com/liabru/matter-js" target="_blank"><h2>GitHub<sup>➜</sup></h2></a>

rampol

<!--- https://www.youtube.com/watch?v=Iu3M-X1yRFU -->