xxxxxxxxxx334
// set start pagelet isStartPage = true;// other variables declaration for wheellet a = 0, rotated = false, frm, nm, val, hidden = true, stoppedColor, currentColor;let randomHand;let colors = ['#FF0000', '#64AF00', '#0EDBFA', '#FDFD4A'];// Flag to track if randomHand has been randomizedlet handRandomized = false;let handOptions = ["Right Hand", "Left Hand"];// scorelet score=0;let scoreSet=false;let correctSwitch=true;function preload() { backgroundImage = loadImage('tt.png');}function setup() { createCanvas(800,500); textSize(18); // wheel of 16 divisions frm = floor(random(1000, 1100)); nm = []; for (let i = 1; i <= 16; i++) { nm.push(i); } // Create a Speech Recognition object with callback speechRec = new p5.SpeechRec('en-US', gotSpeech); // "Continuous recognition" (as opposed to one time only) let continuous = true; // If you want to try partial recognition (faster, less accurate) let interimResults = false; // This must come after setting the properties speechRec.start(continuous, interimResults);}function gotSpeech() { // Something is there // Get it as a string, you can also get JSON with more info if (speechRec.resultValue) { let said = speechRec.resultString.toLowerCase(); console.log(said); if ('start' === said) { rotated = !rotated; frameCount = 0; frm = floor(random(1000, 1100)); } else if ('stop' === said) { rotated = false; // Reset the flag when the wheel starts spinning again // handRandomized = false; // randomHand = random(handOptions); } }}// wheel screen setupfunction setupWheelScreen() { document.body.oncontextmenu = () => { return false; }; frm = floor(random(1000, 1100)); nm = []; for (let i = 1; i <= 16; i++) { nm.push(i); }}// drawing the wheel screenfunction drawWheelScreen() { clear(); strokeWeight(1); // if (rotated==false){ // // Display the result // randomHand = random(handOptions); // fill(255,0,255); // textSize(20); // text(randomHand, 50,20); // // Set the flag to true to indicate that randomHand has been randomized // handRandomized = true; // } createWheel(); rotate(a); push(); rotate(-a); fill(0); ellipse(0, 0, 150); fill(stoppedColor || colors[3 % colors.length]); // Use the stoppedColor or default color ellipse(0, 0, 100); pop(); if (rotated) { a += 0.5; a %= 2 * PI; } if (rotated==false){ console.log(stoppedColor); if (stoppedColor == colors[0]) { if (switchStates[0] == 1) { correctSwitch = true; } else if (switchStates[1] == 1) { correctSwitch = true; } if (switchStates[2] == 1) { correctSwitch = false; } else if (switchStates[3] == 1) { correctSwitch = false; } else if (switchStates[4] == 1) { correctSwitch = false; } else if (switchStates[5] == 1) { correctSwitch = false; } else if (switchStates[6] == 1) { correctSwitch = false; } else if (switchStates[7] == 1) { correctSwitch = false; } } else if (stoppedColor == colors[1]) { if (switchStates[4] == 1) { correctSwitch = true; } else if (switchStates[5] == 1) { correctSwitch = true; } if (switchStates[0] == 1) { correctSwitch = false; } else if (switchStates[1] == 1) { correctSwitch = false; } else if (switchStates[2] == 1) { correctSwitch = false; } else if (switchStates[3] == 1) { correctSwitch = false; } else if (switchStates[6] == 1) { correctSwitch = false; } else if (switchStates[7] == 1) { correctSwitch = false; } } else if (stoppedColor == colors[2]) { if (switchStates[2] == 1) { correctSwitch = true; } else if (switchStates[3] == 1) { correctSwitch = true; } if (switchStates[0] == 1) { correctSwitch = false; } else if (switchStates[1] == 1) { correctSwitch = false; } else if (switchStates[4] == 1) { correctSwitch = false; } else if (switchStates[5] == 1) { correctSwitch = false; } else if (switchStates[6] == 1) { correctSwitch = false; } else if (switchStates[7] == 1) { correctSwitch = false; } } else if (stoppedColor == colors[3]) { if (switchStates[6] == 1) { correctSwitch = true; } else if (switchStates[7] == 1) { correctSwitch = true; } if (switchStates[0] == 1) { correctSwitch = false; } else if (switchStates[1] == 1) { correctSwitch = false; } else if (switchStates[2] == 1) { correctSwitch = false; } else if (switchStates[3] == 1) { correctSwitch = false; } else if (switchStates[4] == 1) { correctSwitch = false; } else if (switchStates[5] == 1) { correctSwitch = false; }} if (correctSwitch) { fill(255,0,255); rect(0,0,100,100); if (scoreSet==false){ score+=1; scoreSet=true;} text(score,0,0); correctSwitch=false; }} if (frameCount > frm) { rotated = false; stoppedColor = undefined; scoreSet = false; // Reset the flag when the wheel starts spinning again // handRandomized = false; } // Display the score at all times outside the translation textSize(20); fill(0); text('Score: ' + score, 0, 0);}// draw wheel function createWheel() { let beg = 0; let angle = 2 * PI / nm.length; translate(width / 2, height / 2); ellipseMode(CENTER); let wh = min(width, height); stroke(0); fill(0); ellipse(0, 0, wh - 10); for (var i = 0; i < nm.length; i++) { fill(colors[i % colors.length]); stroke(0); if (a >= beg && a <= beg + angle) { stoppedColor = colors[i % colors.length]; fill(0); // stroke(stoppedColor); strokeWeight(2); val = nm[i]; } arc(0, 0, wh - 50, wh - 50, beg, beg + angle, PIE); let x = (wh - 150) * cos((beg + beg + angle) / 2) / 2; let y = (wh - 150) * sin((beg + beg + angle) / 2) / 2; beg += angle; } noFill(); }function drawStartPage() { background(220); image(backgroundImage, 0, 0, width, height); // textSize(32); textAlign(CENTER, CENTER); // fill(0); // text("Click PLAY to start", width / 2, height / 2 - 50); // Draw play button // fill(0, 0, 255); // rect(width / 2 - 50, height / 2 - 25, 100, 50); // fill(0); // textSize(24); // text("PLAY", width / 2, height / 2);}function draw() { if (isStartPage) { drawStartPage(); } else { drawWheelScreen();} }function keyPressed() { if (key == " ") { if (!serialActive) { setUpSerial(); // console.log("Serial connection started."); } } if (keyCode == ENTER){ rotated = !rotated; frameCount = 0; scoreSet = false; frm = floor(random(1000, 1100));} }function mousePressed() { if (isStartPage && mouseX > width / 2 - 230 && mouseX < width / 2 - 40 && mouseY > height / 2 + 90 && mouseY < height / 2 + 130) { isStartPage = false; setupWheelScreen(); } }// arduino communicationlet redSwitch1 = 0;let redSwitch2 = 0;let blueSwitch1 = 0;let blueSwitch2 = 0;let greenSwitch1 = 0;let greenSwitch2 = 0;let yellowSwitch1 = 0;let yellowSwitch2 = 0;let switchStates = [0, 0, 0, 0, 0, 0, 0, 0];function readSerial(data) { if (data != null) { // Split the received string into an array of integers switchStates = data.split(',').map(Number); // Log switch states to the console for debugging console.log("Switch States:", switchStates); } // Send data back to Arduino for handshake let sendToArduino = redSwitch1 + "," + redSwitch2 + "," + blueSwitch1 + "," + blueSwitch2 + "," + greenSwitch1 + "," + greenSwitch2 + "," + yellowSwitch1 + "," + yellowSwitch2 + "\n"; writeSerial(sendToArduino);}