let ballObj, cubeObj, coneObj;
let currentObj;
let newFont;
function
preload() {
newFont = loadFont(
"fonts/Montserrat.otf"
);
ballObj = loadModel(
"models/ball.obj"
,
true
);
cubeObj = loadModel(
"models/cube.obj"
,
true
);
coneObj = loadModel(
"models/cone.obj"
,
true
);
currentObj = ballObj;
}
function
setup() {
createCanvas(400, 300, WEBGL);
textFont(newFont, 14);
modelSelector = createSelect();
modelSelector.position(30, 40);
modelSelector.option(
"ball"
);
modelSelector.option(
"cube"
);
modelSelector.option(
"cone"
);
modelSelector.changed(modelChanged);
}
function
modelChanged() {
let selected = modelSelector.value();
console.log(selected);
switch
(selected) {
case
"ball"
:
currentObj = ballObj;
break
;
case
"cube"
:
currentObj = cubeObj;
break
;
case
"cone"
:
currentObj = coneObj;
break
;
default
:
break
;
}
}
function
draw() {
background(
"green"
);
text(
"Use the dropdown to select the model to display"
, -185, -125);
scale(0.75);
lights();
rotateX(frameCount * 0.05);
rotateY(frameCount * 0.05);
noStroke();
model(currentObj);
}