code block
12 TopicsWelcome to a Severance Style Code Block
My first time creating an interaction with code! So inspired by what everyone has created. I've learned it can take a few iterations to get what you want. I used Copilot and ChatGPT5. Feel like I could have spent more time—had to stop and call it good enough for now. Enjoy this Severance inspired interaction. As a new employee, Mr. Milchick has assigned a task for your to complete as part of your orientation. When you are complete, clock out and take the elevator to leave. See it here Cyd Find me on LinkedIn or https://mastermind180.com/57Views4likes8CommentsHidden Meaning
I've been experimenting with ways to allow users to have more control in how they interact with learning content to make it more enjoyable. Inspired by tactile learning, this one allows users to control the view port and the way they receive information. https://360.articulate.com/review/content/e3b27630-da90-4f3f-82f7-58f93e76d044/review37Views1like3CommentsFun and Gamified Learning with Code Block (Beta) feature in Artiulate Rise 360
Developed using Artiulate Rise 360’s new Code Block (Beta) feature, this interactive game challenges learners to click targets before they disappear. Each target adds points. Click the link below to try it now and see if you can top your best score! https://www.brilliantteams.com.au/gamified-learning-with-rise360-code-block-feature/30Views2likes0CommentsNYT Connections Clone
I've heard a lot about vibe coding over the last year, but this was my first attempt at building anything. I've got to say, it's incredible how quickly this came together with only a few prompts and zero clumsy attempts from me to try to remember various HTML elements and attributes. With a little inspiration from my cookbook shelf and the New York Times Games app, I had a fully functional Connections clone in a Rise course in about an hour. The possibilities for this are endless and I'm eager to see where people take this going forward. Click here for the Review Link35Views3likes3CommentsCrossfit Essential Movement Guide
Review Link Accessible Here In an effort to distract myself from going to the gym, I created an interactive explainer that breaks down and showcases the movements I should actually be doing when I go to the gym. I wondered: "What if I could package together some beginner to advanced movements, and provide some easily understandable cues and explanations on how to do these?" Goal: Like most of the examples here, I wanted this to be a standalone asset to be accessed ad hoc - not a full module that would be forgotten in the depths of an LMS or Coaching Library. Target Audience: 1) A coach looking for demonstration cues to deliver to beginners, or 2) An online client wanting a how-to-guide from their PT/Coach. Level-up options: ➡️ Work with my L2 CrossFit Coach to tailor more specific cues and embed our own videos in drop-down boxes ➡️ Resize & adjust to make it even easier for phone users (you're likely to view on-demand movement cues at a gym on your mobile!) ➡️ I wonder if a GPT can be built within the tool, where you can record and submit yourself doing the movement, and it analyses your performance and gives you real-time adjustments? 🤔 The introduction of the Code Block to Rise is really exciting for me - I can't wait to play with it even more! It makes me feel like a teenager on MySpace again 🤣23Views1like1CommentPlay Catch the Falling Balls!
We created an interactive mini-game in Rise 360 using the new Code Block (Beta) feature. Move the basket to catch falling balls—each ball scores a point and the challenge ramps up as the balls fall faster! Can you beat your high score? Click link to play now! https://www.swiftelearningservices.com/rise360-mini-game-with-code-block-beta-feature/36Views2likes1CommentMicrolearning 2: Electric Boogaloo
Hello! I've been taking part in these challenges for so long, sometimes I get to do a 'sequel' to an earlier demo. In the age of AI, witness the return of DOT - my 'microlearning companion' from 2020's 'Tiny E-Learning Challenge'. This time, she's a little bit more advanced, but no less sarcastic. DOT will respond to pre-filled questions with a range of randomised responses. Her code uses your web browser's built-in text-to-speech feature to read the dialog out loud. This week's demo is the result of a 4-hour 'vibe coding' session with Claude.ai, during which I shared images of my original demo for E-Learning Heroes Challenge 331. I'm still tinkering with DOT's code, so I won't be sharing that here. But if you'd like to know how I used two different fonts in the same course title, you'll find that code in the final section of this course. CHAT TO DOT HERE...63Views3likes1Comment🕹️ NeonNet Cognitive Console
This week’s challenge entry explores when open text questions are most useful. Instead of scoring or tracking, the interaction focuses on reflection: learners type their own response, compare it with a model answer, and then give themselves a simple self-rating. It’s a light, playful build in a retro console style, designed to show how the Rise Code Block can be used for more than just quizzes. The interaction demonstrates how to: Encourage learner ownership through reflection. Blend open text entry with self-assessment. Keep feedback flowing without breaking immersion. The full HTML/CSS/JS code sits just below the interaction, so you can lift it and repurpose or remix it as you like. Check it out here!57Views1like1CommentBritish Sign Language (BSL) Revision Guide With Real-Time Hand Tracking System
👉 Try the demo and read more about the project here: BSL eLearning Demo – Hand Tracking with Rise Custom Code Blocks For this week’s Articulate E-Learning Heroes Challenge exploring the new Custom Code Block feature in Rise 360, I built a proof of concept that blends eLearning design with cutting-edge computer vision. My project demonstrates how a Rise lesson page can host a real-time British Sign Language (BSL) hand tracking system, powered by MediaPipe hand landmark detection and custom recognition algorithms. Learners receive immediate interactive feedback as they practise forming BSL letters in front of their webcam – all seamlessly embedded within Rise.49Views4likes2Comments🎥Hollywood Mogul
For this challenge, I created a coded activity called Hollywood Mogul, in which users can mix and match Genre, Star Power, Setting, and Plot Twist to create a pitch for a movie. From these elements, the code dynamically generates a movie title, logline, synopsis, and estimated budget based on the user's selections. Figure this may be the Hollywood wave of the future, if it isn't already. I used Canva AI to generate the code and it took maybe 2-3 iterations to get what I wanted, mostly in terms of the visuals. I haven't been much of a Rise user, but I think the code block is a game changer and I may have to reconsider a lot of my design projects. The code is at the end of the activity. Link here: Hollywood Mogul52Views2likes1Comment