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!How to Copy Blocks from One Lesson to Another in Rise 360
Have you ever built a course in Rise 360 and realized, later on, that some of the content in one lesson would work great in a different lesson? Or maybe you want to reuse the same content structure? I’ve been there! Luckily, it’s super easy to copy blocks from one Rise lesson to another, thanks to the blocks template feature. Here’s how it works. 1. Open the Blocks Library The first thing you’ll want to do is navigate to the lesson that contains the block you want to copy and open up the block library. You can do that either by clicking the plus sign (+) between two blocks … … or by clicking All Blocks in the blocks shortcut bar. 2. Create a New Template Next, select the templates tab in the block library and click the New Template button. 3. Select the Blocks to Copy Then, select the block or blocks you want to copy by clicking the checkmark for each one. 4. Save Your Template Next, click Save, name your template, and click Save once again. 5. Insert Your Template Finally, navigate to the lesson where you’d like your copied block to go, open up the blocks library, and select your template. Wrap-Up Et voilà! It’s that easy. With blocks templates, you can copy blocks from one lesson to another within the same course and copy blocks to lessons in other courses; you can even share your blocks with members of your team if you have an Articulate 360 Teams subscription. It’s super handy! Want to try block templates out, but don’t have Rise 360? Start a free 30-day trial of Articulate 360. And subscribe to our newsletter to get the latest e-learning inspiration and insights directly in your inbox. You can also find us on LinkedIn and X (Formerly Twitter).6 Rise 360 Blocks to Use Instead of Bullet Points
Bullet points have been a staple in presentations and e-learning courses since the beginning. It’s easy to see why—they’re a simple and effective way to organize content. However, like anything, they work best when used in moderation. Thanks to all of the block options in Rise 360, bullet points aren’t the only fast and easy option for presenting your content. However, if you’re used to relying heavily on bullet points, you might be struggling to come up with ideas for creative alternatives. You’re not alone! Let’s look at some block types that work well for content traditionally reserved for bullet points. 1. Checkbox Lists You might wonder, what’s the difference between a bullet-point list and a checkbox list? Interactivity, that’s what! Checkbox list blocks in Rise 360 let learners interact with the content, making them less likely to skim over it. Checkbox lists are especially useful when you want learners to reflect on each item and check it off when they’re done or if it applies to them, like in the example below: Explore the interactive version or send a copy to your Rise 360 dashboard. Do you ever use your pointer finger as a guide when you read, to underline the sentence you’re currently scanning with your eyes? Checkbox lists work in a similar way—preventing learners from losing their spot and helping them stay focused on the text they’re currently reading. 2. Flashcard Grids Next let’s take a look at another one of my go-to Rise 360 blocks for bullet-point content: the flashcard grid. Using flashcards is a great way to minimize the amount of text displayed at any given time, which in turn reduces the cognitive load and makes it easier for learners to focus. With flashcards in Rise 360, you have the option to use text on both sides, images on both sides, or one of each. It’s up to you! Here’s what it looks like when you use text on both sides: Explore the interactive version or send a copy to your Rise 360 dashboard. And here’s another example, with images on one side and text on the other: Explore the interactive version or send a copy to your Rise 360 dashboard. See how the images draw you in and make you want to click? If you like the way that looks but don’t have any graphics on hand, don’t worry. Thanks to Content Library 360, you have access to millions of images and illustrations—right from within Rise 360! 3. Labeled Graphics You can also use one illustration to represent all of your bullet points, like in the example below, and add interactive markers the learner can click on to view the text. Explore the interactive version or send a copy to your Rise 360 dashboard. Illustrations aren’t the only option for this approach; photos can work just as well. Check out the example below to see for yourself: Explore the interactive version. For tips on finding the imagery you need, head on over to this article: How to Find the Images You Want in Content Library 360. 4. Carousels Another creative way to transform your bullet points is by using a series of large images in a carousel block and adding the text below, like in this example: Explore the interactive version or send a copy to your Rise 360 dashboard. Are you starting to see a theme here? Whenever possible, it’s a good idea to use relevant images alongside text-based content. It adds visual interest and breaks up the monotony, increasing the likelihood that your learners won’t gloss over your content. 5. Accordions If your bullet points are longer and you’re looking for a way to make them less visually intimidating, accordion blocks are a great option. When learners arrive on the screen, they only see the titles. When they click on the plus (+) icons, they see the additional information for each tab one at a time, making it easier to digest. Take a look at how it works in the example below: Explore the interactive version or send a copy to your Rise 360 dashboard. Note that while the example above is text only, you can also add images to each tab if you’d like. It’s up to you! 6. Tabs Much like accordion blocks, tabs break up your content and allow learners to focus on one thing at a time. Explore the interactive version or send a copy to your Rise 360 dashboard. In the example above, each tab contains only a sentence or two of text, but that’s something you get to determine. And, of course, you can also add any other relevant multimedia elements you have on hand. More Resources If you found this article helpful, be sure to check out the resources below for more inspiring ideas: 7 Creative Ways to Use Images in Rise 360 Courses 5 Ideas for Turning Boring Bullets into Engaging Interactions Basic Elements of an E-Learning Course Want to try out these Rise 360 blocks, but don’t have Articulate 360? Start a free 30-day trial, and come back to E-Learning Heroes regularly for more helpful advice on everything related to e-learning. If you have any questions, please share them in the comments.
