Published November 11, 2020

Simon Says Bop It

Bop It Simon Says all together in a little box

IntermediateShowcase (no instructions)4 hours404

Things used in this project

Hardware components

Adafruit Circuit Playground Express

Li-Polymer Battery, 150mAh

Alligator Clips

Software apps and online services

Microsoft MakeCode

Hand tools and fabrication machines

Tissue Paper

Multi-Use Labels

Drill / Driver, Cordless

Colored Rhinestones

Story

The video of the Simon Says Bop It in action

Going into this project, I knew I wanted to do something like Bop-It. The idea was that the interactor would watch the color pattern as it flashed and the tones it made would help identify the tasks. The interactor would have four different tasks to choose from; touching a pin, flipping the box, shaking the box, and making a loud sound. The idea worked out wonderfully and the code was a challenge to tackle but rewarding when it came to fruition.

Watching this project helped me better figure out the best actions to go about for the game:

Circuit Playground Simple Simon

However, something happened. Once placed in the box and the alligator clip meant for starting the game and another to take the players' input was fed through, the project looked promising. But something was making the CPX unable to pick up on the touch commands as I attempted to start the game before I finished constructing the housing for it. I was confused as to why that was happening when placed outside of the box, it was working just fine. I had to find another alternative for these two commands in order to continue with the construction of the box. That when I figured I could make it where when the player tilted the box up, it would start the game, and when the player tilted the box down, it would be an input taken as a task from the player.

Moving on from that roadblock, I was able to implement the code, finished adding the controls to the top of the box, and tie off the bottom of the box so that it resembled a little ghost. There were already holes that were drilled in the box for the alligator clips but luckily I had already planned to cover the whole box with some sheer white tissue paper. An unfortunate event but a very fun game came out of it.

The player has 3 tries before "Game Over" and when the player misses a task, the box will repeat that same sequence to the player. When the game ends with a "Game Over" the player has a chance to try again and the CPX will generate a new task sequence for the player to follow.

1 / 8 • CPX & Battery in the box

function player (inputstart: number) {
    if (inputstart == arr[arraytaskvalue]) {
        if (inputstart == 0) {
            light.setAll(0x00ff00)
            music.playTone(175, music.beat(BeatFraction.Half))
            pause(500)
            light.clear()
        } else if (inputstart == 1) {
            light.setAll(0xffffff)
            music.playTone(294, music.beat(BeatFraction.Half))
            pause(500)
            light.clear()
        } else if (inputstart == 2) {
            light.setAll(0xff8000)
            music.playTone(494, music.beat(BeatFraction.Half))
            pause(500)
            light.clear()
        } else if (inputstart == 3) {
            light.setAll(0x0000ff)
            music.playTone(784, music.beat(BeatFraction.Half))
            pause(500)
            light.clear()
        }
        arraytaskvalue += 1
        // Win
        if (arraytaskvalue == arr.length) {
            win()
        }
    } else if (arraytaskvalue > arr.length) {
        wrongmissed()
    } else {
        wrongmissed()
    }
}
function rand () {
    arr.push(Math.randomRange(0, 3))
}
input.touchA1.onEvent(ButtonEvent.Click, function () {
	
})
input.onGesture(Gesture.TiltUp, function () {
    if (button == true) {
        onIsTrue()
    }
    button = false
})
function win () {
    music.jumpUp.play()
    light.showAnimation(light.rainbowAnimation, 2000)
    arraytaskvalue = 0
    arrayamount += 1
    on = true
    light.clear()
    pause(500)
    rand()
    gameStart()
}
input.touchA3.onEvent(ButtonEvent.Click, function () {
    gameStart()
})
function gameStart () {
    for (let gameStartIndex = 0; gameStartIndex <= arr.length; gameStartIndex++) {
        if (arr[gameStartIndex] == 0) {
            light.setAll(0x00ff00)
            music.playTone(196, music.beat(BeatFraction.Half))
            pause(500)
            light.clear()
        } else if (arr[gameStartIndex] == 1) {
            light.setAll(0xffffff)
            music.playTone(294, music.beat(BeatFraction.Half))
            pause(500)
            light.clear()
        } else if (arr[gameStartIndex] == 2) {
            light.setAll(0xff8000)
            music.playTone(440, music.beat(BeatFraction.Half))
            pause(500)
            light.clear()
        } else if (arr[gameStartIndex] == 3) {
            light.setAll(0x0000ff)
            music.playTone(659, music.beat(BeatFraction.Half))
            pause(500)
            light.clear()
        }
    }
}
input.onLoudSound(function () {
    if (start == true) {
        start = false
        player(0)
        start = true
    }
})
input.onGesture(Gesture.FaceDown, function () {
    if (start == true) {
        start = false
        player(2)
        start = true
    }
})
function onIsTrue () {
    arr = []
    if (on == true) {
        for (let i = 0; i < arrayamount; i++) {
            rand()
        }
        light.clear()
        gameStart()
        start = true
        on = false
    }
}
function wrongmissed () {
    // Lose
    if (lose == 3) {
        music.wawawawaa.play()
        light.showAnimation(light.theaterChaseAnimation, 2500)
        light.clear()
        light.showAnimation(light.cometAnimation, 3000)
        pause(2000)
        arrayamount = 4
        on = true
        lose = 0
        onIsTrue()
    } else {
        // 3 Tries after missed attempt
        lose += 1
        music.jumpDown.play()
        light.showAnimation(light.theaterChaseAnimation, 1500)
        light.clear()
        pause(500)
        gameStart()
    }
}
input.onGesture(Gesture.Shake, function () {
    if (start == true) {
        start = false
        player(1)
        start = true
    }
})
input.touchA7.onEvent(ButtonEvent.Click, function () {
	
})
input.onGesture(Gesture.TiltDown, function () {
    if (start == true) {
        start = false
        player(3)
        start = true
    }
})
let arr: number[] = []
let on = false
let start = false
let button = false
let lose = 0
let arraytaskvalue = 0
let arrayamount = 0
light.setBrightness(50)
music.setVolume(255)
light.showAnimationFrame(light.cometAnimation)
arrayamount = 4
arraytaskvalue = 0
lose = 0
button = true
start = false
on = true

Credits

Michelle T

4 projects • 0 followers

Simon Says Bop It

Things used in this project

Hardware components

Software apps and online services

Hand tools and fabrication machines

Story

Code

circuitplayground-simonsaysbopit.uf2

Simon Says Bop It JavaScript

Credits

Michelle T

Comments

Embed the widget on your own site

Simon Says Bop It

Simon Says Bop It

Things used in this project

Hardware components

Software apps and online services

Hand tools and fabrication machines

Story

Code

circuitplayground-simonsaysbopit.uf2

Simon Says Bop It JavaScript

Credits

Michelle T

Comments

Related channels and tags