Thank you so much for your response! I have figured out how to do what I was looking for. I had to make a few full presets as well as add a math.floor. Ill paste what I did below to help anyone else out hopefully in the future…
let config = {
scene: {
speed: 0.24,
position: 3
},
object: {
speed: 0.25
},
shader: {
time: 0.12,
u_noise: 1.00,
decay: 1.00,
turb: 0.23,
scale: 3.78,
waves: 2.80,
size: 1.0,
displ: 0.0,
broken: true,
invert: true,
color: 0,
complex: 0.1,
}
};
let mypreset = {
scene: {
speed: 0.24,
position: 3
},
object: {
speed: 0.25
},
shader: {
time: 0.18,
u_noise: 0.74,
decay: 0.46,
turb: 0.10,
scale: 5.0,
waves: 10.00,
size: 1.0,
displ: 0.0,
broken: true,
invert: true,
color: 0,
complex: 0.1,
}
};
let mypreset1 = {
scene: {
speed: 0.24,
position: 3
},
object: {
speed: 0.25
},
shader: {
time: 1.00,
u_noise: 1.00,
decay: 0.01,
turb: 1.0000000000,
scale: 0.85,
waves: 1.10,
size: 1.0,
displ: 0.0,
broken: false,
invert: true,
color: 0,
complex: 0.1,
}
};
let mypreset2 = {
scene: {
speed: 0.24,
position: 3
},
object: {
speed: 0.25
},
shader: {
time: 0.1593275864,
u_noise: 0.6318065549,
decay: 0.3257915843,
turb: 0.1324508329,
scale: 5.0,
waves: 5.7695137162,
size: 1.0,
displ: 0.0,
broken: true,
invert: true,
color: 0,
complex: 0.10,
}
};
let mypreset3 = {
scene: {
speed: 0.24,
position: 3
},
object: {
speed: 0.25
},
shader: {
time: 0.5480434783,
u_noise: -0.4183984847,
decay: 0.6664130435,
turb: 0.98,
scale: 5.0,
waves: 5.33,
size: 1.0,
displ: 0.0,
broken: true,
invert: true,
color: 0,
complex: 0.1,
}
};
const canvas = document.querySelector("canvas");
const world = new Space({ canvas });
window.addEventListener("resize", () => world.resize());
let decaybackup = 0;
window.addEventListener("load", () => {
let num = Math.floor(Math.random()*10)
num = num%5
if(num===1){
config = mypreset;
}else if(num===2){
config = mypreset1;
}else if(num===3){
config = mypreset2;
}else if(num===4){
config = mypreset3;
}