Add Initial commit
This commit is contained in:
17
CM2030 Graphics Programming/Topic 2/2.1.2/index.html
Normal file
17
CM2030 Graphics Programming/Topic 2/2.1.2/index.html
Normal file
@ -0,0 +1,17 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>randomDot</title>
|
||||
<script src="libraries/p5.min.js" type="text/javascript"></script>
|
||||
|
||||
<script src="libraries/p5.dom.js" type="text/javascript"></script>
|
||||
<script src="libraries/p5.sound.js" type="text/javascript"></script>
|
||||
|
||||
<script src="sketch.js" type="text/javascript"></script>
|
||||
|
||||
<style> body {padding: 0; margin: 0;} canvas {vertical-align: top;} </style>
|
||||
</head>
|
||||
<body>
|
||||
</body>
|
||||
</html>
|
||||
3031
CM2030 Graphics Programming/Topic 2/2.1.2/libraries/p5.dom.js
Normal file
3031
CM2030 Graphics Programming/Topic 2/2.1.2/libraries/p5.dom.js
Normal file
File diff suppressed because it is too large
Load Diff
36
CM2030 Graphics Programming/Topic 2/2.1.2/libraries/p5.min.js
vendored
Normal file
36
CM2030 Graphics Programming/Topic 2/2.1.2/libraries/p5.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
12873
CM2030 Graphics Programming/Topic 2/2.1.2/libraries/p5.sound.js
Normal file
12873
CM2030 Graphics Programming/Topic 2/2.1.2/libraries/p5.sound.js
Normal file
File diff suppressed because it is too large
Load Diff
51
CM2030 Graphics Programming/Topic 2/2.1.2/sketch.js
Normal file
51
CM2030 Graphics Programming/Topic 2/2.1.2/sketch.js
Normal file
@ -0,0 +1,51 @@
|
||||
let ball;
|
||||
|
||||
function setup() {
|
||||
createCanvas(900, 600);
|
||||
background(0);
|
||||
ball = new Ball(width, height);
|
||||
}
|
||||
|
||||
function draw()
|
||||
{
|
||||
background('red');
|
||||
ball.run();
|
||||
}
|
||||
|
||||
class Ball
|
||||
{
|
||||
constructor(w, h)
|
||||
{
|
||||
this.speedX = random(-5, 5);
|
||||
this.speedY = random(-5, 5);
|
||||
this.locX = random(w);
|
||||
this.locY = random(h);
|
||||
this.maxW = w;
|
||||
this.maxH = h;
|
||||
}
|
||||
|
||||
run()
|
||||
{
|
||||
this.bounce();
|
||||
this.draw();
|
||||
this.move();
|
||||
}
|
||||
|
||||
draw()
|
||||
{
|
||||
fill(125);
|
||||
ellipse(this.locX, this.locY, 40, 40);
|
||||
}
|
||||
|
||||
move()
|
||||
{
|
||||
this.locX += this.speedX;
|
||||
this.locY += this.speedY;
|
||||
}
|
||||
|
||||
bounce()
|
||||
{
|
||||
if(this.locX < 0 || this.locX > this.maxW) this.speedX *= -1;
|
||||
if(this.locY < 0 || this.locY > this.maxH) this.speedY *= -1;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user