andre/UoL
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add completed catapult

Browse Source
This commit is contained in:
Lev
2021-06-09 19:30:58 -05:00
parent ca118b312c
commit dd7128f113
6 changed files with 10526 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
CM2030 Graphics Programming/Topic 4/4.3.5/index.html Normal file
View File

@ -0,0 +1,16 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>graphicsProgramming - Coursera</title>
<script src="libraries/p5.min.js" type="text/javascript"></script>
<script src="libraries/p5.sound.min.js" type="text/javascript"></script>
<script language="javascript" type="text/javascript" src="libraries/matter.js"></script>
<script src="sketch.js" type="text/javascript"></script>
<style> body {padding: 0; margin: 0;} canvas {vertical-align: top;} </style>
</head>
<body>
</body>
</html>

BIN
CM2030 Graphics Programming/Topic 4/4.3.5/libraries/.DS_Store vendored Normal file
View File

Binary file not shown.

10361
CM2030 Graphics Programming/Topic 4/4.3.5/libraries/matter.js Normal file
View File

File diff suppressed because it is too large Load Diff

3
CM2030 Graphics Programming/Topic 4/4.3.5/libraries/p5.min.js vendored Normal file
View File

File diff suppressed because one or more lines are too long

28
CM2030 Graphics Programming/Topic 4/4.3.5/libraries/p5.sound.min.js vendored Normal file
View File

File diff suppressed because one or more lines are too long

118
CM2030 Graphics Programming/Topic 4/4.3.5/sketch.js Normal file
View File

@ -0,0 +1,118 @@
// Example is based on examples from:
// http://brm.io/matter-js/
// https://github.com/shiffman/p5-matter
// https://github.com/b-g/p5-matter-examples
// module aliases
let Engine = Matter.Engine;
let Render = Matter.Render;
let World = Matter.World;
let Bodies = Matter.Bodies;
let Constraint = Matter.Constraint;
let engine;
let ground;
let ball1;
let ball2;
let catapult;
let catapultSpacer;
let constraint;
function setup() {
createCanvas(800, 600);
engine = Engine.create(); // create an engine
setupCatapult();
setupBalls();
setupGround();
}
/////////////////////////////////////////////////////////////
function draw() {
background(0);
Engine.update(engine);
drawBalls();
drawCatapult();
drawGround();
}
function mouseClicked() {
if(ball2 == null)
{
ball2 = Bodies.circle(mouseX, mouseY, 50, {density: 0.01});
World.add(engine.world, [ball2]);
}
}
/////////////////////////////////////////////////////////////
function setupCatapult(){
catapult = Bodies.rectangle(width/2, height - 85, width * 0.75, 10);
constraint = Constraint.create({
bodyB: catapult,
pointA: {x: width/2, y: height - 85},
stiffness: 1
});
catapultSpacer = Bodies.rectangle(150, height - 50, 10, 60, {isStatic: true});
World.add(engine.world, [catapult, constraint, catapultSpacer]);
}
/////////////////////////////////////////////////////////////
function drawCatapult(){
fill(255);
drawVertices(catapult.vertices);
fill(255, 0, 0);
drawVertices(catapultSpacer.vertices);
}
/////////////////////////////////////////////////////////////
function setupBalls(){
let radius1 = 15;
ball1 = Bodies.circle(150, height - 50 - 55, radius1);
World.add(engine.world, [ball1]);
}
/////////////////////////////////////////////////////////////
function drawBalls(){
fill(0, 255, 0);
drawVertices(ball1.vertices);
if(ball2 != null)
drawVertices(ball2.vertices);
}
/////////////////////////////////////////////////////////////
function setupGround(){
ground = Bodies.rectangle(400, height-10, 810, 25, {isStatic: true});
World.add(engine.world, [ground]);
}
/////////////////////////////////////////////////////////////
function drawGround(){
noStroke();
fill(128);
drawVertices(ground.vertices);
}
////////////////////////////////////////////////////////////////
// ******* HELPER FUNCTIONS *********
// DO NOT WRITE BELOW HERE
/////////////////////////////////////////////////////////////
function drawVertices(vertices) {
beginShape();
for (let i = 0; i < vertices.length; i++) {
vertex(vertices[i].x, vertices[i].y);
}
endShape(CLOSE);
}
function drawConstraint(constraint) {
var offsetA = constraint.pointA;
var posA = {x:0, y:0};
if (constraint.bodyA) {
posA = constraint.bodyA.position;
}
var offsetB = constraint.pointB;
var posB = {x:0, y:0};
if (constraint.bodyB) {
posB = constraint.bodyB.position;
}
line(
posA.x + offsetA.x,
posA.y + offsetA.y,
posB.x + offsetB.x,
posB.y + offsetB.y
);
}