Menü

Verwandte Beiträge

martaposemuckel-banknotes-209104

Unterstützung für nachhaltige Fischerei und Aquakuturtles-with-tangles/script.js function setup() { createCanvas(800, 800); background(255); turtles = []; // Set the position of the first turtle let x = random(width); let y = random(height); for (let i = 0; i < numTurtles; i++) { // Add turtles to the array turtles.push(new Turtle(x, y)); } } function draw() { background(255, 10); // Update and display each turtle for (let i = 0; i < turtles.length; i++) { turtles[i].update(); turtles[i].display(); } } class Turtle { constructor(startX, startY) { this.x = startX; this.y = startY; this.angle = random(TWO_PI); this.stepSize = random(1, 10); this.angleChange = random(-0.1, 0.1); this.color = color(random(255), random(255), random(255), random(50, 150)); } update() { this.angle += this.angleChange; this.x += cos(this.angle) * this.stepSize; this.y += sin(this.angle) * this.stepSize; // Wrap around screen edges if (this.x width) this.x = 0; if (this.y height) this.y = 0; } display() { fill(this.color); noStroke(); ellipse(this.x, this.y, 10, 10); } } let turtles = []; let numTurtles = 1000;the-growing-circle/script.js let circleSize = 50; function setup() { createCanvas(windowWidth, windowHeight); } function draw() { background(220); fill(0, 102, 153); ellipse(width / 2, height / 2, circleSize, circleSize); // Increase the size of the circle circleSize += 1; // Reset the size if it gets too big if (circleSize > width) { circleSize = 50; } } function windowResized() { resizeCanvas(windowWidth, windowHeight); } p5.js-starter/script.js // p5.js Template // This script provides a basic structure for a p5.js sketch. function setup() { // Create a canvas that fills the window createCanvas(windowWidth, windowHeight); // Set the background color (RGB values) background(200); } function draw() { // Code here runs continuously, creating the animation loop // Example: Draw a circle that follows the mouse fill(255, 0, 0); ellipse(mouseX, mouseY, 50, 50); } function windowResized() { // Resize the canvas if the window size changes resizeCanvas(windowWidth, windowHeight); background(200); } the-expanding-circle/script.js let circleSize = 50; let maxCircleSize; function setup() { createCanvas(windowWidth, windowHeight); maxCircleSize = dist(0, 0, width, height); } function draw() { background(220); // Set the fill color to a vibrant blue and remove the stroke fill(0, 150, 255); noStroke(); // Draw the circle in the center of the canvas ellipse(width / 2, height / 2, circleSize, circleSize); // Increase the size of the circle circleSize += 2; // Reset the size if it exceeds the maximum size if (circleSize > maxCircleSize) { circleSize = 50; } } function windowResized() { resizeCanvas(windowWidth, windowHeight); maxCircleSize = dist(0, 0, width, height); } color-changing-ball/script.js let x, y; let speedX = 3; let speedY = 4; let radius = 25; let r, g, b; function setup() { createCanvas(windowWidth, windowHeight); x = width / 2; y = height / 2; changeColor(); } function draw() { background(220, 25); // Slight fade effect // Update position x += speedX; y += speedY; // Bounce off walls and change color if (x - radius width) { speedX *= -1; changeColor(); } if (y - radius height) { speedY *= -1; changeColor(); } // Draw ball fill(r, g, b); noStroke(); ellipse(x, y, radius * 2, radius * 2); } function changeColor() { r = random(100, 255); g = random(100, 255); b = random(100, 255); } function windowResized() { resizeCanvas(windowWidth, windowHeight); } bouncing-ball/script.js let x, y; let xSpeed, ySpeed; let radius = 25; function setup() { createCanvas(windowWidth, windowHeight); x = random(radius, width - radius); y = random(radius, height - radius); xSpeed = 4; ySpeed = 3; } function draw() { background(220); // Update position x += xSpeed; y += ySpeed; // Check for bounce off walls if (x - radius width) { xSpeed *= -1; } if (y - radius height) { ySpeed *= -1; } // Draw the ball fill(255, 0, 100); noStroke(); ellipse(x, y, radius * 2, radius * 2); } function windowResized() { resizeCanvas(windowWidth, windowHeight); } .

FÜR UNSEREN NEWSLETTER ANMELDEN

* kennzeichnet erforderlich