@jajoosam/

bouncing 📀

HTML, CSS, JS

No description

fork
loading
header iconstalk
Files
  • index.html
  • collide.wav
  • corner.wav
  • dvd_logo.png
  • icon.png
  • p5.gui.js
  • quicksettings.js
  • script.js
  • style.css

This Plugin Crashed!

Error: Error: must not create an existing file {"type":"CREATE_FILE","wid":"0.5870576381271992","path":"index.html","file":{"path":"index.html","content":{"asEncoding":{"base64":"PCEtLQoKCQlfXyAgICAgICAgICAgICAgICAgICAgICAgICAgIF8gICAgICAgICAgICAgICAgICAgIF9fICAgICAgICAgIF9fCiAgIC8gL18gIF9fX18gIF9fICBfX19fX18gIF9fX19fKF8pX19fICBfX19fIF8gICBfX19fLyAvICAgX19fX19fLyAvCiAgLyBfXyBcLyBfXyBcLyAvIC8gLyBfXyBcLyBfX18vIC8gX18gXC8gX18gYC8gIC8gX18gIC8gfCAvIC8gX18gIC8gCiAvIC9fLyAvIC9fLyAvIC9fLyAvIC8gLyAvIC9fXy8gLyAvIC8gLyAvXy8gLyAgLyAvXy8gL3wgfC8gLyAvXy8gLyAgCi9fLl9fXy9cX19fXy9cX18sXy9fLyAvXy9cX19fL18vXy8gL18vXF9fLCAvICAgXF9fLF8vIHxfX18vXF9fLF8vICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAvX19fXy8gICAgICAgICAgICAgICAgICAgICAgIAoKCllvdSBjYW4gZWRpdCB0aGUgY29kZSwgYW5kIG1ha2UgeW91ciBvd24gb24gaHR0cHM6Ly9kdmQuNHR5Mi5mdW4vX19yZXBsCk1hZGUgZnJvbSBEYW4gU2hpZmZtYW4ncyB2aWRlbyBodHRwczovL3lvdXR1LmJlLzBqODZ6dXFxVGxRIAoKLS0+CgoKCgoKCjwhRE9DVFlQRSBodG1sPgo8aHRtbD4KICA8aGVhZD4KICAgIDxtZXRhIGNoYXJzZXQ9InV0Zi04Ij4KICAgIDxtZXRhIG5hbWU9InZpZXdwb3J0IiBjb250ZW50PSJ3aWR0aD1kZXZpY2Utd2lkdGgiPgogICAgPHRpdGxlPkJvdW5jaW5nIERWRCBMb2dvPC90aXRsZT4KICAgIDxsaW5rIGhyZWY9InN0eWxlLmNzcyIgcmVsPSJzdHlsZXNoZWV0IiB0eXBlPSJ0ZXh0L2NzcyIgLz4KCQk8bGluayBocmVmPSJpY29uLnBuZyIgcmVsPSJpY29uIiB0eXBlPSJpbWFnZS9wbmciLz4KCTwvaGVhZD4KICA8Ym9keT4KCQk8YXVkaW8gc3JjPSJjb2xsaWRlLndhdiIgaWQ9ImNvbGxpZGUiPjwvYXVkaW8+CiAgICA8YXVkaW8gc3JjPSJjb3JuZXIud2F2IiBpZD0iY29ybmVyIj48L2F1ZGlvPgoKICAgIDxzY3JpcHQgc3JjPSJodHRwczovL2NkbmpzLmNsb3VkZmxhcmUuY29tL2FqYXgvbGlicy9wNS5qcy8wLjcuMy9wNS5taW4uanMiPjwvc2NyaXB0PgogICAgPHNjcmlwdCBzcmM9InF1aWNrc2V0dGluZ3MuanMiPjwvc2NyaXB0PgoJCTxzY3JpcHQgc3JjPSJwNS5ndWkuanMiPjwvc2NyaXB0PgoJCTxzY3JpcHQgc3JjPSJzY3JpcHQuanMiPjwvc2NyaXB0PgogIDwvYm9keT4KPC9odG1sPg=="},"asBuffer":null},"loaded":true}}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39

<!--

		__                           _                    __          __
   / /_  ____  __  ______  _____(_)___  ____ _   ____/ /   ______/ /
  / __ \/ __ \/ / / / __ \/ ___/ / __ \/ __ `/  / __  / | / / __  / 
 / /_/ / /_/ / /_/ / / / / /__/ / / / / /_/ /  / /_/ /| |/ / /_/ /  
/_.___/\____/\__,_/_/ /_/\___/_/_/ /_/\__, /   \__,_/ |___/\__,_/   
                                     /____/                       


You can edit the code, and make your own on https://dvd.4ty2.fun/__repl
Made from Dan Shiffman's video https://youtu.be/0j86zuqqTlQ 

-->






<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width">
    <title>Bouncing DVD Logo</title>
    <link href="style.css" rel="stylesheet" type="text/css" />
		<link href="icon.png" rel="icon" type="image/png"/>
	</head>
  <body>
		<audio src="collide.wav" id="collide"></audio>
    <audio src="corner.wav" id="corner"></audio>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.7.3/p5.min.js"></script>
    <script src="quicksettings.js"></script>
		<script src="p5.gui.js"></script>
		<script src="script.js"></script>
  </body>
</html>
result
console