https://github.com/georgemandis/talkyblocky
A game using voice interactions & React. Demoed for Localhost XIII at Recurse Center.
https://github.com/georgemandis/talkyblocky
javascript react speechsynthesis webspeech-api
Last synced: 20 days ago
JSON representation
A game using voice interactions & React. Demoed for Localhost XIII at Recurse Center.
- Host: GitHub
- URL: https://github.com/georgemandis/talkyblocky
- Owner: georgemandis
- Created: 2020-02-13T23:18:29.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2023-03-02T18:02:08.000Z (about 2 years ago)
- Last Synced: 2025-04-07T10:35:38.893Z (about 2 months ago)
- Topics: javascript, react, speechsynthesis, webspeech-api
- Language: JavaScript
- Homepage: https://georgemandis.github.io/talkyblocky
- Size: 4.77 MB
- Stars: 5
- Watchers: 2
- Forks: 0
- Open Issues: 11
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Talky-Blocky
A game using voice interactions & React. Built as a demo for the for [Localhost XIII](https://www.recurse.com/events/localhost-lightning-talks-february-2020) at the [Recurse Center](https://recurse.com).
Built with joy & love by [@Driijko](Driijko) and [@georgemandis](http://github.com/georgemandis/) during the Winter 2, 2020 batch.
## How it works
- Hold down the spacebar to talk to Talky-Blocky. It's only listening while the key is being held down.
- If you say right, left, down or up Talky-Blocky can move around the grid.
- Say the name of any color and Talky-Blocky can change the grid blocks to that color!
- You can also say hello and thanks.
## Tips
- Try to speak clearly so that Talky-Blocky can understand you! Sometime speech recognition can be fickle.
- Don't be afraid to string commands together. Trying saying something like: "**Could you go right for me Talky-Blocky, then go down, go down again, go down one more time, take a left and change that block to pink for me?**"
## Live Demo
[Try the demo here!](http://georgemandis.github.io/talkyblocky)
Unfortunately this requires a [speech recognition API capable browser](https://caniuse.com/#feat=speech-recognition), so basically it only works on Chrome right now 😔