How I Built This: How I Vibe-Coded a People Manager Simulation
When the new Rise 360 Code Block (Beta) feature launched, I wanted to see just how far it could be pushed. Could you build something more than static content? That’s how the People Manager Simulation came to life – a fully playable, story-driven experience built entirely inside a single Rise code block, using only HTML, CSS, and JavaScript. In this video, I explain how it was created and how you can repurpose this approach in your own projects. Why I Made This In my day job, I design learning experiences for real teams, often around leadership, people management, and workplace decision-making. I wanted to create something that shows how these kinds of soft-skills topics can be transformed into immersive simulations without needing heavy development tools. The result is a game where you step into the shoes of a brand-new team leader, navigating real-world decisions that impact morale, performance, retention, and stress. Each choice has a trade-off, and yes, you can get “sacked” if you mismanage your stats. In the video, I mention that this project was built gradually, late evenings, after work, once my son was asleep. There were plenty of failed tests, odd bugs, and “why won’t this work” moments along the way. I did consider going back and documenting every single prompt and adjustment… but honestly, that would read like an increasingly impatient diary of me negotiating with ChatGPT! So instead, I wanted to share a simpler, more practical way for you to repurpose what already works. How I Built It Rather than starting from scratch, the method I show in the walkthrough involves: Uploading the existing working code of the simulation. Giving ChatGPT a single clear prompt that explains: This is for Rise 360’s custom code block. It should learn the structure and logic of the original simulation. It should rewrite the theme, dialogue, and characters for a new scenario. In the video, I demonstrate how to use the current People Manager Simulation code as context; use the download attached below. 📁 Download: People Manager Simulation HTML; attached below. You then give this to your LLM of choice as an attachment and provide your repurposing prompt; the one I used can also be downloaded below. 📁 Download: GPT Prompt for Repurposing Existing Demo; attached below. Key Takeaways Start from a working simulation instead of a blank page. Use a single, focused prompt to repurpose the entire code and story. Attach your full code as context so the model understands structure and logic. Re-use this workflow to adapt learning scenarios quickly—no coding expertise required. The Result Here’s the outcome of my own repurposing test from the walkthrough: a completely new narrative built using the same base code and single prompt. Is it perfect? No. But it’s a solid foundation—and all this came together in about ten minutes. 📁 Download: The Result — Full New HTML Code; attached below. Final Thought The best part of this approach is accessibility: you don’t need to be a coder to build something that feels custom. By starting with a working framework and iterating through clear, focused prompts, you can turn any learning scenario into a playable, data-driven experience. Whether it’s leadership, compliance, or customer service, this structure gives you the foundation to explore how choices shape outcomes, all inside Rise 360. My final ask is: please repurpose and improve on any of the ideas shared in this article. Let me and the wider community know how you get on. 💬 Ask Me Anything! I’d love to hear your feedback and answer any questions about the build. Drop your thoughts in the comments below—I’ll be checking in and responding! Want to Share Your Build? Do you have a project you’d love to share with the community? We’re always looking for more How I Built This stories. Whether it’s a game, interaction, or unique design, we’d love to feature your process. Drop a note in the comments or reach out to the community team if you’re interested!Record and Edit Videos Like a Pro with Peek 360 and Replay 360
We're ending support for Studio 360, Replay 360, and Peek 360 on December 31, 2026. Learn more. Did you know your Articulate 360 subscription has everything you need to create videos? That’s right—from the initial recording to making basic edits and gathering feedback to the final publishing of your video, Articulate 360 has you covered with Peek 360 and Replay 360. These are two extremely handy, easy-to-use tools you can use in conjunction with each other to create simple and professional video tutorials. Here’s an example of a video that was recorded with Peek 360 and then edited with Replay 360 to transform it into a step-by-step tutorial. The best part is, from start to finish, it was all done in just a few minutes, including the narration. Video tutorial created with Peek 360 and Replay 360 Let’s take a look at how you can use Peek 360 and Replay 360 to create quick and simple videos like the one above. Record Your Video with Peek 360 The first step is to create your screen recording. You have a few options for how to do this, since both Peek 360 and Replay 360 have recording abilities. Personally, I like to use Peek 360 for my recordings. Why? I love how the Peek 360 recorder is easily launched directly from my taskbar, and the videos are automatically uploaded to Review 360 when I’m done recording. I also like how completed Peek 360 recordings are converted to an .MP4 file (which are all stored in your MyDocuments/Peek folder). Here’s a tip for quickly accessing the .MP4 version of your Peek 360 videos: right-click on the video in question and choose “View in Folder” from the menu that appears. Right-click on a Peek 360 video and select “View in Folder” to easily access the .MP4 version of the recording I can also click “View on Articulate 360” from the menu to open up my Peek 360 recording in Review 360. From there, I typically grab the Share link and send it off to my reviewers or Subject Matter Experts. This way, I can get approval from stakeholders that the video covers all the appropriate content before I start working on final touches. Edit Your Video with Replay 360 Once you’ve created your Peek 360 video, you can jazz up the .MP4 version with Replay 360 by adding images, subtitles (called “Lower Thirds”), and audio narration. To make edits to the .MP4 video you created with Peek 360, launch a new Replay 360 project and insert the video. Click the Video button to insert the .MP4 version of your Peek 360 video in a Replay 360 project You’ll notice that your video is added to the A track in Replay 360 (there are two tracks: A and B). The inserted Peek 360 video has been added to the A track in Replay 360 and is ready for editing This is when it starts to get fun, when you can start making edits and tweaks. Here are a few things you might want to consider doing: Add an introduction photo and a wrap-up photo using the “Image” option Use “Lower Thirds” text to add an introduction and summary to your video Use “Lower Thirds” to add text captions to your video describing high-level steps or key information about what is happening in the video Use the Cut, Delete, and Split tools to edit your video; for example, to remove any unnecessary parts of the video. Remove original audio. If you included audio in your original Peek 360 recording and you want to remove it to re-record the narration after you’ve made edits to your video, simply use the Silence tool to remove the original audio. Record narration using the Audio tool. You can either insert existing audio files, or you can record from your mic directly in Replay 360. The nice thing is that Replay will play your video while you’re recording, so you can easily pace your timing so that it works with what’s happening on-screen. Your audio file will be added to the B track. These are just some examples of things you can do to improve and refine your Peek 360 and Replay 360 videos. Share Your Video With Learners Once you’ve got this great video, you’re going to want to share it with learners. Ways to share your videos include: Inserting the video in Rise 360 using a video block. Inserting the video in a Storyline 360 course. This is a great option if you want to add interactivity. For example, you could bring up a pop-up with additional information or a quiz question. The sky’s the limit with Storyline 360! Uploading the video directly to your LMS. To get a SCORM output, start by publishing or manually uploading your video to Review 360. Then, navigate to your Review 360 dashboard, hover over the video, and click on the ellipsis on the video card. From there, select Export to LMS and choose the reporting options. See this article for more details. These are just a few tips for how you can use the tools available in your Articulate 360 subscription to create quick and easy videos. Have you created videos of your own with Peek 360 or Replay 360? I’d love to hear about your experiences, tips, or tricks in the comments below. Want to try something you learned here, 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.Challenge #523
Hello Everyone, I decided to update a microlearning Rise course about time management that I created using the custom block feature. I can see how this feature could liven up a lot of new and existing courses! https://360.articulate.com/review/content/045b98e6-31c9-4de0-a896-99a1f1ffd257/reviewUnlock New Skills with AI Assistant Training
We’re thrilled that AI Assistant is here, and the Articulate 360 training page is packed to the brim with videos and resources designed to get you up and running fast. Whether you're looking to sharpen your skills with AI image generation or refine your writing using the power of AI, our on-demand video library is here to support you on your journey. Live Webinars Save your spot in our live sessions! You’ll learn how to partner with AI Assistant to improve writing, generate content and images, instantly convert blocks, create text-to-speech narration, and more. Live Training Webinars Skill Builders Skill builder videos help you sharpen how you work with AI Assistant. You’ll learn practical tips, tricks, and prompting techniques that lead to stronger, more useful content. You'll find videos tailored to Rise, Storyline, and general AI tips, so you can start improving your AI-generated content right away no matter which tool you're using. AI Assistant Skill Builders Feature Tutorials Our easy-to-follow video tutorials walk you through all the key functionalities of AI Assistant, ensuring you get the most out of every feature. Whether you’re looking to master a specific function or explore new capabilities, our short tutorial videos are designed to make learning quick and enjoyable. AI Assistant Tutorials Resources to Bookmark For more help getting started with these features, check out our handy user guides: Accelerate Course Creation with Articulate AI Rise 360: Create Content with AI Assistant Storyline 360: Create Content with AI Assistant And if you want more information about AI Assistant and the other AI features we’re working on, head over to these resources: Articulate 360 FAQs: Articulate AI Build Compelling Courses Up to 9x Faster with Articulate’s AI Assistant How E-Learning Experts Are Shaping Articulate AI How Articulate AI Safeguards Your Data Articulate 360 Feature RoadmapExplore the Newest and Most-Loved Features of 2024
This year, we rolled out over 120 features to help you create better courses faster. From AI Assistant to snapshots and emphasis animations, each feature was designed with you in mind. Check out the video below for a recap. But that’s not all! We’re excited to release even more new features to help take your courses to the next level. Keep reading to learn more about the features we released in the last quarter of 2024! Rise Accessible Matching Knowledge Checks and Quizzes We’re committed to ensuring everyone has equal access to learning opportunities, regardless of ability. We’re happy to share that matching knowledge checks and quizzes are now fully accessible. Want to learn more about this update? Read this article: Matching Knowledge Checks Accessibility. Accessible Scenario Blocks Looking to create interactive branching scenarios that every learner can enjoy? We’ve updated the scenario block to be accessible for all learners! Simply add scene descriptions to give learners the contextual information they need to complete the activity. For more info on this feature, check out this article: Scenario Block Accessibility. Storyline Resize Writer Dialog Window We’ve enhanced the writer dialog window to be more user-friendly. Now, you can resize the write and edit inline window to display more AI-generated content. Simply drag the window’s sizing handles to fit your needs. So helpful! Mark Favorite AI TTS Voices Storyline offers a wide range of AI-generated voices to help you quickly and easily add audio to your courses. And now you can save even more time by bookmarking your favorites for easy access. Simply click the heart icon in the voices tab to bookmark them. Note that favorite voices are saved to your computer, not shared across your subscription. Learn more about AI voices in Storyline here: AI Assistant: Producing Highly Realistic Audio. Display Recently Used AI Voices When you’re in a rush, every second counts. Save time and quickly find AI text-to-speech voices you’ve recently used from the View drop-down arrow. Get the details about AI voices in Storyline here: AI Assistant: Producing Highly Realistic Audio. Support for Multiple AI TTS Models If you’re creating courses in Hungarian, Norwegian, and Vietnamese, you’ll be thrilled to hear that you can now generate text-to-speech audio in these languages in Storyline. That’s right! We added an additional AI text-to-speech model to our toolkit, taking the number of supported languages from 29 to 32! To generate audio in Hungarian, Norwegian, and Vietnamese, simply select Turbo v2.5 in the drop-down menu. Want to learn more about the different language models? Read this article: AI Text-to-Speech Models in Storyline. Add Text-to-Speech Audio To Markers Need to quickly create audio for your interactive markers? Now that markers support AI and classic text-to-speech audio, you can easily generate narration and sound effects. Simply select your marker, go to the Format tab on the ribbon, click Audio, and select either Text-to-Speech or AI Audio. To find out how this works and get tips on adding text-to-speech to markers, check out this article: Adding Audio to Markers in Storyline. Reach Additional Reach Learner Interface Languages Delivering training in multiple languages with Reach? Good news: we added additional language options to the Reach interface! We now support: French France Canada German Germany Spanish Spain Mexico Latin America Portuguese Portugal Brazil Your learners will appreciate using a Learning Management System that speaks their language. Want to learn how to change the interface language in Reach? Take a look at this article: Managing Your Profile: Select Default Language. Wrap-Up We hope you’re as excited about these new features as we are! If you’re a subscriber, you can take them for a spin by logging in to your Articulate 360 account. And if you’re not, simply sign up for a free trial to check them out. Curious about what other features are currently in the works? Keep an eye on the Articulate 360 Feature Roadmap. And subscribe to our newsletter to get the latest product updates, e-learning examples, and expert advice sent directly to your inbox.
