Files
  • index.html
  • collide.wav
  • corner.wav
  • dvd_logo.png
  • icon.png
  • p5.gui.js
  • quicksettings.js
  • script.js
  • style.css
index.html
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