vibe coding
7 TopicsNew Code Block Game
It's been a long time since I shared my work, but I'm really pumped up about the potential of the new Code Block in Rise. I started with a basic idea and then started vibe coding. It's amazing what can be achieved in a short space of time, and have been resisting the temptation to just have fun, and instead focussed on keeping my work learning focussed. A couple of learnings: The power of the code block will be really unlocked if Articulate can... Allow us to upload zip folders with images in them. Everything says you can, but I have yet to have a single successful upload. Provide code/facility to allow a code that can report course completion based on the code i.e. when a game is completed completion can be sent - even better if scores can be included. When course continuation can be linked to code block completion it enables true gamification. Not being able to include images is a limitation, but not a blocker - you will notice I have included some very rudimentary graphics by encoding the images as base64, however it seems Rise has a limitation of not being able to read base64 strings longer than 500 characters at present. As I suspect will be the case for many others, I, work for a company with very stringent security policies, so we aren't allowed file storage solutions. If there can be a basic image storage allowance for zip code blocks, that changes the game! Would love your feedback you wonderful humans. Review Link10Views1like0CommentsWelcome 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/82Views5likes8CommentsHidden 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/review53Views1like3CommentsMicrolearning 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...73Views3likes1Comment🎥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 Mogul65Views3likes1CommentSWOT </>
I vibe-coded a lightweight SWOT Analysis interaction in Rise with three flavors to fit different learning goals: Guided Reveal – Classic flip cards: front = the idea or prompt, back = definition, guidance, and examples. Flip for Optional Context – Respects adult learners’ time: key takeaway up front, optional context on the flip if they want more. Self-Reflection (Editable) – Learners type their own SWOT directly on the cards, with a Save as PDF option for practice or submission. The full copy-paste code is right below each example for anyone interested. https://360.articulate.com/review/content/c6bf0af4-7b2a-4f7d-b086-627adec4c905/review62Views2likes0Comments