html
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
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.7.3/p5.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.7.3/addons/p5.dom.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.7.3/addons/p5.sound.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/dat-gui/0.7.7/dat.gui.min.js"></script>
</head>
<body>
</body>
<script>
console.log=function(){}
var gui
var eff={value:0}
var x=0.01
var y=0.01
var z=0.01
var dx,dy,dz
var dt=0.01
var points=[]
function setup() {
createCanvas(400-20, 600,WEBGL);
gui = new dat.GUI();
colorMode(HSB)
// gui.add(eff, 'value', -100, 100);
Enter to Rename, Shift+Enter to Preview
css
css
1
2
3
4
5
6
7
8
9
10
11
12
body {
background-color:black;
}
*{
margin:0;
overscroll-behavior:none;
}
canvas{
position:relative;
}
Enter to Rename, Shift+Enter to Preview
js
js
1
Enter to Rename, Shift+Enter to Preview
BROWSER
Console
Run