Skip to content

Commit

Permalink
Taken a stab at a profile image
Browse files Browse the repository at this point in the history
  • Loading branch information
orta committed Jul 11, 2020
1 parent 096a698 commit 19a4480
Show file tree
Hide file tree
Showing 65 changed files with 38,702 additions and 16 deletions.
61 changes: 61 additions & 0 deletions 2020/explosion.js
@@ -0,0 +1,61 @@
/// <reference types="matter-js" />
// @ts-check

// module aliases
var Engine = Matter.Engine,
Render = Matter.Render,
World = Matter.World,
Bodies = Matter.Bodies;

// create an engine
var engine = Engine.create();

// create a renderer
var render = Render.create({
element: document.body,
engine: engine,
options: {
width: 800,
height: 400,
background: "#fafafa",
// wireframes: false
},

});

const ground = Bodies.rectangle(400, 410, 810, 20, { isStatic: true });
const left = Bodies.rectangle(-10, 200, 20, 400, { isStatic: true });
const right = Bodies.rectangle(810, 200, 20, 400, { isStatic: true });
World.add(engine.world, [ground, left, right]);

const colors = ["#40c463", "#216e39", "#30a14e", "#9be9a8", "#ebedf0"]
setInterval(() => {
const bodies = []
for (let index = 0; index < 15; index++) {
const color = colors[Math.floor(Math.random() * colors.length)];
const xSpawn = (Math.random() * 80) - 40
const square = Bodies.rectangle(400 - xSpawn, -30, 10, 10, {
render: { fillStyle: color },
density: 20

})
square.angle = (Math.random() * 2) - 4
bodies.push(square)
}
World.add(engine.world, bodies);

}, 200)


// create two boxes and a ground
var boxA = Bodies.rectangle(400, 200, 10, 10, { render: { fillStyle: "#40c463" }});
var boxB = Bodies.rectangle(450, 50, 10, 10, { render: { fillStyle: "#216e39" }});
ground



// run the engine
Engine.run(engine);

// run the renderer
Render.run(render);
25 changes: 25 additions & 0 deletions 2020/index.html
@@ -0,0 +1,25 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
<meta name="theme-color" content="#000000">
<meta name="msapplication-navbutton-color" content="#000000">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta name="robots" content="noindex">

<script src="./node_modules/poly-decomp//build/decomp.js"></script>
<script src="./node_modules/matter-js/build/matter-dev.js"></script>

</head>
<body></body>

<svg style="display: none;" id='orta' width="298" height="40" viewBox="0 0 298 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 29L6.5 40.5L113.5 39.5L114.5 33.5L110 35L108.5 17L103 12H96L90 14.5L82 12H77L76 3L68 12H62.5L56.5 14.5L53 12L43 14.5H38L35.5 8.5L27.5 3L16.5 1.5L6.5 5.5L1 14.5V29Z" fill="#C4C4C4" stroke="black"/>
<path d="M126.5 1V14.5L129 43L299.5 41L288 24L296.5 19.5V12.5H267.5H259L252.5 11.5L246 12.5L236 11.5L227 12.5L216.5 14.5L211.5 16.5L207 12.5L200 11.5L195 14.5L191 19.5L186.5 16.5L182.5 11.5H177L171 14.5V1L160 4L158 1L156 2.5H129L126.5 1Z" fill="#C4C4C4" stroke="black"/>
</svg>
<!-- <script src="./explosion.js"></script> -->
<script src="./timeline-drop.js"></script>
</html>
20 changes: 20 additions & 0 deletions 2020/node_modules/.yarn-integrity

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

21 changes: 21 additions & 0 deletions 2020/node_modules/@types/matter-js/LICENSE

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

16 changes: 16 additions & 0 deletions 2020/node_modules/@types/matter-js/README.md

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

0 comments on commit 19a4480

Please sign in to comment.