54 lines
1,017 B
HTML
Executable file
54 lines
1,017 B
HTML
Executable file
<!DOCTYPE html>
|
|
<html>
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<script src="js/p5.min.js"></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/howler/2.2.4/howler.min.js"></script>
|
|
|
|
<title>Sketch</title>
|
|
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<audio controls>
|
|
<source src="https://radio.dianaband.in:8000/stream" type="audio/aac" />
|
|
</audio>
|
|
|
|
<audio controls loop>
|
|
<source src="audio/102.mp3" type="audio/mpeg" />
|
|
</audio>
|
|
|
|
<script>
|
|
function setup() {
|
|
createCanvas(600, 400);
|
|
}
|
|
|
|
function draw() {
|
|
//sky blue background
|
|
background(135, 206, 235);
|
|
//sun in top right
|
|
fill("yellow"); //yellow
|
|
|
|
stroke("orange"); //orange outline
|
|
|
|
strokeWeight(20); //large outline
|
|
|
|
circle(550, 50, 100);
|
|
//grass on bottom half
|
|
|
|
stroke(0); //black outline
|
|
|
|
strokeWeight(1); //outline thickness
|
|
|
|
fill("green");
|
|
|
|
rect(0, 200, 600, 200);
|
|
}
|
|
</script>
|
|
|
|
</body>
|
|
|
|
</html> |