CAMERA CAMERA POSSIBLE RESOURCES FOR MOTION TRACKING AND ANIMATION THREE FOUR CAMERA FIVE CAMERA SIX CAMERA SEVEN https://trackingjs.com/ TWO https://github.com/victordibia/handtrack.js/ VOICE (AUDIO): Hi, {$User.name}. VOICE (AUDIO): {$User.name}. POINT TO THE VOICE (AUDIO): GREAT JOB {$User.name}. VOICE (AUDIO): {$User.name}. POINT TO THE VOICE (AUDIO): GREAT JOB {$User.name}. VOICE (AUDIO): GREAT JOB {$User.name}. Please enter some words that you LETTER $Letters.all.sample.first YOU'VE MASTERED THE LETTER "A" WORD $Letters.all.sample.first ... YOU'VE LEARNED THE WORDS {list all the also... check out TensorFlow.js to set up tracking if the above don't work YOU'VE MASTERED THE WORD "CAT" would like to learn today. When you're words" done, click PRACTICE NOW instead of ADVICE FROM THE TWITTERVERSE CAT ADD ANOTHER. Look for inspiration on @codepen using scss you can also avoid using A B CAT DOG ONE ALERT BOX: (allows user to type a JS, just use the &after and &before instructions with animation transform A word. Can CLICK [ADD ANOTHER] or DOG CAT VOICE (AUDIO): Hi, [PRACTICE NOW] What's your name for effect improvements Perhaps include special alert: "sorry ALERT BOX: (parent types kid's name) we can't handle words with apostrophes or words that are only one character" SOME JS OR CSS CONFETTI EVENT HOUSE Speaking of look https://augmented-ui.com could be used as inspiration.If SOME JS OR CSS CONFETTI EVENT ALERT BOX: (user has to accept access to camera)... if NO back to Word Model: t.string the_word CAR you want to go AR, check out https://github.com/jeromeetienne/AR.js From what I understood, you can do AR within certain constraints. home, if YES, on to TWO t.string word_activation_switch t.integer the_word_score SOME JS OR CSS CONFETTI EVENT User Model: t.string name t.boolean cycle_now (default is false) FOLLOWED BY PERPETUAL FIREWORKS SVGs are built into HTML, to animate them, attach classes to each shape Word belongs_to a User and use css animations in the class. User has_many: words module GameCycle https://medium.com/@arichards4814/down-the-svg-rabbit-hole- Word has_many letters letters Class Method grab a letter or word that has its cycle set to true e32a7d46864f KEY TO THE COLORS OF THE BOXES grab ANY other letter or word that matches the first selection by Model Type (if letter, the_word_activation_switch column is set module LetterParser to a string that is the length of the word, then another letter... if word, then another word)... this is to prevent a situation where AND DON'T FORGET TO RESEARCH AUDIO!!!!!! FOR ONE with all the letters replaced by zeroes. In the last letter would populate alone, or break the program. each Word is parsed into individual other words, "CAT" would be "000" ... populate the "letter or word" on top of the cube, at random (the correct choice might be letters on the left or the right side) "APPLE" would be "00000", "DOG" would each individual letter is used to be "000" if the user points to the correct choice after being verbally prompted by the computer, create a letter model FOR TWO a letter model will only be created then a point is added to that letter's score ALSO, USE THE RED NUMBERS TO DETERMINE SEQUENCE module Alpha ALSO any WORD that contains the letter that has had its score updated will have its if the letter is not in the database WORD_ACTIVATION_SWITCH updated as well. IN OTHER WORDS: if the word is "CAT", letters are initialized with a letter upcase everything and the letter "C" has a score of 2, "A" has a score of "1" and "T" has a score of "3", then make sure everything score of zero the activation_switch string for "CAT" would be "213" ... if the score for "T" changes from is a letter (remove letters are also initialized with 3 to 4, then the activation switch for CAT would change from "213" to "214" spaces, special boolean cycle_now set to True An individual letter's CYCLE_NOW field is set to false when it accrues 9 points. A word's characters, and CYCLE_NOW field is set to true when it's WORD_ACTIVATION_SWITCH contains all 9s. numbers A word's cycle_now is set back to false when the_word_score becomes 9. STRETCH GOAL, allow if a user points to the wrong choice, nothing happens THIS IS A numbers Letter Model: Once a letter_score hits 9, it's CYCLE_NOW field is set to false so the user no longer sees t.string the_letter FOR TWO AND A QUARTER it. PURPLE t.integer the_letter_score After a certain number of seconds elapses, the VOICE would prompt the user a second FOR ONE, AND TWO t.boolean cycle_now (default time to "point at the correct letter" ... if the user does nothing, it would cycle through for THIS IS A BACK END THIS IS A is set to true) another random choice. module Also check for "wins" with JS, and trigger "win events" DENOTES SuperStretchGoal Letter has_many words NOTE: it's setup like this so only words where all letters are known will appear. If for example BACK END also allow for Letter belongs_to a User FRONT END MODULE, you've got the word "CAT" and "AT", "AT" may show up even though "CAT" does not. Likewise, hiragana the word "BAT" would not show up unless "B" had a score of 9. character set STRETCH also allow for FOR TWO AND A HALF EASY STRETCH GOAL 1: deduct points if it takes too long for the user to answer, or if they get katakana MODEL it wrong. Also, let score bottom out at zero. EXPERIENCE CONTROL character set STRETCH GOAL 2... the circle would "roll" "jiggle" or "bounce" towards the correct letter if more GOALS than X seconds elapses after the voice prompt (sort of as a clue for the user). FLOW ETC SUPER STRETCH GOAL: have an animated CSS owl or some other type of sprite that would help prompt the user to make the correct decision. FOR THREE, FOUR, FIVE, SIX, SEVEN
Enter the password to open this PDF file:
-
-
-
-
-
-
-
-
-
-
-
-