rise 360

12217 Topics

Rise 360: Create Custom Blocks
Custom block is currently in beta. Functionality may change over time. Based on feedback and feature stability, some options could be modified, and others removed. Articulate Localization isn't supported for custom blocks at this time. Need a unique block to meet your exact training needs? Custom blocks unlock fresh possibilities! Add text, objects, and media elements to a blank canvas, then drag and drop them to craft the perfect creation. Note: While custom block supports several accessibility features, some aspects are not yet fully accessible. Insert Blank or Prebuilt Templates Set up the Canvas Add Templates and Objects Manipulate Objects Format Objects Adjust Object Order and Accessibility Settings Add Interactivity (Coming Soon) Modify the Block Settings Using Keyboard Shortcuts Accessibility and Known Issues Feedback Step 1: Insert Blank or Prebuilt Templates Get started with a blank canvas or a prebuilt template. Open the block library in your training to begin. Start from Scratch Expand the Custom Block menu. Select +Blank to insert a blank canvas into your course. Click Create a Custom Block to begin. Start with a Template Expand the Custom Block menu. Choose a category, then select a template. Hover over the block and click the Content icon to personalize the template. You can also add templates to blank blocks. Follow the link for a full list of prebuilt templates. Step 2: Set Up the Canvas The canvas is where you add objects and create your custom block. Only objects placed on the canvas are visible to learners. Use the toolbar that displays to select the canvas to modify the color, border style, and overlay. You can also manually enter the canvas pixel width and height or automatically shrink the canvas to the included objects. Please note, custom blocks aren't responsive at this time. We recommend using a slightly taller canvas size so that your content remains legible on smaller screens and mobile devices. Step 3: Add Templates and Objects Once you're in the custom block editor, you can either manipulate objects in your selected template (more on that in the next section), insert a new template, or add objects. Use the search bar in the object category menu to quickly find what you need. Use the control in the lower-right corner to zoom in or out on the canvas. Templates On the left sidebar, click Templates, and then make a selection. On a blank canvas, click Use template. This inserts the canvas and all objects associated with the selected template On a populated canvas, you can also select Add to canvas. This keeps the current canvas and inserts the template objects over the existing objects. Selecting Use template on a populated canvas completely replaces the existing canvas and objects. Once inserted, the individual objects of a template can be manipulated and formatted just like any other object. You may have to ungroup or drill into objects to access all formatting options. Objects Add additional objects from the left sidebar. Text: Insert a text box with the selected text type as the default. This can be modified in the formatting toolbar. Add a hyperlink by selecting text. (Note: superscript and subscript formatting aren't available for custom block text.) Shapes and Lines: Insert a grey prebuilt shape or black prebuilt line on your canvas. For shapes: click within the shape to add text. Shape formatting options include color, corner rounding, border, shadow, and overlay. Line formatting options include color, line style, and shadow. Images: Insert an image generated with AI, an image from Content Library 360, or upload your own. Regardless of source, images have corner rounding, border, shadow, and overlay options. Crop and alt text tools are available by right-clicking on an image. Videos: Insert a video by dragging and dropping or selecting a video file to upload. If you'd like your video file to keep its specific file format and not undergo compression, you can opt out of optimization by selecting Preserve file quality. Note that this may decrease performance. Forward seeking can't be disabled for videos in custom layouts. Audio: Generate audio with AI Assistant, record your own audio, or upload an audio file with transcription to insert into your canvas. Click any of the icons to insert the object you want, then simply drag it to where you'd like it to be in the block. You can also select an object or group of objects and enter the X and Y positions in the Position toolbar menu. Step 4: Manipulate Objects You can work with objects in multiple ways. In addition to direct manipulation, right-click menu commands, formatting toolbar options, and keyboard shortcuts are available. The options available for individual objects are also easily accessible from the Objects sidebar. Change the Order The easiest way to change the order of an object on the canvas is to right-click the object and select an option from the Move menu. There are also several keyboard shortcuts for adjusting an object's placement. Align Horizontal and vertical alignment guides display as you move an object, multiple objects, or an object group. If you have other objects placed on the canvas already, you'll see vertical and horizontal alignment guides in relation to those objects as well. You can also select an object, multiple objects, or group and choose an option from the Position menu, or right-click and select an option from the Align menu. Resize You can quickly resize an object by hovering over the edge or corner and dragging in that direction. Hold the Shift key while resizing to maintain the object's aspect ratio. You can also enter the width and height values in the Position menu. Rotate Rotate objects by hovering over an object's corner. When the cursor changes to a curved arrow, click and move the cursor in the direction you want to rotate the object. You can also select an object or group and use the slider, or enter a value in the Position menu. Note that alignment guides don't appear when you’re moving rotated objects. Group Grouping is a handy way to move, resize, rotate, flip, or change other attributes of several objects all at once—as if they were a single object. To group objects, Shift+click or drag your cursor over two or more objects, then choose Group to group them. To ungroup objects, choose Ungroup. Lock Select an object or group of objects and click the lock icon in the toolbar that appears to lock their position. You can also right-click and select Lock. Duplicate Select an object or group of objects and click the duplicate icon in the toolbar that appears. You can also right-click and select Duplicate. The duplicated object or group appears slightly offset from the original and is automatically selected. Delete Select an object or group of objects and click the delete icon in the toolbar that appears. You can also press Delete or select the Delete option from the right-hand menu. Restore deleted items by pressing Ctrl+Z. Step 5: Format Objects Select an object on the canvas to access the formatting/action toolbar. Different objects have different toolbar options. The formatting toolbar for multi-selected and grouped objects reflects the available tools for the objects in the group. If a tool doesn't affect a particular object, modifying the value will have no effect on that object. Tools that are available for all objects or multiple object types will equally affect all relevant objects. For example, changing the opacity for a group overrides any individual object settings and, instead, sets the opacity for all group objects to the same value. All Objects Opacity Adjust an object's visibility. When multiple objects are selected, this value overrides any individual object's value. Position Align the object to the canvas using the available options. Rotate the object. Enter pixel values in the W and H fields to adjust the object size, using the lock icon to preserve aspect ratio. Use the X and Y fields to position objects on the canvas. Images Crop Use the drop-down menu to select an aspect ratio and crop the image accordingly. You can also use the freeform crop tool or enter specific values in the position menu. Reset to abandon changes. Lines Line Start/Line End Select from a variety of shapes to start and end the line. Line start and line end styles can be set independently. Shapes and Text Text Formatting These tools let you adjust the font type, size, and formatting, as well as the paragraph and line positioning. Shapes, Lines, and Images Change Shape Switch to a different shape. Color (Shapes only) Change the object's fill. Apply a color to the selected object using one of the following methods: Click the color you want in the Saturation and Value area. Drag the hue slider to change the dominant color of the spectrum. Use the eyedropper tool to match the color of anything visible on your screen. Just click the eyedropper, then click any color on your screen. (Chrome-based browsers only) Entering a custom color value in Hex. Choose a color from the theme color palette. Or select a color you've used in the current layout. Adjust the visibility of the color opacity with the Opacity bar under the Hue slider. Border/Stroke Change the object's border/stroke color, opacity, width, and type: solid, dashed, dotted, or no border (shapes only) Corner Rounding Use the slider or enter a specific value to change the degree of rounding for image and shape corners (does not apply to ovals). Drop Shadow Add a shadow to the selected object. Use the X and Y fields to control the position of the offset. The shadow is black by default, but you can change it in the Color menu. Opacity determines how visible the shadow is, and blur affects the sharpness of the shape. Overlay Add a color overlay to your object. The overlay is black by default, but you can change it in the Color menu. Adjust overlay opacity with the slider or enter a value. Step 6: Adjust Object Order and Accessibility Settings There are two ways to adjust the order of objects and object groups. One way affects the visual order while the other affects how accessibility tools like screen readers interact with objects in a custom block. Visual Order Select Objects in the sidebar to access controls for the canvas and all objects in your current custom block. In addition to using the combined formatting toolbar, you can easily drag and drop individual and grouped objects to adjust their visibility. You can also remove items from groups. Note that newly added objects appear at the top of this list. Focus Order Select Focus order to access a list of objects and groups in screen reader and keyboard navigation order. Items in this list can be adjusted independently of object order for accessibility purposes, but you can't remove items from groups here. Click Match visual order to reset the list to the same order as the objects list. Newly added objects appear at the bottom of this list. Add Alt Text In the focus order panel, use the Alternative text field to add alt text to any object, object group, or the canvas itself. If they don't have alt text, images, lines, and shapes without text are considered decorative and aren't announced. Step 7: Add Interactivity (Coming Soon) We're still exploring how to add interactivity to custom blocks. We'd love to hear your thoughts. Hover over Interactivity in the sidebar and click Share Feedback to let us know what interactive features would make your custom blocks even better. Step 8: Modify the Block Settings Hover over an existing block to access the left-hand design toolbar and modify the appearance of your block. Click the Style icon to access block background options. The Format menu provides options for changing the block padding and content width. Since custom blocks aren't responsive at this time, use the following values as the maximum widths for your canvas so that the block fits within the content width parameters: Large - 920px Medium - 760px Small: 520px We recommend using less padding around custom blocks for a better mobile experience. Using Keyboard Shortcuts The following keyboard shortcuts can be used on the custom block canvas. Mac/Windows Keys Function O Add circle (oval) item to canvas T Add paragraph item to canvas R Add rectangle item to canvas Cmd/Ctrl+] Bring forward ] Bring to front Delete Delete object Cmd/Ctrl+D Duplicate objects Shift+H Flip horizontally Shift+V Flip vertically Cmd/Ctrl+G Group objects Cmd/Ctrl+Shift+L Lock/Unlock Shift+Arrow Keys Move object 10px Cmd/Ctrl+Click Select object within a group Cmd/Ctrl+Y Redo Cmd/Ctrl+A Select all Cmd/Ctrl+[ Send backward [ Send to back Cmd/Ctrl+Z Undo Cmd/Ctrl+Shift+G Ungroup objects Cmd/Ctrl+0 Zoom custom block canvas to 100% Accessibility and Known Issues Accessibility We're still evaluating and improving the accessibility compliance of custom blocks at this time. In its current state, the custom block feature doesn't fully meet accessibility guidelines. Custom block templates and user-defined custom blocks don't reflow to fit different screens. This can make them hard to read on small screens or when zoomed in. Accessibility guidelines provide a reflow exception for presentation content like our custom blocks, but they can still be difficult for mobile users and people with low vision to use. To make sure your content works for everyone, test it on both a mobile device and a desktop browser zoomed to 400%, not just in preview mode. Even though it doesn't meet full compliance at this time, we encourage authors to use the accessibility tools provided to improve accessibility. Read on to learn about managing the focus order and other accessibility tips for custom blocks. Manage the Focus Order Authors have full control of how a screen reader navigates the content in custom blocks. Objects can be reordered separately from their visual stacking order to dictate the exact reading order for screen readers. Here are some guidelines to keep in mind: Shapes, lines, and images are decorative by default. They will not be announced by screen readers unless the author assigns an alternative text. Text will always be announced. This includes text inside shapes. Groups aren't announced by default, unless they’ve been given alternative text. Leaving the group without alternative text just means the group itself won't be announced as a separate item. Any meaningful object within the group (for example, text or images/shapes with alt text) will still be announced. Audio and video have predefined labels. Authors can add alternative text when additional context is helpful. But if the field is left blank, screen readers will announce the default, predefined labels as “video player” and “audio player” respectively. The custom block canvas follows the same principle as groups, audio, and video. Authors can optionally assign alternative text to the canvas or leave it blank, in which case the screen reader would move straight to the content. Accessibility Tips Ensure that all meaningful objects and groups are clearly named in the objects panel. This makes them easier to identify later and saves significant time when managing both the visual and focus order. Use correct heading levels in order with clear, descriptive titles. Keep objects organized in a logical order from the start. A well-structured objects panel makes it much easier to set the final focus order later on. Provide alternative text (alt text) for any object that's meaningful or helps convey structure. Because alt text can be added to any object in Custom Block, authors can strategically use it to communicate important visual information effectively, especially in visually rich layouts. Use the focus order panel to reorder objects independently of their order in the objects panel. Conduct manual testing with a screen reader to ensure the focus order is correct. Known Issues Articulate Localization isn't supported for custom blocks at this time. To translate custom block content, authors must use the manual translation process. Share Your Feedback We're excited about the creativity that custom block will unlock and need your help to ensure it meets the needs and expectations of all Articulate users. Your feedback will directly influence the development of custom block within Rise 360, so consider sharing your thoughts on the following topics: Uses: How are you using custom blocks? Share your creations! Bugs: Is anything not working as expected? Improvements: How could this feature be better? Insights: How does this feature benefit you and your learners? Click Beta next to Custom Blocks and select Share feedback to share your thoughts.
AnthonyKarcz
8 months ago Place User Guides
15KViews
47likes
0Comments
Continue buttons not progressing as expected
This must have happened overnight but when a Continue button is placed at the end of a module, it doesn't automatically progress to the next module. This now occurs with all courses I am actively and previously worked on, essentially breaking navigation. Is this a new feature or bug?
cbcasas
4 months ago Place Discuss Articulate Products
1.2KViews
32likes
31Comments
Accessibility Reality Checker (3 - minute Simulator)
Link to Rise Course (Quick Share) Accessibility Reality Checker Copy /Paste Link: https://share.articulate.com/kdeNT__CFskcknh1QTeIp Project overview I created this project because most accessibility training fails in a predictable way. It explains rules, but it doesn’t change decisions. Teams ship inaccessible experiences because the tradeoffs are invisible in the moment. I worked to build something that puts some of those tradeoffs out into the open. Instead of building a tutorial, I built a short decision simulator: three common, high-impact accessibility choices (contrast, keyboard navigation, and alt text). I framed each choice under the question “Which would you ship?” The simulator allows the review to choose and get immediate consequences, then see an “accessibility” score. I made the simulator small, fast, and opinionated because that is how product decisions and learning content approval happens in the real world. This is not and was not intended to be a comprehensive accessibility course. It’s a pressure test for everyday judgment. Prompts and constraints The Build-a-thon prompt was to explore what the Rise Code Block can really do. My personal guide was: “Can I build something that feels like a real product review decision instead of another accessibility checklist?” My constraint and format drivers were: No long explanations up front No hidden scoring Do not pretend or ignore nuances The review must make a decision and live with the result Tools and implementation Built entirely in Articulate Rise 360’s Code Block Plain HTML, CSS, and JavaScript only Custom UI, state management, scoring logic, step flow, results meter, and share text are all handled in the Code Block Intentionally used: Semantic HTML Keyboard-operable controls Visible focus states High-contrast color choices The experience itself is designed to model the behaviors it’s teaching. The experience had to go beyond just talk about the experiences. What I learned I need to spend a lot more time upskilling on HMTL and JavaScript. Vibe Coding can be fun. Rise’s Code Block is capable of much richer, multi-step interactions than I use it for. Using the Code Block require you to be disciplined about structure, focus management, and state. Small UX decisions (focus order, feedback timing, contrast, visual hierarchy) have a big impact on whether a user experience feels accessible, useable, or sloppy. Accessibility cannot be taught in 5 minutes, but a quick accessibility review can expose bad decisions and highlight options for better user experiences instincts This type of tool/ format is good for awareness, decision calibration, but not for deep technical training. I like to call this a “feature” of the simulator not a bug. I acknowledge simulator has some real limitation for real work use in it’s current state.
SheriLee
2 months ago Place Code Block Build-a-Thon
2.2KViews
29likes
11Comments
Rise 360: Restore Content with Snapshots
Want to preserve versions of your training as you create drafts, collaborate with colleagues, and publish courses? The snapshots feature lets you save and restore your work with just a few clicks. Snapshots are particularly handy when you're working with collaborators. You can capture a moment in your training as it develops and then compare it against collaborator versions or restore back to it as needed. No more having to create a duplicate copy of your training! Snapshots can also come to your rescue when you accidentally delete training elements, apply updates to the wrong training, or just need a manual way to track your versions. Here's how snapshots work. Create a Snapshot Restore a Snapshot Manage the Snapshot List Step 1: Create a Snapshot When you first create a training, your snapshot history is empty. To get started, open the Snapshots menu next to the title in the upper left and click Save snapshot. Enter a name and click Save to create your first snapshot. Whenever Rise 360 detects changes, like adding or removing content, you can create a new snapshot. Just open the Snapshots menu and follow the same process. Are Snapshots Ever Automatically Created? Creating a snapshot of your training is primarily a manual process, but Rise 360 will automatically save a snapshot whenever you publish to Review 360 or Reach 360, export your training for LMS, or create/update a Quick Share link. These events show up in the snapshot history. Do Snapshots work with localized courses? Yes! Learn more about how snapshots work in multi-language Rise 360 content. Step 2: Restore a Snapshot Need to return to a previous version of your training? Open the Snapshots menu and click the Preview button for the snapshot you'd like to restore. After reviewing the content to confirm it's the version you're looking to restore, click Restore this snapshot in the upper-right corner. You can also restore a snapshot without previewing it by selecting the Restore option from the . . . menu. Step 3: Manage the Snapshot List If your snapshot list starts getting unwieldy, don’t worry. You can rename, restore, or delete snapshots by clicking the . . . menu next to the snapshot you'd like to modify and choosing the appropriate option.
AnthonyKarcz
1 year ago Place User Guides
6.8KViews
26likes
0Comments
Setting for Default Font Size
It would be great to have the ability to set a custom default font size in Rise! Thanks for considering.
jstrausbaugh
1 year ago Place Suggest Ideas
527Views
22likes
5Comments
Rise login issues
Hello, I am having trouble logging in via normal browser, incognito or my phone. I have tried to raise a support ticket but am getting the other attached error. Is anyone else having issues? I have a course that I need to launch so this is not good timing! Thanks, Adam
Solved
AdamPalin
6 months ago Place Discuss Articulate Products
2KViews
20likes
40Comments
New Matching lay-out
Last week we received the updated lay-out of the matching knowledge check. The moment I discovered it was a bit unlucky (during a presentation, got me a bit confused) but today I had some time to look into it. The changelog as following on the articulate website: Enhanced: Matching knowledge check blocks have been upgraded with intuitive navigation, full keyboard support, and comprehensive screen reader integration. Now, I think it's great that Articulate is improving it's software's accessibility, however, I don't see anything intuitive about the new design. A lot of new things have been added which for me only make the assignment more confusing. On the left side the hamburger icon and number suggest some sort of clickability, which is not there. The drop downs on the right give the assignment a new layer of intractability which only wouldn't want for the student. Overall the lay-out is a lot less clean and drains focus away from the content towards the design. Maybe a simple solution would be to add a slider which let's us choose between this lay-out and the previous one (or this one without the rings and bells). That's just my opinion, I was wondering what other think of the new lay-out!
Solved
Thom392
1 year ago Place Discuss Articulate Products
4.5KViews
20likes
67Comments
Rise 360: How to Use Code Block
Want to offer deeper, richer experiences to your learners? Create code-based projects directly in Rise 360 with code block. Develop interactive tools and demos with an in-app code editor, or upload your own completed projects. Not sure where to start? Check out this training for inspiration, or read on to try it yourself. Insert a Code Block Modify the Block Settings Accessibility and Known Issues Note: Code blocks can only use the resources available in the block itself, and what’s written affects only that block’s environment. Code written in HTML, CSS, and JavaScript works best for custom code blocks. Step 1: Insert a Code Block Open a Rise 360 course, then edit an existing lesson or create a new one. Select All Blocks from the blocks shortcut bar. Or, click the insert block icon (+) that appears when you mouse over a boundary between blocks. From the sidebar, choose the Code category. Select an option depending on how you've compiled your code project. Click Add code to enter and edit code directly. Changes you make are reflected in real time. Click Upload project to upload a ZIP file that meets the following criteria: Includes a core project file named index.html that contains the code for your project. It can't be named anything else. This file can't be in a folder and must be at the root level of your file Includes all assets for your project, including source files such as images Isn't larger than 5 GB When the block displays, click the action button or hover over the block to access the left-hand design toolbar. Then, click the Content icon. In the sidebar, add your code or upload your zipped project. In the Add code block, use the search/replace, copy, and delete icons to quickly make changes to your entire code block. In the Upload project block, use the delete icon to clear out the currently uploaded ZIP file. Your project will run immediately once added to Rise 360. Note: Code blocks included in training published for LMS or web export can't be previewed locally but will display as expected when uploaded to your training host. Completion Parameters To ensure learners complete a code block activity before proceeding, set completion parameters for your code block. With the following steps completed, continue blocks recognize when learners have completed the activity within the block. Either edit the content of an existing code block or add a new block. Enable the Set completion requirements toggle. Copy the code snippet that displays: window.parent.postMessage({ type: 'complete' }, '*'); Paste the code into the code window or into your existing project. For existing upload project blocks, you'll need to re-import your project after adding the completion code snippet. That's it! Now Rise 360 continue blocks will recognize when the code block activity has been completed. Note: Activating the completion toggle and including a completion-based continue block without including the code snippet in your project will block learners from continuing the training. Inspiration Gallery Both blocks have one-click access to our tutorial course with sample projects. Take a look and see what's possible, then build your own based on the provided code and assets! Just click the Need help getting started? button to check it out. Vibe Coding If you use a third-party LLM to generate code (also known as "vibe coding"), use the following as your prompt template to ensure enhanced compatibility with Rise 360. Replace the text in square brackets with your own content. Create an `index.html` file that can contain HTML, CSS, and JavaScript and doesn't include external web requests This `index.html` file will be used inside an `<iframe>` In the `index.html` file, create [describe your project], give it a transparent background Encode that once [describe completion parameters], the application should call `window.parent.postMessage({ type: 'complete' }, '*');` to let the parent window know that the interaction has been completed Step 2: Modify the Block Settings Modify how your content looks on the screen by hovering over an existing block to access the left-hand design toolbar. Click the Style icon to access block background options. The Format menu provides options for changing the block padding, content width, and max height of the block. Accessibility and Known Issues Accessibility Code block accessibility is determined by the accessibility of the HTML code it contains. Check out these tips for making your code block accessible: Write code that is aligned with WCAG 2.2 standards. Use semantic HTML whenever possible. It provides built-in accessibility and reduces the need for custom code. Use screen readers, keyboard navigation, and zoom features to test your course. Double-check that learners can follow updates and have enough time to respond or explore content. Use an accessibility checker plug-in such as axe DevTools provided by Deque or the Wave accessibility checker to verify your code. Looking for more accessibility design tips? Check out the following resources: Rise 360: How to Design an Accessible Course Accessibility Index Known Issues Currently, code blocks have the following known issues: Publishing your training to PDF doesn't produce a one-to-one reproduction of code block content. Articulate Localization isn't supported for code blocks at this time. Code blocks also can't be translated via manual XLIFF translation. To translate code blocks, you must manually insert language-specific code blocks after translation.
AnthonyKarcz
7 months ago Place User Guides
14KViews
18likes
0Comments
Change ownership of Review 360 and Rise 360 team folder without deleting my seat
As the owner of a Rise or Review team folder, I would like to be able to give the folder ownership to someone else when I leave for a few weeks, without having to delete my licence.
GabrielleDor443
9 months ago Place Suggest Ideas
492Views
18likes
5Comments
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!
Daniel-Benton
5 months ago Place Articles
2.8KViews
17likes
7Comments