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

Add constrains

Browse Source
This commit is contained in:
Lev
2021-06-09 16:34:26 -05:00
parent 1121485e0b
commit 5c5e102319
6 changed files with 10537 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
CM2030 Graphics Programming/Topic 4/4.3.1/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.1/libraries/.DS_Store vendored Normal file
View File

Binary file not shown.

10361
CM2030 Graphics Programming/Topic 4/4.3.1/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.1/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.1/libraries/p5.sound.min.js vendored Normal file
View File

File diff suppressed because one or more lines are too long

129
CM2030 Graphics Programming/Topic 4/4.3.1/sketch.js Normal file
View File

@ -0,0 +1,129 @@
let Engine = Matter.Engine,
Render = Matter.Render,
World = Matter.World,
Bodies = Matter.Bodies,
Constraint = Matter.Constraint;
let engine;
let ground1;
let constraint1;
let constraint2;
let constraint3;
let poly1A;
let poly1B;
let poly2;
let poly3;
function setup() {
createCanvas(900, 600);
// create engine
engine = Engine.create();
poly1A = Bodies.polygon(700, 100, 6, 20);
poly1B = Bodies.polygon(700, 200, 1, 30);
constraint1 = Constraint.create({
bodyA: poly1A,
pointA: {x: 0, y: 0},
bodyB: poly1B,
pointB: {x: 0, y: 0},
stiffness: 0.01
});
poly2 = Bodies.polygon(300, 200, 5, 40);
constraint2 = Constraint.create({
bodyB: poly2,
pointA: {x: 150, y: 50},
pointB: {x: 0, y: 0},
});
poly3 = Bodies.polygon(300, 100, 4, 30);
constraint3 = Constraint.create({
pointA: {x: 400, y: 120},
bodyB: poly3,
pointB: {x: 0, y: 0},
stiffness: 0.001,
damping: 0.001
});
ground1 = Bodies.rectangle(width/2, height - 20, width, 10, {
isStatic: true,
});
// add bodies to world
World.add(engine.world, [ground1, poly1A, poly1B, constraint1, poly2, constraint2, poly3, constraint3]);
}
function draw() {
background(0);
Engine.update(engine);
noStroke();
fill(255);
drawVertices(ground1.vertices);
drawVertices(poly1A.vertices);
drawVertices(poly1B.vertices);
drawVertices(poly2.vertices);
drawVertices(poly3.vertices);
stroke(128);
strokeWeight(3);
drawConstraint(constraint1);
drawConstraint(constraint2);
drawConstraint(constraint3);
//generateRect(width / 2, 0);
//generateEllipse(width/2, -50);
}
function isOffScreen(body) {
let pos = body.position;
return pos.y > height || pos.x < 0 || pos.x > width;
}
function generateRect(x, y) {
let b = Bodies.rectangle(x, y, random(10, 30), random(10, 30), {
restitution: 1.2,
friction: 0.5,
});
Matter.Body.setMass(b, 1);
boxes.push(b);
World.add(engine.world, [b]);
colorBoxes.push("rgba(" + Math.trunc(random(100, 250)).toString() + "," + Math.trunc(random(100, 250)).toString() + "," + Math.trunc(random(100, 250)).toString() + ", 0.5)");
}
function generateEllipse(x, y) {
let b = Bodies.circle(x, y, random(10, 30), {
restitution: 1.2,
friction: 0.5,
});
Matter.Body.setMass(b, 1);
circles.push(b);
World.add(engine.world, [b]);
colorCircles.push("rgba(" + Math.trunc(random(100, 250)).toString() + "," + Math.trunc(random(100, 250)).toString() + "," + Math.trunc(random(100, 250)).toString() + ", 0.5)");
}
function drawVertices(vertices) {
beginShape();
for (let i = 0; i < vertices.length; i++) {
vertex(vertices[i].x, vertices[i].y);
}
endShape();
}
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
);
}