rpuzonas/nature-of-code
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

complete exercise 1.3

Browse Source
This commit is contained in:
Rokas Puzonas 2024-02-07 00:09:24 +02:00
parent ba0dec0bb4
commit fd2df012af
2 changed files with 77 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
1. Vectors/3. Bouncing ball/index.html Normal file
View File

@ -0,0 +1,15 @@
<html>
<head>
<script src="https://cdn.jsdelivr.net/npm/p5@1.9.0/lib/p5.js"></script>
<script src="sketch.js"></script>
<style>
body {
background: #212121;
}
</style>
</head>
<body>
<main>
</main>
</body>
</html>

62
1. Vectors/3. Bouncing ball/sketch.js Normal file
View File

@ -0,0 +1,62 @@
let position
let velocity
let topLeftCorner
let bottomRightCorner
function setup() {
createCanvas(300, 300, WEBGL)
topLeftCorner = createVector(-100, -100, -100)
bottomRightCorner = createVector(100, 100, 100)
position = createVector(0, 0)
velocity = createVector(
random(3) - 1,
random(3) - 1,
random(3) - 1,
).mult(0.2)
}
function draw() {
position.add(p5.Vector.mult(velocity, deltaTime))
if (position.x < topLeftCorner.x || position.x > bottomRightCorner.x) {
velocity.x *= -1
}
if (position.y < topLeftCorner.y || position.y > bottomRightCorner.y) {
velocity.y *= -1
}
if (position.z < topLeftCorner.z || position.z > bottomRightCorner.z) {
velocity.z *= -1
}
background(255)
noFill()
orbitControl()
stroke('red')
point(topLeftCorner)
stroke('blue')
point(bottomRightCorner)
stroke('black')
strokeWeight(0.5)
push()
translate(p5.Vector.add(topLeftCorner, bottomRightCorner).div(2))
let boundsWidth = abs(topLeftCorner.x - bottomRightCorner.x)
let boundsHeight = abs(topLeftCorner.y - bottomRightCorner.y)
let boundsDepth = abs(topLeftCorner.z - bottomRightCorner.z)
box(boundsWidth, boundsHeight, boundsDepth)
pop()
strokeWeight(2)
orbitControl()
push()
translate(position)
sphere(5)
pop()
}