Skip to content

Instantly share code, notes, and snippets.

View rampol's full-sized avatar

Ramon Polo rampol

View GitHub Profile
@rampol
rampol / index.html
Created June 23, 2018 15:27
ragdoll pinata test
<canvas id="sim" ></canvas>
@rampol
rampol / index.html
Created June 23, 2018 15:26
typhysics
<div class="stage" data-el="stage"></div>
<h1 data-el="head">
<span data-el="letter">M</span>
<span data-el="letter">A</span>
<span data-el="letter">T</span>
<span data-el="letter">T</span>
<span data-el="letter">E</span>
<span data-el="letter">R</span>
<span data-el="letter">J</span>
@rampol
rampol / index.html
Created June 23, 2018 15:25
matterTank
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.5.14/p5.js" type="text/javascript"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.5.8/addons/p5.dom.js" type="text/javascript"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.5.8/addons/p5.sound.js" type="text/javascript"></script>
@rampol
rampol / script.babel
Created June 23, 2018 15:25
Tumble Wheel - Circles
let ballRadius = 10;
let pegCount = 16;
let pegSize = 50;
let maximumBalls = 200;
let ballEveryNFrames = 5;
let w = 750;
let h = 900;
let countX = 10;
let countY = 20;
<script>
let githubDataCache = [{comments:0,created_at:"2016-06-24T14:22:16Z",labels:[{name:"Question",color:"cc317c"}],number:2,user:{login:"Evilmulle"}},{comments:1,created_at:"2016-06-24T19:29:32Z",number:3,user:{login:"Bamboy"}},{comments:1,created_at:"2016-06-24T20:15:47Z",number:4,user:{login:"DarthTorus"}},{comments:1,created_at:"2016-06-24T22:53:12Z",labels:[{name:"Question",color:"cc317c"}],number:5,user:{login:"elongielink"}},{comments:6,created_at:"2016-06-24T22:55:41Z",labels:[{name:"Challenge",color:"fbca04"}],number:6,user:{login:"Flameingo"}},{comments:0,created_at:"2016-06-24T23:10:58Z",labels:[{name:"Challenge",color:"fbca04"}],number:7,user:{login:"shiffman"}},{comments:0,created_at:"2016-06-24T23:11:09Z",labels:[{name:"Challenge",color:"fbca04"}],number:8,user:{login:"shiffman"}},{comments:1,created_at:"2016-06-24T23:11:45Z",number:9,user:{login:"shiffman"}},{comments:2,created_at:"2016-06-24T23:14:11Z",labels:[{name:"Challenge",color:"fbca04"}],number:14,user:{login:"shiffman"}},{comments
@rampol
rampol / index.html
Created June 23, 2018 15:22
physics with matter.js
<!--- https://www.youtube.com/watch?v=Iu3M-X1yRFU -->
@rampol
rampol / index.html
Created June 23, 2018 15:21
Matter.js Demo
<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>

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.