Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
65 changed files
with
38,702 additions
and
16 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -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); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -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> |
Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.
Oops, something went wrong.
Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.
Oops, something went wrong.
Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.
Oops, something went wrong.
Oops, something went wrong.