Frontend Animation and Gaming ideas for my new course next year. My focus focus is on JavaScript and Animation. I have some code that does basic animations, but I want to add scenes, obstacles, more.

Storybook (learning csa topics)

  • interactive storybook with JavaScript and animations (stories -> learning computer science topics)
  • have different scenes and characters with animations
  • user can use keyboard to control the figure and walk up to a character/npc to enable a new chapter (enable conversation with the character and interact with the character)
    • during the dialogue, there will be small quizzes/questions during dialogue (user can choose an answer) to ensure that user is not skipping all the dialogues and test user's knowledge
      • after completing the questions and going through the dialogues(learning), there would be a game -> obstacle/problem that user need to solve (a new scene with music)
        • multiple questions (like quizzez)
        • for each questions, randomly assign cards with different possible answers to user and user can drag the card to answer the questions
        • answering all the question would receive some kind of rewards (title)