Made By Members: Rise Code Blocks

This month, we’re spotlighting creative ways community members are experimenting with Rise 360’s new Code Block (Beta) feature. From quick prototypes to full mini-games and simulations, these projects show how custom HTML, CSS, and JavaScript can bring fresh interactivity to Rise, whether you’re vibe coding with AI or hand-crafting from scratch

💡 Try It Yourself: Rise 360: How to Use Code Block, Creating Blocks with Vibe Coding

👽 Alien Lifespan Challenge by GrahamBetts-add​

Graham created a fast-paced trivia game that challenges learners to keep Brian the Alien alive by answering 10 questions correctly. The project combines timers, progress tracking, and custom feedback, powered by code.

🔗 View the post | 🎮 Try the demo

Build It with AI:
Kick off your own build with prompts like these, or start from scratch with your own code or customizations:

• “Write HTML, CSS, and JavaScript for a 10-question timed quiz game that tracks correct answers and shows a 3-star progress meter inside a Rise 360 Code Block.”
  
  
• “Structure the code so all quiz content lives in a QUESTIONS array and settings in a CONFIG object, making it easy to update questions, feedback, and timer length.”
  
  
• “Create an interactive quiz where each correct answer extends the player’s time and updates a character’s emotion from happy to sad based on performance.”

🧭 Explore Cardinal Directions by ilgunapo​ 

Apo built a playful, interactive experience to help learners explore the four cardinal directions. After discovering each direction on a compass, players test what they’ve learned in a mini treasure-hunt game.

🔗 View the post | 🎮 Try the demo

Build It with AI:
Kick off your own build with prompts like these, or start from scratch with your own code or customizations:

• “Write HTML, CSS, and JavaScript for an interactive compass that lets users explore the four cardinal directions, then unlocks a short treasure hunt game inside a Rise 360 Code Block.”
  
  
• “Structure the code so text content, directions, and object positions are easy to edit through a CONFIG or LEVELS object.”
  
  
• “Create a grid-based navigation game where players move a character using arrow keys or on-screen buttons to reach a treasure.”

 

🔋 Check Your Battery by Kate_Golomshtok​ 

This playful Caffeine Cat Test helps learners check their energy levels through a short, interactive quiz. Despite having no coding background, Kate used AI to create animated elements, like moving paws, a cat-face divider, and clickable cards, that make the experience feel warm and personal.

🔗 View the post | 🎮 Try the demo

Build It with AI:
Kick off your own build with prompts like these, or start from scratch with your own code or customizations:

• “Write HTML, CSS, and JavaScript for a 6-question personality quiz with animated feedback cards, designed for use inside a Rise 360 Code Block.”
  
  
• “Include visual elements like progress bars, emoji icons, and a results screen with simple charts showing fatigue, energy, and motivation.”
  
  
• “Structure the quiz content in a QUESTIONS array and use a CONFIG object to store colors, icons, and category names for easy editing.”

 

🐸 Hoppy Adventures: Coin Capture by destery1kenobi​ 

Destery created a retro-inspired game where players collect coins, dodge predators, and answer quiz questions to level up. Each set of 10 coins triggers a multiple-choice question, all managed through a JSON file for easy updates and tracking.

🔗 View the post | 🎮 Try the demo

Build It with AI:
Kick off your own build with prompts like these, or start from scratch with your own code or customizations:

• “Write HTML, CSS, and JavaScript for a mini-game where players use arrow keys (or WASD) to move a character around and collect coins.”
• “After every 10 coins, pause the game and display a multiple-choice quiz question inside a modal.”
  
  
• “Store quiz questions and answers in a QUESTIONS array for easy editing, and use variables for score, time, and level tracking. The game should run entirely inside a Rise 360 Code Block.”

 

☎️ People Manager Simulation by danielbenton​ 

Daniel created a simulation where learners step into the role of a new call-centre manager, making choices that impact morale, performance, and stress. It features avatars, tooltips, and a narrative end summary, all co-coded through an iterative vibe-coding process.

🔗 View the post | 🎮 Try the demo

Build It with AI:
Kick off your own build with prompts like these, or start from scratch with your own code or customizations:

• “Build a browser-based management simulation with multiple-choice decisions that adjust player stats like performance, morale, and stress.”
  
  
• “Add tooltips to each choice explaining what the decision affects, and include a narrative end summary with a performance rating.”
• “Create an HTML layout for avatars and dialogue boxes that display manager and team interactions inside a Rise 360 Code Block.”

💬 Your Turn:

Share your examples and tell us what you created, how you built it, or which prompts helped you along the way. 💡 Pro Tip: When posting your own Code Block examples, add the “Code Block” tag so others can find them more easily.

And if you haven’t already, join our Code Block Group to keep the conversation going!

🏅 Want to Be Featured Next?

We’re always looking to highlight inspiring examples from the community, and your work could be next! Here's what we look for in a standout submission:

• A downloadable .story file or link to your Rise course so others can explore, adapt, and learn from your build.
• A clear explanation of what you built, how it works, and what makes it unique.
• Behind-the-scenes insight into your process, techniques, tools, or challenges you tackled.
• Purposeful design, whether it’s solving a problem, teaching a concept, or experimenting with a new approach.
• Bonus: Share your ideas for how your design is widely applicable beyond the specific example.

Got something cool to share? Post it in Share Examples and you might see it featured in an upcoming roundup!