Codevember#8
P5.js sketch What is a codevember#8 How do you make a codevember#8? This script and codes were developed by Renato Rena on 18 February 2022, Friday.
How do I make an codevember#8?Codevember#8 Previews
Codevember#8 HTML Codes
<!DOCTYPE html>
<html >
<head>
<meta charset="UTF-8">
<title>codevember#8</title>
</head>
<body>
<html>
<head>
<meta charset="UTF-8">
<title>codevember2</title>
<script src="libraries/p5.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>
<script src='https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.5.2/p5.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.5.2/addons/p5.dom.js'></script>
<script src="js/index.js"></script>
</body>
</html>
Codevember#8 JS Codes
var h;
var w;
var c;
function setup() {
createCanvas(windowWidth, windowHeight);
background('#202020');
frameRate(24);
}
function draw() {
for (var i = 0; i < 600; i++) {
h=random(height);
w=random(width);
s=random(20,40);
st=random(1,10);
var colorList = [ "#DC3522", "#D9CB9E", "#374140", "#2A2C2B", "#1E1E20"]; //color list
var c = round(random(4)); // select random color
var c2 = round(random(4)); // select random color
strokeWeight(st);
stroke(colorList[c2]);
fill(colorList[c]); //set fill color
rect(w, h, s, s, 5);
smooth();
}
}
function windowResized() {
resizeCanvas(windowWidth, windowHeight);
}
Do you want hide your ip address?Surf anonymously, prevent hackers from acquiring your IP address, send anonymous email, and encrypt your Internet connection. High speed, ultra secure, and easy to use. Instant setup.