Talk Devy To Me Veils of Fate with Troy Chaplin

Talk Devy To Me: Veils of Fate with Troy Chaplin ![rw-book-cover](https://i.ytimg.com/vi/9uG6DzaRKDM/maxresdefault.jpg) 🔗 **Source:** [Talk Devy To Me: Veils of Fate with Troy Chaplin](https://www.youtube.com/watch?v=9uG6DzaRKDM&rw_yt_language=en) > [!note]+ Document Notes > tags: #wordpress #interactivity-api #text-adventure #game-development #choose-your-own-adventure #php #react #ai-development #post-types #custom-blocks > author: Ryan Welcher > source: Twitch Stream > reference: https://www.youtube.com/watch?v=9uG6DzaRKDM > date created: 2024-12-19 11:15 > > # 🏷️ Title: Talk Devy To Me: Veils of Fate with Troy Chaplin >  ## 🧰 Action Inbox - [H1] Explore interactivity API router package for single-page app navigation — could improve user experience and scene continuation #wordpress - [H2] Research WordPress AI skills for Claude to enhance development workflow — mentioned AI assistance tools #ai-development - [H3] Implement progress tracking for continuing quests from specific scenes — current bug preventing proper quest continuation #game-development ## 🧭 Table of Contents - [[#📝 Summary]] - [[#📖 Main Content]] - [[#🗒️ Notes]] - [[#📚 References]] - [[#🗣️ Paraphrase]] - [[#📰 Newsletter]] - [[#✅ Action Items]] - [[#🧪 Hypotheses]] - [[#📊 Methodology]] - [[#❓ Questions]] - [[#🔮 Future Research]] - [[#💡 Implications]] - [[#🧠 Learning Styles Assessment]] - [[#📊 Accessibility Assessment]] - [[#🌍 DEIB Assessment]] - [[#✅ Logical Validity]] - [[#🛡️ DARVO Analysis]] - [[#🎯 Conclusion]] ### 🔗 References - [Veils of Fate Game Demo](https://www.youtube.com/watch?v=9uG6DzaRKDM) - [WordPress Interactivity API Documentation](https://developer.wordpress.org/block-editor/reference-guides/interactivity-api/) ## 📝 Summary - Troy Chaplin demonstrates his WordPress-based text adventure game "Veils of Fate" built with the Interactivity API - Game features a sophisticated architecture with campaigns, quests, and scenes using custom post types and taxonomies - Heavily leveraged AI (Claude) for development while learning the Interactivity API through reverse engineering - Complex data structure allows for branching narratives, character creation, and progress tracking - Built as a learning project to explore WordPress Interactivity API capabilities and AI-assisted development ## 📖 Main Content Troy Chaplin showcases "Veils of Fate," a choose-your-own-adventure text game built entirely within WordPress using the Interactivity API. The project represents an innovative approach to game development within the WordPress ecosystem, combining traditional storytelling mechanics with modern web technologies. The game's architecture consists of three hierarchical levels: campaigns contain multiple quests, which contain multiple scenes (individual story pages). This structure mirrors classic choose-your-own-adventure books where readers make choices that determine their path through the story. Key technical innovations include custom post types for campaigns, quests, and scenes, with taxonomies linking them together. The Interactivity API handles real-time navigation without page reloads, creating a smooth single-page application experience. Character creation includes race/class selection with automatically generated RPG-style stats. Troy's development approach was unconventional—he used AI extensively to write code first, planning to learn the underlying mechanics afterward. This "vibe coding" experiment demonstrates how AI can accelerate prototyping while creating opportunities for deeper learning through reverse engineering. ## 🗒️ Notes #### ⏱️ [00:00](https://youtu.be/9uG6DzaRKDM?t=0) — [H1] Introduction to Veils of Fate - Key idea: Text-based choose-your-own-adventure game built with WordPress Interactivity API - Evidence: "This is a text-based choose your own adventure game... inspired by books from our childhood" #### ⏱️ [05:30](https://youtu.be/9uG6DzaRKDM?t=330) — [H2] Game Architecture Overview - Key idea: Three-tier structure of campaigns, quests, and scenes mirrors traditional adventure books - Evidence: "Campaigns contain quests, quests contain scenes... like pages in the old books" #### ⏱️ [12:45](https://youtu.be/9uG6DzaRKDM?t=765) — [H1] AI-Driven Development Approach - Key idea: Used Claude AI extensively for coding while planning to learn mechanics afterward - Evidence: "This is the first project for me where I sort of let AI sort of take control on a lot of the stuff" #### ⏱️ [18:20](https://youtu.be/9uG6DzaRKDM?t=1100) — [H3] Theme Creation with Miles AI - Key idea: Used Miles AI beta for generating the game's WordPress theme - Evidence: "I've been fortunate enough to be a part of the Miles AI beta testing program from Andy Peline" #### ⏱️ [25:15](https://youtu.be/9uG6DzaRKDM?t=1515) — [H2] Character Creation System - Key idea: Players create characters with race, class, and auto-generated RPG stats - Evidence: "You can choose an elf... be a necromancer... get some stats with a total of 24" #### ⏱️ [32:40](https://youtu.be/9uG6DzaRKDM?t=1960) — [H1] Progress Tracking Implementation - Key idea: Game tracks player progress but has bugs with quest continuation - Evidence: "I am tracking this based on ID... need to figure out how a player can pick up where they left off" #### ⏱️ [38:50](https://youtu.be/9uG6DzaRKDM?t=2330) — [H3] Multiple Character Support - Key idea: Players can create multiple characters for different playthroughs - Evidence: "The ability to create more than one character... maybe play as Paladin and do the paladin quest line" #### ⏱️ [45:30](https://youtu.be/9uG6DzaRKDM?t=2730) — [H2] Custom Post Types Structure - Key idea: Campaigns, quests, and scenes are separate post types linked by taxonomies - Evidence: "Campaigns get automatic... titles synced into a campaign taxonomy" #### ⏱️ [52:10](https://youtu.be/9uG6DzaRKDM?t=3130) — [H1] Quest Editor Functionality - Key idea: Visual quest builder allows drag-and-drop scene ordering and choice creation - Evidence: "I can drag this around, set the order of how the scenes would be... turn on any of these that I want" #### ⏱️ [58:45](https://youtu.be/9uG6DzaRKDM?t=3525) — [H3] Scene Prerequisites and Requirements - Key idea: Scenes can have prerequisites preventing access until conditions are met - Evidence: "You can give your scene some prerequisites... can't visit until they visit scene A" #### ⏱️ [65:20](https://youtu.be/9uG6DzaRKDM?t=3920) — [H2] Interactivity API Implementation - Key idea: Uses Interactivity API for seamless navigation without page reloads - Evidence: "The interactivity API came in really handy... not loading new pages... just quickly reloads" #### ⏱️ [72:15](https://youtu.be/9uG6DzaRKDM?t=4335) — [H1] Data Flow and State Management - Key idea: Game state stored in post meta and endpoints, managed through Interactivity API - Evidence: "A lot of stuff is being set in post meta... grabbing all of the data from our endpoint" #### ⏱️ [78:30](https://youtu.be/9uG6DzaRKDM?t=4710) — [H3] Future Enhancement Plans - Key idea: Plans for boss battles, class-specific quests, and expanded RPG mechanics - Evidence: "I want to build boss battles... class or race-based quests... necromancer won't do what a paladin does" ## 📚 References - [WordPress Interactivity API Documentation](https://developer.wordpress.org/block-editor/reference-guides/interactivity-api/) - [Miles AI Theme Builder](https://miles.wp.ai/) - [Claude AI Development Assistant](https://claude.ai/) - [WordPress AI Skills for Claude](https://github.com/wpai/wordpress-ai-skills) ## 🗣️ Paraphrase - Troy built a sophisticated text adventure game within WordPress using modern web technologies, specifically the Interactivity API for seamless user interactions - The development process was experimental, using AI to generate code first and planning to learn the underlying mechanics through reverse engineering afterward - The game's architecture cleverly uses WordPress's built-in systems (custom post types, taxonomies, meta fields) to create complex gaming mechanics like branching narratives and character progression ## 📰 Newsletter **Building Games with WordPress: The Interactivity API Unlocks New Possibilities** Troy Chaplin's "Veils of Fate" demonstrates how WordPress has evolved beyond traditional content management into a platform for interactive applications. Using the Interactivity API, he created a full-featured text adventure game with character creation, branching storylines, and progress tracking—all without leaving WordPress. The project showcases innovative uses of familiar WordPress features: custom post types become game entities, taxonomies link story elements, and the block editor becomes a visual game development tool. For developers, it's an inspiring example of pushing WordPress boundaries while maintaining its core strengths. Key takeaway: The Interactivity API isn't just for enhancing websites—it's opening doors to entirely new categories of WordPress applications. Resources: [Learn WordPress](https://learn.wordpress.org/), [Developer Docs](https://developer.wordpress.org/), [WP-CLI](https://wp-cli.org/) ## ✅ Action Items #### WordPress - Core: Explore Interactivity API capabilities for complex application development - Documentation: Create examples of Interactivity API usage beyond simple interactions - Community: Share innovative WordPress applications to inspire developers #### DevRel - Education: Develop workshops on building interactive applications with WordPress - Developer experience: Improve Interactivity API documentation with game development examples - Community management: Highlight creative WordPress projects in developer showcases ## 🧪 Hypotheses - The Interactivity API can support complex application logic traditionally requiring separate JavaScript frameworks - AI-assisted development can accelerate prototyping while creating learning opportunities through reverse engineering - WordPress's content management features (post types, taxonomies) can effectively model game mechanics and data structures - Choose-your-own-adventure games can serve as accessible entry points for learning complex web development concepts ### 📊 Methodology - Case study analysis of Veils of Fate's architecture and implementation patterns - Code review comparing Interactivity API usage with traditional React/Vue approaches - User testing of game mechanics and WordPress admin experience for content creators ### ❓ Questions - How can the Interactivity API router improve single-page application experiences in WordPress? - What are the performance implications of complex state management through the Interactivity API? - Could this architectural approach scale to multiplayer or real-time gaming applications? ### 🔮 Future Research - Performance benchmarking of Interactivity API applications vs traditional SPAs - Developer experience studies comparing AI-assisted vs traditional learning approaches - Exploration of WordPress as a platform for educational game development ### 💡 Implications - Practice: WordPress developers can build sophisticated applications without external frameworks - Policy: Need for expanded Interactivity API documentation and learning resources - Education: Demonstrates potential for gamified learning experiences within WordPress - Funding: Innovative WordPress projects could attract new developer communities and use cases ### 🧠 Learning Styles Assessment Reading level estimate: Grade 10 #### 👀 Visual learners - Present: Screen recordings of game interface, code demonstrations, visual file structure - Improve: Architecture diagrams showing data relationships, flowcharts of user journey #### 🔊 Aural learners - Present: Live coding explanation, conversational format, step-by-step verbal walkthrough - Improve: Audio summary of key concepts, podcast-style recap #### 🗣️ Verbal learners - Present: Technical terminology explained, analogies to traditional book formats - Improve: Glossary of Interactivity API terms, comparison tables #### 🧩 Kinesthetic learners - Present: Live coding demonstration, interactive game exploration - Improve: Code sandbox for experimentation, step-by-step building tutorial #### 🧠 Logical learners - Present: Clear data hierarchy (campaigns → quests → scenes), systematic code review - Improve: Decision trees for game logic, performance metrics comparison #### 🧑‍🤝‍🧑 Social learners - Present: Live stream format with chat interaction, collaborative problem-solving - Improve: Community challenges, peer code reviews #### 🧘‍♀️ Solitary learners - Present: Detailed code exploration, independent project development - Improve: Self-paced tutorial modules, reflection prompts on AI-assisted development #### 🌿 Naturalistic learners - Present: Organic development process discussion, iterative improvements - Improve: Project lifecycle analysis, sustainability of AI-assisted development practices ### 📊 Accessibility Assessment #### Screen reader semantics - Present: Code structure discussion, verbal explanation of interfaces - Improve: Alt text descriptions for code screenshots, semantic markup examples #### Keyboard navigation - Present: Discussion of game navigation patterns - Improve: Keyboard accessibility testing of game interface, navigation flow documentation #### Contrast and readability - Present: Clear code syntax highlighting, good video quality - Improve: High-contrast code themes, font size recommendations #### Text resizing and reflow - Present: Responsive development practices implied - Improve: Explicit discussion of mobile/accessibility considerations #### Media and captions - Present: Live stream with audio - Improve: Full transcript available, key concepts highlighted #### Forms and interactions - Present: Character creation form demonstration - Improve: Accessibility review of form validation, error handling patterns ### 🌍 DEIB Assessment #### Cultural breadth - Present: References to classic gaming experiences, childhood memories - Improve: International game development examples, diverse cultural storytelling #### Inclusive language - Present: Technical discussion using accessible terminology - Improve: Avoid assumptions about childhood gaming access, explain cultural references #### Neurodiversity support - Present: Clear step-by-step explanations, structured demonstration - Improve: Multiple explanation methods, processing time considerations #### Representation - Present: Single developer perspective, male-dominated gaming references - Improve: Diverse developer stories, varied gaming backgrounds represented #### Psychological safety - Present: Supportive learning environment, mistakes acknowledged - Improve: Explicit encouragement of questions, beginner-friendly framing ### ✅ Logical Validity #### Strong reasoning - Deductive strength: WordPress capabilities → Interactivity API → Complex applications possible - Inductive strength: Single successful game example → Pattern for similar applications - Causal reasoning: AI assistance → Faster development → More learning opportunities - Analogical strength: Physical adventure books → Digital interactive experiences #### Fallacies - Survivorship bias: Only showing successful AI-assisted development, not failed attempts - Hasty generalization: Single project success → All developers should use this approach #### Tone of voice - Overall tone: Enthusiastic and experimental, encouraging innovation while acknowledging learning gaps ### 🛡️ DARVO Analysis - Deny: None observed - Attack: None observed - Reverse victim/offender: None observed - Emotional cues and rhetoric: Positive, growth-oriented discussion focused on learning and experimentation ## 🎯 Conclusion Troy Chaplin's "Veils of Fate" demonstrates the untapped potential of WordPress as an application development platform. By combining the Interactivity API with traditional WordPress features, he created a sophisticated gaming experience that challenges assumptions about what's possible within the CMS ecosystem. The project's most valuable contribution may be its development methodology—using AI to accelerate initial building while creating opportunities for deeper learning through reverse engineering. This approach could inspire developers to experiment with WordPress capabilities they might otherwise consider too complex or time-consuming to explore. For the WordPress community, this project signals an exciting evolution from content management toward full application development, opening new possibilities for developers and expanding WordPress's relevance in modern web development. ## 🧱 Refactor Appendix ### 📚 Literature Split Pad Purpose: Stage CEE units that become Literature notes. Split level: H3 ### [H1] Interactivity API enables complex WordPress applications > [!quote] [Talk Devy To Me: Veils of Fate --- ## Full Transcript [00:08] We refct. [00:31] pain. [00:32] Everyone [00:58] has it. [01:03] acquies [01:14] choice, every [01:52] Turn [01:54] everyone. [07:43] Switch over. All right. Hi everybody. I [07:46] don't know who's in chat right now, but [07:48] uh we're here. We're here for Talk Devy [07:50] to Me issue version number two. I don't [07:53] know, B2. And with with me is my friend [07:56] and guest. He's right here above me, Mr. [07:58] Troy Chaplan. Hi, Troy. How you doing, [08:00] man? Hey, how's it going, Ryan? [08:02] >> It's going great. It's going great. Um, [08:05] I'm excited. I've been uh we've been [08:08] talking about doing this for for a long [08:10] time. We're we're going to learn about [08:11] Veils of Fate um the game that you built [08:15] and uh and we spent way too much time [08:17] generating AI um [08:21] images [08:23] for this. Speaking of, I wanted to just [08:25] mention I do have a new command. So in [08:27] in chat if you write [08:30] bang Troy you get the awesome picture of [08:34] us with our our fingers pointing in the [08:36] blue thing. So that's that's a that's a [08:38] shout out to to Troy and so that there [08:41] you go chat. So give it a whirl if you [08:43] feel like it. Cool. All right Troy. Well [08:45] tell us what the game is all about. Oh [08:49] people are already doing it. Kev. It's [08:52] Kev. All right. Cool. And I've turned [08:54] the music off um and got rid of the the [08:56] the shutout stuff that happens because [08:58] last last time we we did this it got a [09:00] little bit um um annoying. So anyways, [09:04] Troy, over to you. What is what is Bales [09:07] of Fate? [09:08] >> So this is a textbased choose your own [09:11] adventure game. Um I think back to when [09:14] I was growing up. Um there was a series [09:16] of books and I think you you're going to [09:17] remember these two, Ryan. I think we [09:18] talked about this before. There was a [09:19] series of books from our our childhood. [09:23] um you know each page was almost like a [09:25] little part of the story and you'd get [09:26] to the bottom you'd pick like oh you [09:28] want to do this go to page 12 pick this [09:30] go to you know page 18 whatever the case [09:32] might be so I always loved those books [09:34] as a kid um I've really wanted to build [09:37] something like that for a while and you [09:39] know I could have used React I could [09:41] have there's you know a whole bunch of [09:42] other tools I wanted to use but I really [09:45] wanted to do something with WordPress so [09:47] when the interactivity API sort of came [09:49] about uh I was really interested in [09:51] learning a little bit more about that. [09:53] Um, so that's when I kind of decided [09:55] that maybe now is the right time to to [09:57] build this project. Um, so yeah, I I [10:00] kind of just dove in um and started [10:03] working on this. So this is actually the [10:04] first project for me where I sort of let [10:07] AI sort of take control on a lot of the [10:10] stuff I was doing. Um, typically when I [10:12] build stuff like AI is my assistant and [10:14] and I'm still doing a lot of the [10:16] controlling here. But in this case, I [10:17] sort of was just feeding my commands in [10:19] and I wanted to kind of play around with [10:21] that side of development. You know, I [10:23] hear so many people talking about like [10:24] they're vibe coding all of these apps [10:26] and all this sort of stuff. So, I wanted [10:27] to to kind of try my hand at that one a [10:29] little bit. Um, so this one kind of got [10:32] a bit interesting. Now, I know we can [10:33] we're going to dive into the back end a [10:35] little bit and we're going to talk [10:36] around about like the post types and how [10:38] all of this stuff came about. Um, but [10:41] first I want to talk about like just [10:43] some of the various aspects that make up [10:45] the game. Um, so on the homepage here, [10:47] you'll see this. I'll refresh. [10:49] >> Let me switch over to your screen. [10:50] >> Oh yeah, sorry. I thought it was already [10:52] showing. [10:52] >> No, no, I had it on mine. [10:54] >> Like a dummy. You're good. Oh. [10:58] >> Oh, we lost Troy. What's happening? [11:04] >> Am I here? [11:06] >> Oh, I can hear you, but your your [11:07] camera's your camera's gone. What just [11:10] happened? [11:11] >> I don't know. [11:13] And your screen's gone, too. Did you [11:16] close the browser by mistake or [11:17] something? [11:19] >> There we go. [11:20] >> Back. [11:22] >> Back. [11:22] >> Okay, there we go. That was weird. [11:24] >> Your camera's not yet, but uh [11:29] I see you. You're just a big black box, [11:31] but Oh, and your screen's sharing's gone [11:33] again. [11:34] >> Oh, your camera. [11:34] >> Yeah, that's cuz I clicked the wrong [11:36] button to turn on my camera. I don't [11:37] know what just happened there. Hey, it [11:39] happens to the best of us. You've seen [11:40] my streams before, right? [11:43] You know what happens. [11:45] >> Yeah. You know, I actually I actually [11:46] know what happened now. I was trying to [11:48] refresh this so we could see the nice [11:49] animation and I think my my active [11:51] window was the actual stream itself. [11:54] >> Oh, okay. Well, that'll do it right now. [11:55] >> So, yeah, I wanted to refresh here just [11:57] to show some of the animation. So, one [11:59] of the things I did is I've been [12:00] fortunate enough to be a part of the [12:02] Miles AI beta uh testing program from [12:05] from Andy Peline. So I was lucky enough [12:08] to get to build a theme for this game [12:11] with that tool. So that was sort of the [12:13] the first part of the AI experience here [12:15] with this game. Um so you see you scroll [12:18] down like I've written a lot of content [12:20] here. So this was me and AI writing some [12:22] of the content for the game. Um just [12:24] talks about these are actually some of [12:26] the classes that you can use in the game [12:27] and and I mean I love the AI imagery [12:30] here. [12:31] um coming down because some of the some [12:33] of the info about the game and then you [12:36] come in um just to more of the about [12:38] sections. So there's a few sections [12:40] behind the scenes in the game. Um [12:44] so what we can do though right away is [12:47] I'm going to go into [12:49] one of the quests. So what'll happen is [12:52] when you first start the game, when I [12:53] open this one up, I'm hoping to launch [12:55] this maybe in a couple weeks. I've got a [12:57] couple of uh little refinements to to do [13:00] on the look and feel of things, but the [13:01] game is finished. The game is is fully [13:03] playable at this point. Um, so you can [13:06] come in here now, [13:07] >> but it's not live. Like the uh Kevin's [13:09] already asking for a link because that's [13:11] what Kevin does. Comes in, hijacks. [13:13] >> You know what? Maybe I'll get a link out [13:16] at the end of the weekend. I just have a [13:17] few things I would like to put in there, [13:19] but I would like to get this out there [13:20] to get some more beta testing going and [13:22] get some feedback on how I can improve [13:24] it and sort of where I can go sort of [13:26] with the next chapter of this game. [13:28] >> Um, so right now you can come in and [13:31] this would be your intro quest. So the [13:33] intro quest you can do it without being [13:34] logged in. It's it's not there's no [13:36] requirement to have an account or [13:37] anything. So um the first quest is made [13:40] up of 18 scenes. So in this case a scene [13:43] would be the equivalent of a page. um if [13:46] you were kind of thinking about the [13:47] books, you know, from our childhood. Um [13:50] and each scene has an image that sort of [13:52] helps set the scene. So, you come down. [13:55] Um I don't not going to read through it. [13:56] I kind of think maybe give people the [13:58] opportunity to read through it on their [14:00] own at their at their own leisure. So, [14:03] >> but we come down. I'm going to quickly [14:04] skip through a little bit and um so you [14:07] come down. So, you get in you get to the [14:08] next scene. Um you get into one of the [14:11] characters. You start understanding. So, [14:12] these are the founders. There's a page [14:14] that I do have on the on the live site [14:16] about the founders that you can read [14:17] about who the four founders are. Gives [14:19] you some information around the main [14:21] story line of the game. Um so then you [14:23] come down there's this like the books. [14:24] You come down and you can choose um the [14:27] next path that you want to go. This is [14:29] where the interactivity API came in [14:31] really handy where it's not loading new [14:33] pages. I don't got to go and and make a [14:35] template for the scene post type and um [14:38] kind of go and and reload everything. So [14:40] you can just click in and it just [14:41] quickly reloads here. here. It brings [14:42] you back up to the top of the page. You [14:44] get your nice image and you start [14:45] scrolling back down and you can read [14:48] through um all of these stories. [14:52] So, I'm going to really quickly [14:53] >> I love that picture. So, [14:56] >> AI did some really great stuff. So, this [14:58] this game in in all of the scenes, [14:59] there's 112 scenes. Actually, I should [15:02] probably back up. There are there's the [15:04] first act is act zero. That's your [15:06] prequel that has a quest with 18 scenes [15:10] in it. Once you get past that, you would [15:13] get to the create a character screen, [15:15] which would be this screen here. So, I'm [15:17] going to come in. Um, I am going to use [15:20] my 12-year-old, well, when I was 12 [15:23] years old, this was my D and D [15:25] character's name back when I was in high [15:26] school playing with some buddies. Um, [15:30] so I'm going to choose an elf. And then [15:33] you'll see you get like a little [15:34] description of what the race uh is. And [15:37] you'll get the same on class. So, I'm [15:38] going to be a necromancer. and you get a [15:40] little description here. And then you [15:42] scroll down and you'll get some stats. [15:44] So, by default, the the the the block [15:47] that's on the page here will just spit [15:48] out some stats. Uh I've got it set to a [15:51] total of 24. So, you can't sit here and [15:53] keep rolling to get perfect 20s across [15:54] the board. Um I have limited the amount [15:57] of rolls again, so you can't sit there [15:58] and and try to to get your stats. [16:00] >> Yeah. [16:01] >> So, I'm going to reroll once here and [16:04] >> I'll be happy with with those stats. So, [16:06] I'm gonna kind of let's just get going [16:07] on our journey. [16:09] Cool. And I think Carolina spotted five [16:12] uh five fingers that she's saying on on [16:15] that last image. Was there five fingers [16:16] and a thumb? Karolina, is that you're [16:17] saying or like it actually has [16:20] >> Oh, I forgot. I forgot to erase I have I [16:22] already have a character in the game. I [16:23] just forgot to go and erase it before we [16:25] started the stream. So that's fine. So [16:27] what happens here now is is once once [16:29] you create your character, you're going [16:30] to get to the account hub. [16:34] So and and I mean Caroline is probably [16:36] right. I'm I'm sure there's a bunch of [16:37] those images that have like eight [16:39] fingers and and like one eye or [16:41] something like this, but it's weird. [16:42] It's it's AI. It's, you know, it's it's [16:43] it's really odd sometimes. [16:46] >> Um, so yeah, once once you're logged in [16:48] and you've got your character created, [16:50] you've obviously completed uh the first [16:53] act, which is down here. Well, act zero. [16:55] So that's your prequel. So that's been [16:56] completed. Now, um, this is what I'm [16:58] talking about where I have some styles [16:59] to change up. Like I don't like the [17:01] spacing and and the alignment of the [17:02] icons. This is just me wanting to be a [17:04] bit picky now before I really open this [17:05] up. [17:06] >> Yeah. Yeah. [17:07] >> Um I do have [17:08] >> She means it got it right this time. [17:09] Sorry. She meant it actually got it [17:11] right. [17:11] >> Oh, okay. [17:12] >> Which is which is great. [17:14] >> All right. So, you end up at this [17:15] account hub where you can come in and um [17:19] I will have images here. So, each class [17:21] and race are going to have some images. [17:23] Uh far future I want to add and upload [17:25] your own image. So, if you want to go [17:27] out and make your own character in your [17:29] vision, you can go ahead and do that. [17:30] So, that'll be a future upgrade that I'd [17:31] like to do on the game. Um, behind the [17:34] scenes, I'm actually generating various [17:37] stats like attack, defense, [17:39] um, magic points, and stuff like that [17:42] because I do have some stuff sort of [17:44] underlying in the code that would let me [17:46] expand the game. I want to build boss [17:48] battles. I have a million ideas of [17:50] things I want to do. Um, so I'm trying [17:52] to set the stage early for it to be able [17:54] to expand it without um, causing too [17:56] much trouble as I build new things out. [17:59] So once you're in, you can come in. [18:01] You'll see that the full game itself has [18:04] three acts. That's made up of 17 quests [18:09] and a total of [18:12] no, it's 112 scenes including the [18:15] prequel. So that would be um 94 scenes [18:20] once you get through the info intro and [18:22] you've created your account, you've [18:23] created your character, you have uh [18:24] basically it's a it's a book of 90 it's [18:26] a 94 page book that you can play your [18:29] way through and you always can come back [18:32] here. So we'll just kind of go into this [18:34] one um just really quickly just to see [18:36] some of the other choices. So, if you're [18:37] coming down now, the intro scene is set [18:40] up in such a way where all of the [18:43] choices at some point are going to make [18:45] you go through every path because it's [18:48] actually explaining who the founders [18:50] are, what the backstory is, and really [18:53] sets the stage for everything. So, you [18:55] the intro you get everything. Once you [18:58] get past the intro though, you don't. [18:59] This is where your choices are going to [19:01] make [19:02] >> they're going to make more sense. You're [19:03] going to make a choice and you're not [19:04] like I might not get a moment to go [19:06] collect myself. I might choose a path [19:07] that won't let me come back there. [19:09] >> Right. [19:10] >> So, the prequel kind of like is the [19:12] world building part where where where [19:14] like you get to understand everything in [19:16] the world about the world, all the [19:17] founders and all of that stuff. And then [19:18] >> Yeah, absolutely. And then like once you [19:19] get through the the the three founder [19:21] areas, you get to start to learn a [19:23] little bit more about yourself and how [19:25] you factor into the overall story here. [19:28] >> We have a question in chat. First one [19:29] from Cross Keys saying, "When you say [19:30] interactivity API, can I assume this is [19:32] a block based theme and individual [19:34] blocks are making the calls." [19:36] >> Yes. Yeah. And and we're we're going to [19:39] dive into that. I'm I'm fully prepared [19:40] to like we're going to dive into the [19:42] back end. We're going to take a look at [19:44] all the post types, what's on each page. [19:46] We're going to take a look at some of [19:47] the code. So, you know, we're we're [19:49] going to we're going to see everything [19:50] that's going on here. [19:52] So, I'm just going to answer the door. [19:55] And then we come in and get down to [19:58] another story. And then we start seeing [20:00] some more choices. So, this is where [20:01] you're going to start to split out in [20:02] the story and go down different paths. [20:07] >> Chester World 77 from YouTube is saying, [20:10] "Hia, Troy. You probably don't see the [20:12] uh non Twitch chat there, so I figured [20:14] I'd call [20:15] >> I'm trying hard to not look over on this [20:16] screen too much and keep focused on this [20:18] screen. [20:19] >> Do your thing. I'll uh I'll let you know [20:21] if there's questions or whatever, you [20:22] know, if I have questions or people. [20:25] >> So, yeah. So, this this is sort of the [20:26] game. So, now what's happening? There's [20:27] one part that I I I realize that I do [20:29] need to fix. Um I I kind of have some of [20:31] the stuff in place. So, what happens is [20:33] there there's an API or an endpoint that [20:35] tracks your progress through the game. [20:37] So, say if you're playing this game, but [20:39] you got to go do something and you come [20:41] back, I want to be able to pick up where [20:43] you left off. I want to be able to start [20:45] this at the scene. Right now, if I were [20:47] to refresh this, I would be back on the [20:48] first scene of this quest. [20:51] >> Okay. [20:51] >> But I am tracking this based on ID. So, [20:53] I just need to figure out how I can have [20:55] a player come back in and pick up the [20:57] game where they left off, you know, the [20:59] night before or whatever. [21:01] >> Oh, that would be very cool. [21:03] >> Yeah, it's something that I planned [21:04] early on. I just kind of lost sight of [21:06] it with the 300 other things I was [21:08] trying to do um as I was building this [21:11] thing out. [21:11] >> Well, you're building this on your own. [21:13] So, I mean, there's a lot there's a lot [21:14] that goes in here, right? Yeah, this is [21:16] my fun little this is my fun little [21:18] passion project that you know has really [21:19] no bearing on on anything workrelated [21:21] other than I'm slowly learning the [21:24] interactivity API which is a a big [21:26] benefit. So [21:28] um so yeah so if now if I come back into [21:30] the account now you can see you know [21:32] styling aside that you can see we're [21:34] we're going to start tracking the [21:36] progress and this is where I need to [21:37] figure out the ID based stuff to be able [21:39] to come back so I can you know put in [21:41] how far into the quest like whether it [21:43] be 10% 15% give you an idea of how far [21:45] you are into the quest at a minimum [21:48] >> and then be able to continue the quest [21:49] or if you just want to abandon it. Say [21:51] if you did make a choice and you don't [21:52] like where you're going, I'm going to [21:54] allow the player to reset themselves if [21:56] they would like to. You know, thinking [21:58] about how you would [21:59] >> to the beginning of the act or the [22:01] beginning of that quest. [22:02] >> Yeah. The beginning of this, [22:03] >> you know, might be super cool [22:06] >> if you could track like every decision. [22:09] >> I I am. [22:11] >> And then display it like it might be [22:13] kind of neat. [22:14] >> So [22:14] >> that would be a good followup. Like [22:16] there's games [22:17] >> almost like a history of your of your [22:19] choices, right? [22:20] >> Yeah, I played a couple of games [22:22] >> and everything. That might be fun. [22:23] >> Yeah, I played a couple games on [22:24] PlayStation where at the end of the [22:27] story, I think there was one it was [22:29] Detroit. It was a it was a cyborg game [22:32] about like ro like human looking robots [22:35] who were police officers and and [22:37] various, you know, people in in [22:39] communities. At the end of the quest, [22:41] they showed you the full path that you [22:43] chose, but they showed grayed out areas [22:46] of the path that you didn't chose. So, [22:48] you got a good idea of the scope of that [22:50] quest. So, that could be a really cool [22:51] idea, too. [22:52] >> It probably went up with with re with [22:54] replayability, too. Like, you might see [22:56] it and be like, "Oh, there's this whole [22:57] quest. There's this whole like decision [22:59] tree that I didn't get into." So, when I [23:01] get to that point again, I'm going to go [23:02] left instead of right this time and [23:04] explore that whole thing. That might be [23:06] cool. [23:06] >> Absolutely. Because one of the longer [23:07] term ideas I do have is also building [23:10] class or racebased [23:13] quests. So if you're a necromancer, like [23:15] you're probably going to end up doing [23:16] some stuff that a paladin won't do, for [23:18] example. [23:19] >> So I've got a lot of things I'd like to [23:20] do in in the future. [23:24] >> That's cool. [23:24] >> So yeah. So if I So right now, if I [23:25] continue quest, as you can see, it goes [23:27] back to the start of that quest. But [23:29] let's just go through the full quest. [23:31] But see Oh, I missed it. I clicked too [23:33] far. See? So right here now you can see [23:35] that I've already chosen those paths. So [23:37] this is where my problem exists where if [23:38] I kind of continue the quest, if I don't [23:41] go back to where I left off, I can't [23:43] finish my quest. So it's a bit of a bug [23:45] >> in the system that I need to address. [23:47] Um, [23:49] but that being said, we can probably [23:50] just jump into the back end because I [23:52] can show you one little thing that I've [23:54] done and this is sort of helping me test [23:56] it and it'll be good for if a user gets [23:57] stuck and something happens. I can very [24:00] easily come in. I can select my [24:02] character. I can go into So, here's all [24:04] the quests. [24:05] >> I can go into act one and I can reset my [24:09] progress for that character on that [24:11] quest anytime I need to. [24:13] >> Oh, nice. Okay. [24:14] >> That was super important for testing. [24:16] There was no I was starting to go [24:17] through entire quests just to check like [24:19] a third section or something like that. [24:20] So, it was a bit of a problem. [24:22] >> You had to go through a hundred 100 [24:24] pages just to test the last one. [24:26] >> Yeah. And then here's here's another [24:28] feature that I've added in as well, just [24:30] to increase the replayability, [24:32] especially once we introduce um class or [24:35] racebased quests. Um the ability to [24:38] create more than one character. So right [24:40] now, my character is the necromancer, [24:41] but maybe I want to come back later and [24:43] play as Paladin and do the paladin quest [24:45] line and stuff like that. So I'm I'm [24:47] going to have the ability to to, you [24:49] know, build multiple um characters um [24:52] just to increase the replayability of [24:54] the game. So, if I come back here now, I [24:57] can very easily come into account [25:00] >> and you'll see now there's a create a [25:01] character option here. [25:03] >> So, I can go right back through. [25:06] >> Um, [25:08] I think my name in that that post we [25:10] made yesterday was Troyless. So, I'll [25:12] just kind of go with that. [25:14] Be a warrior. And I'm just going to uh [25:17] embark right away. So, once you come [25:19] back into the account hub, you see I [25:21] have multiple characters now. So then [25:23] each of these characters would have [25:24] independent journeys being tracked. So [25:26] if I switch over and I play as my [25:27] original character, [25:29] >> um well I've reset it, so it's it's [25:31] going to be back at here again, but [25:32] everything gets tracked independently. [25:34] So what happens here [25:35] >> is your character is tied to your user [25:37] account and all the data for that [25:38] character is tracked in an endpoint tied [25:40] to that character specifically. [25:43] >> Nice. [25:45] >> Right. So, um, I guess we can probably [25:48] dive into some of the some of the stuff [25:50] here in the back end and and I can kind [25:52] of explain sort of the thought process [25:53] to how I I I built the game. Um, so I [25:56] kind of had an idea of how I wanted to [25:58] do it up front and and I definitely [26:00] leveraged Cloud Code to help me improve [26:03] um how that all worked. So, the first [26:04] thing I was like, I knew I wanted [26:06] campaigns. I knew I wanted the ability [26:08] to make multiple campaigns and then [26:10] within those campaigns have one or 200 [26:14] quests. So like whatever I wanted to [26:15] build. Um so if you come into campaigns, [26:19] you'll see that we have the the prequel [26:21] and then the three main campaigns that [26:23] I've currently created for the full [26:25] game. [26:26] >> Mhm. [26:26] >> Um so those campaigns [26:30] get automatic like the titles for those [26:32] campaigns get synced into a campaign [26:35] taxonomy. So, that's how it ties the [26:37] campaigns and quests together. [26:40] Now, if you look at the quests, I'll [26:43] just sort it. There we go. So, here is [26:45] the intro. [26:47] >> Oh, I see. [26:48] >> Game. And if I were to go edit this. [26:52] So, this is how the quests are built up. [26:55] This was the hardest part to figure out. [26:56] This is where cloud code was my best [26:59] friend during this whole process trying [27:00] to understand how this works, learn how [27:03] to build this, learn how to integrated [27:07] with the interactivity API. So you come [27:09] in, you can you can give it a [27:10] description and this is stuff that's [27:11] going to show up on the account hub to [27:12] give you an idea of what the quest is [27:14] about. [27:16] Um the taxonomy, this is where the [27:17] taxonomies tie in. So actually, you know [27:20] what? Let's just create a new one really [27:21] quickly here. [27:24] You might want to um do if if you need [27:26] to show the inspector sidebar. Well, no, [27:28] the inspector sidebar is behind you and [27:30] I right now. So, if you need to show [27:31] that, you might just want to scoot the [27:34] >> make the the browser window a little bit [27:36] smaller. [27:36] >> Yeah, the nice thing about that, there's [27:38] nothing here. Every everything is built [27:40] in the editor. So, it's it's really it's [27:41] really simple. [27:42] >> Beauty. [27:43] >> Um so, yeah, we'll just make a new [27:44] quest. So, we got new quest. [27:47] And then if I go in, I'm going to pick a [27:49] random one. So, this is one of the [27:51] taxonomies that ties into the the quest [27:54] itself. And then it's going to get seen. [27:55] So, what it does, it goes out, it gets [27:57] every scene that's been tagged with the [28:00] alliance quest, and it dumps it out here [28:02] on the page. From here, I can drag this [28:05] around, set the order of how the scenes [28:09] would be for me visually. [28:11] >> That's just to make so it makes more [28:12] sense to me. [28:13] >> Yeah. [28:13] >> And then I'm going to turn on any of [28:15] these that I want. So, you you don't [28:18] have to use every scene. I set this up [28:20] specifically so I could reuse the [28:23] volunteer scene in a whole different [28:25] quest. [28:26] >> So you So just let me let me pause you [28:28] there for a second so I understand. So [28:31] you have scenes which are connected to [28:34] quests which are connected to uh [28:38] campaigns, right? [28:39] >> Yeah. [28:39] >> That's the sort of Okay. So So a [28:41] campaign makes up a series of quests. A [28:43] quest is made up by a series of of [28:45] scenes. That's that's the flow. Okay. [28:46] Perfect. Okay. [28:47] >> Yeah. Absolutely. [28:49] So now in each scene as you're building [28:51] out the the quest that the user is going [28:53] to go through, you can come in, you can [28:57] give your scene some prerequisites. So [28:59] if you don't want a scene to be able to [29:01] be visited by the player until they [29:04] visit scene A, you can go ahead and do [29:06] that. That's sort of requirements on [29:08] your scenes. [29:09] >> I'm not going to put one in here. [29:11] >> Um, but here I can add a choice. This is [29:13] pretty open-ended. Um, you know, pick [29:16] your choice. So you're like, yeah, [29:18] >> and then what scene the user is going to [29:20] navigate to when they choose that [29:22] >> or when they pick that choice. [29:23] >> And then you can add as many choices as [29:25] you want, [29:27] >> right? Question in the chat when you're [29:29] when you're prepared. Um, [29:30] >> yeah. [29:31] >> Are these blocks actually are these [29:32] blocks actually generating markup or are [29:33] they just doing post metacrud that the [29:35] template is generating from? [29:37] >> So the the the editor and the front end [29:40] is is very different. So this this is [29:42] just the editor. It's only in the [29:43] editor. None of this stuff relates to [29:45] the front end. The front end of this [29:46] block is the actual quest and it's your [29:48] interactivity API that you navigate [29:50] through and read through as you play the [29:52] game. [29:53] >> Okay, cool. I think that'll become more [29:55] clear once we get a bit further into it. [29:57] >> Yeah, for sure. So, we come in uh you [30:00] can pick what your starting scene is. [30:02] So, in this case, I have the sacrifice [30:03] at the top. We can say it's a starting [30:05] scene and then you can pick your final [30:07] scene. So, I've turned on the choice. [30:12] And then you got another spot for [30:14] required scenes. You can give a [30:16] completion message. So, at the end of [30:18] your quest, you can, you know, give the [30:20] user whatever message you want. Um, and [30:24] then I can make other quests required as [30:26] well. So, there's going to be situations [30:28] where you can't do quest B until you [30:30] actually do quest A. So, I built all of [30:32] that stuff in as well. [30:35] And then upon completion, um, I had the [30:38] coming soon here just for for early beta [30:40] testing, but I've added the account hub [30:42] now. So, at the end of a quest, when you [30:44] complete the quest, you'll end up coming [30:45] back to your account hub. So, you can [30:47] see um all of the uh the the rest of the [30:52] quests you can go through. I'm going to [30:54] close this one down because if I come [30:55] back to the fully built one, um you can [30:59] see like there's some required quests [31:00] here. Um so, these three quests are [31:03] required. So the these are the three [31:05] like these three these three and these [31:08] three here are quests per your [31:10] character. So that's you're having to go [31:12] through and you're reading about all [31:13] those characters, but you can't continue [31:16] on with your part of the story until you [31:18] learn about the the main founding [31:20] characters [31:21] >> until you get to the final quest. [31:23] >> Uh once we come down here, this is why I [31:25] wanted to flip over to this one. So I'm [31:27] outputting this on the back end just you [31:29] have a good idea. Let me zoom in here. [31:31] just so you have an idea of sort of the [31:32] stuff that's being stored here as we go [31:35] um in this quest and and this all comes [31:36] out to the endpoint which then the [31:38] interactivity API is using to build the [31:40] the actual quest that you play through. [31:42] So I'm storing all the required scenes [31:44] here, some requ uh some prerequisites, [31:48] all of the active scenes. So basically [31:51] all of the data that we just looked at [31:53] is all getting stored and then used by [31:55] the interactivity API. [31:58] >> Wow, this is cool. See, there's a bunch [32:01] a bunch of that stuff here. [32:05] Um, so that's sort of that's how the [32:07] quests work. Um, there's some some stuff [32:09] I'd still like to do there, but I think [32:10] as far as like a quest building tool, [32:13] it's it's pretty it's pretty good so [32:15] far. It's it's kind of suited my needs [32:17] for for this this whole story so far. [32:22] Um, [32:24] and then if you take a look at scenes, [32:28] scenes, um, you see there's 112 scenes [32:31] that make up the full, um, threeact plus [32:34] prequel part of this game. Again, the [32:37] the taxonomy used for quest relations [32:39] that is automatically synced from the [32:41] names of the posts that you have in the [32:43] quests, and that's how the the scenes [32:45] get pulled into your quest itself. [32:48] You can add this to multiple um [32:51] taxonomies which would allow you to [32:53] reuse any given scene on any given [32:55] quest. [32:57] And then these are pretty simple. [32:59] They're just all text. There's really [33:01] nothing to it. Text and then a nice [33:03] little feature image which is what you [33:05] see on the front end that the [33:06] interactivity API is using. [33:08] >> So So the questions are done at the [33:10] quest level. The the choices are done at [33:12] the uh I'm sorry. Yes, the the Yeah, [33:14] sorry. the Yeah. choices are done at the [33:16] quest level and that's what you were [33:17] defining there. [33:18] >> Yeah. So again, the quest drives all of [33:21] this stuff. So every part of it is [33:23] driven by this the quest editor here, [33:26] >> right? Okay. Awesome. [33:29] >> Yeah. And then it's similar in the [33:31] campaign. Uh I'll just pull one open [33:33] here. It's pretty similar. I haven't [33:34] styled this one yet, so might be a bit [33:36] hard for people to to really read, but [33:38] it's it's very similar in a way that [33:40] you're picking like, okay, well, you got [33:41] a prerequisite for this. you know, you [33:43] can't do act two until you do act one, [33:46] >> right? [33:46] >> And then [33:47] >> sense [33:48] >> the quest. So, this this quest order [33:50] will tie into how your quests are going [33:52] to get listed here. And that would [33:53] determine the order that that you're [33:55] you're being suggested to do them in. [33:57] >> And these can all drag and drop around, [33:59] much like the the quests and the scenes. [34:03] And then I can add a quest here quite [34:05] easily. And then again, I'm just [34:07] outputting all of the information, so [34:09] it's just easier for me to kind of [34:10] figure out what's going on as I'm [34:11] building this out. [34:15] It's pretty cool, man. I'm sort of This [34:17] is super [34:18] >> like the amount of thought that went [34:20] into this is [34:22] >> pretty pretty pretty pretty good. I [34:24] mean, pretty good. It's really good. [34:25] It's like it's very very cool. [34:28] >> It took a long time up front just to to [34:30] kind of figure out how I wanted to build [34:32] it because there there's there's [34:33] probably 20 different ways you could [34:34] build it. [34:36] Um, I was just trying to figure out like [34:37] what what made this the most sense for [34:39] how I wanted to approach it and some of [34:40] the ideas I had and and I talked with [34:43] Claude Code quite a bit to plan this one [34:46] out. But I was always making sure as I [34:49] was having those conversations like well [34:50] I want to do this in the future like [34:52] make sure that's part of the thinking [34:53] and and trying to make sure there's some [34:55] future proofing going on here. [34:58] >> So yeah. [34:59] >> Um there's a question in chat if you [35:01] have it. Uh what was your experience in [35:03] terms of build of well sorry what was [35:05] your experience in terms of the build [35:06] experience? Are these scratch builds or [35:08] are they interblock groups of vanilla [35:09] stuff with the interactivity API pulling [35:11] the strings? [35:15] >> Not sure I completely understand the [35:17] question. [35:17] >> Yeah, [35:19] are are you meaning like the the the the [35:21] scripts build process or you mean like [35:23] the build of like putting all the pieces [35:26] together? C can you clarify your your [35:29] question just a little bit? I'm reading [35:31] his question here as well. [35:32] >> Are these the [35:35] >> I think he's talking about the editorial [35:37] like the thing that you were showing us. [35:38] I think that's what he's talking about [35:39] where you have [35:41] >> let's just dive in and take a look. [35:44] >> All right. [35:45] >> So, this is our So, we got our plugins. [35:47] So, there's two projects, two pieces of [35:49] the project. I got my theme by Miles [35:50] here, and then I've got my my plugin um [35:55] for this project here. And you can see [35:58] we've got our source file. So, we got [36:00] some blocks going on in here. [36:03] Um, so we can take a look at at a at a [36:05] bunch of these really. So, like the [36:07] account hub, this is just a React app on [36:08] the front end. Nothing um nothing too [36:12] crazy here. So, this is sort of But can [36:16] is that a good zoom level? Should I zoom [36:18] in more or out? [36:19] >> No, I think I think I think that's fine. [36:20] We can't really see your um the file [36:23] system, but [36:24] >> Oh, yeah. That's Yeah, that's fine. So, [36:26] I'm actually, you know, I'll flip it [36:27] over here really quickly and we can show [36:28] it and then I'll kind of pop it back [36:31] >> uh move it back to the left. [36:34] >> Oh, that that might be better. [36:37] >> Yeah. [36:37] >> Okay. Just [36:38] >> I'll just do it that way then. Keep it [36:39] keep it small. [36:40] >> And then you just toggle it on on and [36:41] off too if that's easier. So, [36:43] >> yes. Make sure I got my There we go. [36:45] Shortcut keys. [36:47] >> Um, so yeah. So, in the blocks you'll [36:48] see that we have an account hub and then [36:51] we have the the quest editor down here. [36:53] for the user. So the user registration [36:55] and the account hub are React [36:57] applications that I want to do a bit [36:58] more work on and see what I can leverage [37:00] that's available to me in core and try [37:02] to be as close to core as I possibly can [37:03] with the project. [37:05] Um your campaign editor, the character [37:07] creator is also a React app. Um but I [37:11] think the one that's the most [37:12] interesting here is the quest editor [37:14] itself. So, the Quest editor, you can [37:16] see we're supporting the interactivity [37:18] API [37:20] and loading all of the nice things that [37:22] we need here for that. [37:24] Um, and in the edit file, so this is [37:28] open both of these actually. So, I can [37:30] do that. [37:32] So, in our editor, there is all kinds of [37:36] stuff going on in here. And I'm not [37:37] going to lie, I'm not familiar with [37:39] every single thing that's happening in [37:40] here. This is just the idea of me [37:42] leveraging AI to really steer the [37:45] direction of this project a little bit [37:46] more. And um I definitely need to come [37:48] back in and start learning a little bit [37:50] more around some of the more specific [37:51] things as as a means to learn the [37:53] interactivity API as well. [37:56] Uh so we have all of our attributes and [37:58] constants and a bunch of functions going [38:00] on. But as you come down [38:04] try to look at anything specific that we [38:06] want to show. So here's like fetching [38:07] the scenes. So you're fetching the [38:09] scenes and and you're bringing all of [38:10] that stuff back um and passing more of [38:13] the information back in [38:17] and then more filtering going on. So [38:19] these are our active scenes and and [38:21] grabbing some IDs for some of the code. [38:26] If I flip back here, we should probably [38:27] open up a quest so we can kind of go [38:29] back and forth and look at some of the [38:30] individual pieces. [38:37] All right. So, we got our required [38:39] scenes. So, you can select required [38:41] scenes. So, it's pulling in some data [38:42] there. And settings. So, this is setting [38:43] all the IDs in in the endpoint to be [38:45] able to pull that data out. Um, I don't [38:49] think there's anything too too crazy [38:50] here. A lot of it is just like fetching [38:52] IDs and then storing IDs and and linking [38:54] things together here [38:56] >> um to build all that out. Now, the front [38:59] end is the part that uh that is going to [39:01] be the most interesting and how that [39:03] works. So you come in obviously [39:04] interactivity API here and uh we're [39:08] setting some constants to to you know [39:10] add some sessions going on for for the [39:12] user so it's tracking what they're doing [39:17] and then we're going to get the visited [39:18] scenes. So this this is the part where I [39:19] need to do work right. So we're getting [39:21] the visited scenes because that's been [39:22] stored to your character and that's sort [39:24] of the part where if you continue on a [39:26] quest the the system already knows that [39:28] you've done those scenes so it doesn't [39:29] let you click on it again. So I need to [39:31] to kind of fix that continuing your [39:33] quest, right? [39:34] >> It it's instead it's it's being stored [39:36] in session storage there like in [39:38] browser, right? [39:39] >> Yeah. [39:40] >> Cool. [39:42] >> Right. And then uh saving the visited [39:45] scene. So saving here's the So here's [39:47] your visited scene. So it's saving every [39:49] scene that you go to. It stores all of [39:50] that stuff as well. [39:54] And then we start getting into the [39:56] actual quest editor here. So, we're [39:58] setting our state on stuff and and [40:00] looking at the current scene. [40:03] Um, you know, getting the title. So, [40:04] just running a bunch of functions here, [40:05] like getting various pieces of data [40:07] here. So, your featured image, the alt [40:09] tag. One of the things I did too, and [40:11] actually I'll talk about that a little [40:12] bit, like I wrote a CLI command to [40:14] import some of this stuff, too, because [40:15] it was a lot of data that I didn't want [40:16] to do manually because, you know, ain't [40:18] nobody got time for that. [40:20] >> Um, so we're going to get the current [40:22] choices here. [40:28] And then [40:30] see what's the hidden choices where the [40:32] choices list should be hidden. [40:35] I'm actually not sure what that is right [40:36] now. [40:38] >> The beauty of AI [40:39] >> somewhere. [40:41] >> Um checking the final scene um checking [40:45] required visiting scenes. Uh completion [40:48] stuff. So let's just kind of skip down. [40:50] We don't need to look through every [40:51] single function, but let's just kind of [40:52] skip down to where the magic actually [40:54] happens. So down into the actions here. [40:57] So here's the loading. So now this is [40:58] stuff that I know you'll be able to read [41:00] and be able to understand probably a lot [41:03] quicker than I would be Ryan at this [41:04] point. Um so you've done a far more [41:08] >> far more work with the interactivity API [41:10] than I have. Um so yeah, so we're [41:13] loading our scenes by ID here. [41:16] Um a lot of state stuff going on. Um [41:19] here's our endpoint. So we're grabbing [41:20] grabbing all of our data from our [41:22] endpoint. [41:25] and setting some timeouts here. So [41:28] that's our scrolling back to the top. So [41:30] that way when you click a choice, it's [41:32] going to load. It's going to reload in [41:33] in the editor view and then scroll you [41:35] back to the top just to make it nice and [41:37] simple for the user to not have to do [41:39] that themselves, which is kind of a [41:41] pain. [41:41] >> Yeah, [41:42] >> that's great. [41:43] >> Yeah. And then uh tracking visiting [41:45] scenes. So this is where we're we're [41:46] tracking where you've gone and some of [41:48] the stuff that you've done. So we're [41:49] grabbing the ID and we're storing that [41:51] in an endpoint as well. also right here. [41:53] We got our saving progress endpoint that [41:55] I mentioned earlier um that I need to [41:57] kind of go back and do a little bit of [41:58] work on. [42:01] And then we got our function down here [42:03] to handle our choice selections. [42:08] So yeah, there's a there's a lot of [42:09] stuff going on here that um that I need [42:12] to learn a lot more about. I'll put it [42:13] that way. [42:14] >> Yeah. So how how are you doing the [42:17] navigation? Is is the navigation done [42:19] with the router region or is it just [42:22] like loading a next page? [42:26] >> So that would be right here I believe. [42:30] So [42:32] >> the choice buttons [42:34] >> let yeah like when you when when you [42:36] click a a choice what happens? Does it [42:40] load then another page? Let like like [42:43] >> maybe you can walk us through the data [42:44] flow of that way of that thing. [42:46] >> Yeah. Uh so if you're coming in here and [42:49] there would be an ID on this somewhere [42:53] probably [42:57] where that ID is. It's it's here [42:59] somewhere or maybe it's grabbing it by [43:01] the class. But what's happening is [43:03] you'll see we have our act up here and [43:06] and the title of the act itself. Then [43:09] let me just zoom out because it might [43:11] just do it that way. And that way when I [43:13] click an option, [43:14] >> the content itself is refreshing. You're [43:17] scrolling back up to the top of the [43:18] page. So it's it's just within the [43:20] contained area. So you're not reloading [43:22] the entire page, [43:23] >> right? [43:24] >> Thinking about how a React app would [43:25] work is basically the idea. [43:27] >> So that's what I was wondering like how [43:28] are you how are you doing that? Is that [43:30] is that being done using like the [43:31] interactivity router package and data [43:34] regions and all that or is it being done [43:35] a different way? [43:37] >> I don't know. [43:39] >> Cool. [43:40] Sorry to put you on the spot. I'm just [43:42] curious. [43:42] >> No, it's all good. I mean, I'm not I'm [43:44] not going to lie. I'm going to be pretty [43:45] open and honest here. Like, I really [43:47] just let AI drive the wheel here and and [43:49] my plan is to come back and learn how it [43:51] all actually works and then be able to [43:52] start to do real [43:55] >> stuff in in my day-to-day working life [43:56] with the interactivity API. Like, I've [43:58] got a ton of ideas here. So um [44:00] >> so the so not not to push it too much [44:03] further but in in the in the render of [44:06] this block [44:07] >> which is rendering out that content [44:10] >> what does that look like like in the [44:11] render.php PHP like we look at that [44:14] directly is is there a render.php php [44:16] like there should be like a [44:18] >> oh yeah there'll have to be so okay [44:20] >> so we look in there and then okay cool [44:24] and then [44:27] >> yeah so it's just some error stuff going [44:28] on up front here and then you know [44:30] grabbing all of the data from so a lot [44:32] of stuff is being set in post meta [44:34] >> yeah so we're grabbing all [44:36] >> we're using that as the the state for [44:38] the block or the context I guess for the [44:40] block [44:41] >> okay and then [44:43] >> yes then uh what is this one it's just [44:45] checking to make sure you have [44:46] permissions for your character and your [44:48] account and stuff. [44:51] >> And then just more error handling here. [44:53] This is on the create a character. Just [44:55] checking to make sure that you have a [44:56] character because there was times where [44:57] I was testing and I didn't have a [44:58] character, but I was able to go through [45:00] and play. So, we had to add some of that [45:01] stuff back in [45:03] >> for sure. [45:03] >> Um, [45:04] >> so is character. [45:06] >> Yeah, I'm going a bit too slow or a bit [45:08] too fast for you. [45:09] >> No, no, it's fine. Carry on. I'm good. [45:12] Then you're gonna get down into so so [45:15] here's you know if there's no scenes [45:17] available in the quest. So if there's [45:18] you know if I if I've made a mistake on [45:20] something at least there's an error [45:21] going to get thrown up here as well. [45:23] >> Uh so then you start getting into okay [45:25] we're going to start grabbing some of [45:26] the post type data here now. So you can [45:28] see there's a post type for scenes [45:31] and then grabbing more data. So where [45:34] does it really start? So here's the [45:36] interactivity. So here you go. So, this [45:38] is initializing our our state [45:41] and setting all kinds of data. It's [45:44] pretty simple, straightforward, well [45:46] named. Um, [45:48] >> yeah, I know it's great. [45:50] >> Then we get down to loading our state. [45:52] So, we're going to load our scenes. And [45:54] then here's here's this is really where [45:57] the magic happens then. So, we got [45:58] here's the data bind. [46:00] >> Um, some of that stuff going on from the [46:02] interact. This is stuff I'm starting to [46:03] learn a little bit more about now. Um, [46:05] just so I can understand how it all [46:07] works. [46:08] It was really funny. This is a very [46:09] different approach to learning [46:10] something. Normally, I learn by doing a [46:12] course or reading a bunch of stuff and [46:13] and building as I go. I figured I'd try [46:15] to reverse engineer that idea and build [46:18] something and then go learn how it [46:20] actually works after the fact. [46:21] >> Yeah. [46:21] >> Um [46:22] >> that's [46:23] >> Yeah, I I do wish I had more time to I [46:25] do wish I more had more time to learn it [46:27] before we did the show, but also by [46:29] booking the date for this show, it lit a [46:31] fire under my butt to finish this thing. [46:32] So, it was kind of [46:34] >> I'm not asking to put you on the spot or [46:35] make you, you know, call you out or [46:36] anything. I'm just I'm genuinely cur uh [46:38] curious because there this is this is a [46:40] this is one of the most complicated apps [46:42] I've seen I think I've seen built with [46:44] the interactivity a API just [46:46] understanding how it all fits together [46:48] is is is pretty cool and like the Yeah. [46:52] So okay so just scroll down just a [46:55] little bit further there. So is this [46:57] where the [46:58] >> Yeah. Right here. [47:01] >> So the content's happening right here. [47:02] That's where the content's happening. [47:05] >> Okay. So it's just Okay. Okay, we're [47:07] just outputting the content. Okay, [47:08] >> so if you come up. So here's what's [47:09] happening with the content. [47:12] >> So you're getting Oh my god, that is [47:16] so Okay. And the content gets pulled [47:18] from I guess whatever the whatever [47:23] >> Yeah. [47:24] >> Okay, cool. [47:25] >> Yeah. So it's getting the content here [47:27] from the scenes. Yeah, it's grabbing the [47:28] scene and your start. Yeah. So right [47:30] here. So here's your starting scene ID [47:32] gets passed in here and it ends up [47:34] pulling out the content from right here. [47:36] Okay, cool. So, it doesn't look like [47:38] it's using the router, which I don't [47:39] isn't necessarily a issue or a problem [47:42] or I'm just I was just curious because [47:45] that that would have been my my thought [47:47] was that because basically what the [47:50] router allows you to do is you have a [47:52] you have a post let's say, right? like a [47:55] a scene and then what when you click the [47:58] the next button what like to go to the [48:01] next page it will just pull the the the [48:03] routers from that next page and and and [48:06] repopulate that one section. Um but but [48:10] they're doing it already in a just a [48:12] different way. It's not not not wrong, [48:13] not bad, just different. And [48:16] >> yeah, cool. [48:17] >> Yeah, very cool. [48:18] >> I figured there probably be a couple [48:19] different ways to do it. Again, it was [48:21] just a matter of learning what was the [48:23] what was the best approach. Um, [48:25] >> for sure. No, and I mean again, I'm not [48:28] I'm not like you did it wrong, Troy. [48:30] That's not what I mean at all. This is [48:31] super cool. I'm just uh I'm just [48:34] curious. I like to poke through the [48:35] code. [48:36] >> Yeah. No, absolutely. And that's that's [48:37] why I gave you access to the repo so you [48:39] could have all the time you wanted to [48:40] kind of kind of take a look through it [48:42] as well. [48:43] >> Super cool. [48:44] >> Yeah. So then here's all of your [48:45] choices. So then, you know, here's how [48:46] the choice setup works. Just grabs all [48:49] the choices that are attached to the [48:50] quest and and and builds all of that [48:52] stuff out as well. And then yeah, so it [48:55] triggers a reload there. [48:57] >> Nice. [48:58] >> And then we have our quest completion [49:00] information. So whether it be, you know, [49:02] whether you're completely finished and [49:03] and you know, whether you're going to [49:04] continue on to the next quest or the [49:06] account hub, there's a few different [49:08] little logic going on there to [49:10] determine, you know, what the user [49:11] should be prompted with. [49:13] >> Um, and then um Oh, interesting. Okay, [49:18] that's cool. That's a sort of a wrap it [49:19] up sort of thing. [49:21] >> That's neat. So yeah. So that's that's [49:23] >> cool, man. [49:25] >> I I I think it's cool. I mean, as far as [49:27] like like playing the game and and how [49:29] it works and stuff like that. Now, I [49:31] mean, as far as the code goes, I I [49:32] definitely need to spend a lot of time [49:34] kind of diving into, you know, to [49:36] properly understand it to make sure that [49:38] there's no ways I can approach things [49:40] differently and and stuff like that. But [49:42] that was sort of the fun part about this [49:43] project was like building it without [49:45] thinking too too much around those parts [49:49] of it, like pushing off that that more [49:52] of the learning experience to after the [49:54] fact and just having fun [49:56] >> just vibe coding this thing out as as [49:59] best as I could. Um, it was just it was [50:00] really fun. It was just I don't do that [50:03] like ever. [50:04] >> So it's it was really fun to take that [50:06] approach for once and and you know see [50:08] what I could do with it like [50:10] >> so it was it was fun. I I would [50:11] definitely do it again on a project that [50:14] wouldn't be critical for work. Um [50:17] >> yeah, for sure. Well, I mean, who's [50:18] going to pay you to do that, too, right? [50:20] Like your clients aren't are your [50:21] clients won't or your boss is like, I'm [50:22] not paying you to just dick around and [50:24] write potentially bad code, you know? [50:26] You know, so yeah, it's it's cool to be [50:28] able to have these these little side [50:30] projects. I mean, unless you're me, I I [50:31] I get paid to write crappy code and show [50:33] people, but but that's not that's that's [50:37] not standard. Um and and my code needs [50:40] to get better. I I I was told that by a [50:42] couple of people uh the other day, which [50:44] is good. It's a good keeps me honest. Uh [50:48] but uh [50:50] anyways, um [50:52] >> yeah. Okay, cool. [50:54] >> Pull open like the create a character. [50:55] So, what we have in the creative [50:57] character, it's it's pretty simple. It [50:59] actually does I did want to make sure I [51:00] was using the interactivity API. So, um, [51:03] I want to I I do I do want to get to a [51:05] point where like everything is sort of [51:07] in one maybe into one area where you go [51:09] and you create your character, you flow [51:11] right into your account hub and all of [51:12] it sort of be handled by the [51:14] interactivity API as opposed to the [51:15] different pages. [51:16] >> I'm not sure if that's going to be the [51:17] best choice, but something I definitely [51:19] want to [51:20] >> I think I think you could do it. I think [51:21] it's all needs to be different pages in [51:23] the sense of like a page for thing, a [51:25] page for thing, and a page for thing. [51:26] And you just basically pull in like if [51:29] you were to if you were to look at the [51:31] the the inactivity router uh package. [51:34] You you can do things like load the next [51:37] page and you would would wrap your sort [51:40] of let's call it content whatever you [51:42] know you you define a region called [51:44] content and then when you click the [51:46] button to go to your account page it [51:48] would look at that page. It prefetches [51:49] that page that you've already built and [51:51] then it it grabs my hands cut off here [51:54] because of where my camera is. That's [51:55] hilarious. Uh but uh it grabs that chunk [51:59] and just replaces the other chunk on the [52:00] current page. So it's that really like [52:02] single page app application approach. [52:05] And there's another really cool thing [52:06] where you can actually append to pages. [52:07] So if there's a thing that's like on the [52:10] next page that isn't on your previous [52:12] page, it'll actually in insert it for [52:13] you. It's pretty cool stuff. [52:16] >> I I already have a couple of ideas [52:18] around that. So I definitely [52:20] >> for like call outs and stuff. Yeah, it' [52:22] be very very cool. Yeah, I need to dive [52:23] in and learn because there's there's a [52:25] few things that I just thought about as [52:26] just a couple things you mentioned that, [52:28] you know, generated some ideas. So, [52:30] >> um I mean I definitely [52:31] >> have all the pages built out [52:33] >> like [52:35] >> Yeah. So the dynamicness of what you [52:38] have going on might not [52:41] you like if I'm understanding how it all [52:44] works correctly. You need to have page [52:46] like you need to have the quest page for [52:49] quest one and then you need the quest [52:51] page or sorry the scene scene one scene [52:53] two scene three. All of those need need [52:55] to be built out [52:57] >> and because you can come in at any any [52:59] single one of those, right? So, let's [53:00] say like and that might actually help wi [53:02] with your um [53:04] >> starting from a scene that's inside of a [53:06] quest because you would have a scene [53:09] page that would be just whatever [53:12] quest name scene whatever blah blah [53:14] blah, right? So, the URL there, but then [53:16] from that URL, you can import the other [53:19] things as needed. So, you can actually [53:21] say I'm actually on scene seven of Quest [53:23] 4 and that that page just gets loaded [53:26] right away. H I'm gonna have a [53:28] conversation with CL about that tonight. [53:29] I think [53:30] >> you know. Question for you. Are you [53:32] using the the WordPress AI skills for um [53:35] uh Clo? [53:36] >> No, I haven't set those up yet, believe [53:38] it or not. I should [53:40] >> I keep forgetting. I I sit down and I [53:42] dive into something and I forget all [53:44] >> exactly the same way. I I was like [53:46] working on something. I'm like, "Hey, I [53:47] should do this." And then I forgot to do [53:48] it. And then uh I uh sorry I'm just [53:52] going to get the um [53:54] >> I have them somewhere in my in my I know [53:56] I know someone had posted I saw them [53:57] posted somewhere I think it was on [53:59] Twitter a couple days ago and I just [54:00] because I keep forgetting I I threw it [54:02] into my taskbar to go back [54:04] >> thinking that I would actually remember [54:06] to do that and of course I didn't. [54:08] >> Well, I'm going to drop it in chat for [54:10] anyone that's interested. So it's called [54:11] it's a it's a a GitHub thing. You just [54:14] install it in code and it's got things [54:15] for like the inactivity API. It's got [54:17] all sorts of stuff. So it really informs [54:20] um it informs code of what it needs. So [54:23] it might help. [54:24] >> Oh boy, you're you're not wrong when [54:26] there's a big pretty big delay. I went [54:27] over to open that link up so I could [54:29] just look at it sort of after and [54:31] install it, but [54:32] >> pretty big delay. [54:33] >> Um I wanted to pull open the creative [54:35] character a little bit cuz like there's [54:36] some stuff in here that I thought was [54:37] pretty interesting like and I and I've [54:39] alluded to it a little bit but I haven't [54:40] really shown it yet because it's [54:42] something that I want to pull out in the [54:43] future as sort of an expansion or you [54:46] know an improvement to the game. But I [54:48] was mentioning that we're al also [54:49] automatically generating like strength [54:50] and dexterity and a bunch of other [54:52] typical stats that anybody who's played [54:54] like even a classic RPG. Like I started [54:56] with the old school Final Fantasy on the [54:58] nest type days and like so I'm used to [55:00] like some of these classic stats. So I [55:02] tried to build some of those things in [55:04] well mixing in some of the more modern [55:06] things like the necromancer and the [55:07] paladins. They're more modern classes in [55:10] in the RPG worlds. [55:12] >> Let me just open up my character here. [55:15] It's a completely unstyled page because [55:17] I I just haven't gotten into this part [55:19] of it yet. But if I were to open up my [55:22] character, [55:23] I'll highlight it so you can actually [55:25] read it a little bit easier because it's [55:26] completely inaccessible and and [55:28] unstyled. [55:29] >> Yeah. [55:29] >> But you can see how I've got my [55:30] character name. [55:32] >> I am generating stats because like I [55:34] said, I do have a long-term goal to put [55:36] boss battles in to the end of certain [55:39] quests or [55:41] >> something. So, I do need to figure out a [55:43] combat system. I have no idea how I'm [55:45] going to do it, but I'm sure we'll [55:47] figure it out at some point. And we got [55:48] some health points. So, a max health [55:51] point. There's going to be some stamina [55:52] points. Um, which I think that might let [55:56] me allow a character to run from an [55:58] enemy. So, I'm I would love to have [56:00] random encounters. I'm a big fan of that [56:02] style of of RPG game. I don't know how [56:05] it would ever apply to this. [56:07] >> Um, yeah. And then you got your combat [56:09] thing. So, there will be points, I [56:11] think, that that there will be some [56:12] enemies that that you can bail from. You [56:15] don't need to fight them because you're [56:16] not going to be strong enough, but that [56:17] would bring in the replayability to come [56:20] back and [56:21] >> come back and and fight that boss or [56:23] whatever the case might be. So, I'm I'm [56:24] kind of I'm planning a lot of stuff [56:25] behind the scenes that I'd like to do [56:27] over time. [56:29] >> That's really Well, then you'll have to [56:30] have like spells and and and weapons and [56:32] armor and like [56:34] >> I have an inventory system. That's nice. [56:37] >> I I do have an inventory system in play [56:40] and one of the things that I was talking [56:42] about with Claude when we were planning [56:43] this was the ability to make items [56:47] required as well. Like I'm thinking back [56:49] like you think back you go back to the [56:50] old school PC gaming days of like um the [56:53] the was it like well Leo Suit Larry is [56:56] the one that first comes to mind but [56:57] like you get like the some of those [56:59] those space games and there was a bunch [57:00] like King's Quest I couldn't remember [57:02] the name. King's Quest was another one. [57:03] But there were ones where it was like go [57:05] get the broom to give to the maid to get [57:08] the banana to give to the monkey. Like [57:10] it's all those weird things. Like [57:12] >> I'm not going to go that crazy in depth, [57:13] but I like the idea of like you can get [57:15] a key from a quest or if you fight a [57:17] boss, you're going to get the key, [57:19] >> but that key will open a door like Yeah, [57:22] >> that's cool. I like that idea. [57:24] >> There's a question from YouTube for you. [57:26] Uh how are your stat just because you're [57:28] talking stats. How are how are your [57:29] stats playing into the story at this [57:31] point? [57:32] >> Not at all. That's why they're not [57:33] visible up front. I just Right. [57:35] >> So, if you if you look at the account [57:37] hub at the moment, it just shows you [57:40] this because you want to get that feel [57:41] of the RPG like this is how much, you [57:43] know, help I have. [57:45] >> It it plays no bearing into the game. [57:47] It's just there's there's things I've [57:48] kind of built in sort of underlying in [57:51] the code that's ready to open those [57:53] things up, you know, as I once I finish [57:55] this main part. um I do want to jump [57:58] back in and and that will play a factor [58:00] at some point. So you do have all of [58:01] these stats here and they're all being [58:03] automatically generated based on the [58:06] role that you do when you create your [58:07] character. So again that uses the [58:10] interactivity API here as well on that [58:12] screen. [58:15] There's a follow-up question here. I [58:16] think I can answer it but you tell me if [58:17] I'm wrong. The the followup question and [58:19] is the story linear or more open world? [58:21] I'm assuming it's linear because it's [58:22] choice based. So [58:24] >> no. No, [58:27] >> I'm gonna Well, it's not really a [58:28] spoiler, but at the end of it, you need [58:30] to make one of four choices to end this. [58:34] And when I make the next expansion, [58:36] that's going to have an impact on where [58:38] you can actually go after the fact. So [58:41] >> nice. [58:42] >> Yeah. So, I I thought about that one, [58:44] >> but you can't just go anywhere at any [58:46] time. Like you can't just be like I'm on [58:48] scene one and like you're you're given [58:51] you're given choices in a sort of a [58:54] linear way, but choices inform other [58:57] choices, right? [58:58] >> Yeah. It's not like you're dropped in a [58:59] world you can do with whatever you want. [59:01] It's like you dropped in a world and [59:02] here's two two ways that you can go. [59:04] >> Yeah. It's not it's not like the big [59:06] open world RPG games where they drop you [59:08] in as a character and give you a a piece [59:10] of wood and tell you to go figure it out [59:11] and you spend 300 hours not doing [59:14] anything. [59:14] >> Yeah. Grinding trees. So, so you can [59:16] build a shelter. Yeah. [59:18] >> Yeah. No, so for the most part, I mean, [59:20] I'd say it's about 80% linear right now [59:22] and about 20% choices and and I do plan [59:25] on sort of breaking that out a lot more [59:27] as we start to get into um you know, [59:30] expansions and and opening things up [59:32] with boss battles and inventory. I do [59:34] want it to feel [59:35] >> like someone is is is in a larger world. [59:39] And I do have I got a map. I have like [59:41] other regions ready to go. I think I [59:42] showed you the map, Ryan. um it's it's [59:45] part of one of my scenes. So, there's a [59:47] lot of ideas that I have for the [59:48] long-term growth of this, but [59:50] >> I think first I just need to like stop, [59:52] finish what I've got, get it out there, [59:55] and start getting feedback on how I can [59:57] make it better, [59:58] >> and then start planning more things [60:00] towards the future. [60:01] >> I think it's really cool. Um Mike Corkum [60:03] just logged in to Thumbs Up the Leisure [60:05] Suit Larry reference. [60:10] >> Hello, Mike. Um this is I I'm I'm [60:13] thoroughly impressed. I think that this [60:15] is super cool. Um, [60:17] so can you explain how I have I have [60:21] some interactivity API questions. So in [60:23] your in your stores and everything. So [60:25] each one of these pages like for example [60:27] when you load this page this this front [60:29] end is powered by a single store. I [60:31] think you're calling it create a [60:32] character creator or what like you know [60:34] what I mean? So is there one block that [60:37] manages that entire thing or is it a [60:39] series of blocks that are sort of [60:40] working together? [60:41] >> No. So if if you look at the account [60:43] hub, it's just uh it's my account hub [60:46] block and then you come over to the [60:48] account hub [60:50] >> itself and then what you're going to get [60:51] on the front end. It's it's just it's [60:53] one block to handle all of that. Now the [60:55] account hub is a big [60:56] >> one to rule them all. [60:57] >> Yeah, one block to rule them all. That's [60:59] the that's the come on. It's a reference [61:03] perfect for this. By the way, has no no [61:05] one seen that I'm wearing my Hellfire [61:07] Club t-shirt because this is like D and [61:09] D related. Come on. Not a single person [61:11] called it out. Ah, whatever. Probably [61:14] just think I'm a big nerd. Carry on. [61:17] Carry on. [61:19] >> Yeah, I think for the for the most part, [61:20] every piece of this is just it's one [61:22] block. Now, what you'll see is is in [61:25] some cases just to make things more [61:27] reusable. I did start to build out some [61:29] components where I could like start to [61:31] reuse pieces, but then I started to feel [61:33] like, okay, this is going to take me a [61:35] lot more time, and I wanted to kind of [61:37] get the game in a playable state. and [61:39] then cycle back to start looking at how [61:41] I can make more reusable components and [61:43] kind of break things out a little bit. [61:45] >> Um, [61:46] >> so just kind of getting ready for that. [61:48] >> Any benefit of of of [61:52] like probably with what you're doing? [61:54] The answer might be no, but I'm just to [61:56] play devil's advocate like I've I've [61:58] I've built complicated interactivity API [62:00] things. And it's really cool to be like [62:04] what one of the thing one of the places [62:06] where it really shines in WordPress is [62:09] like we used to have the React app that [62:11] was like I always kind of compare it to [62:13] Flash like back in the day where you [62:15] would just like insert Flash here and it [62:17] would be this black box of all the [62:19] things. Um, and if you needed to and and [62:22] and if you needed to make modifications, [62:23] you couldn't. You had to recompile. And [62:25] like React is is like that in the sense [62:28] of like you target a div, you put the [62:29] whole app in and then the app is inside [62:31] this app. Um, or Yeah. And then but what [62:34] where the the inertivity API really [62:35] shines where you can have like five or [62:37] six or 10 blocks that make up your UI, [62:39] but they're all separate blocks and they [62:41] all talk together. So like would there [62:43] be any benefit for you to take some of [62:45] those UIs [62:47] and try to split them out into blocks? [62:49] Like say you wanted to change the UI [62:52] >> on like like if you jump back to the [62:55] character page on the front end for [62:56] example, right? Yeah. So let's say that [62:58] you wanted to [63:00] >> move you your journey around or you [63:02] wanted to insert something between [63:03] characters or like you wanted to to to [63:06] take these these pieces and kind like [63:09] and make the page more composable I [63:11] guess is what I'm looking at is what I'm [63:12] wondering. I mean it does mean more [63:13] blocks. It does mean a bit more work. [63:15] Uh, but the interactivity really the the [63:17] interactivity API really shines with [63:19] that because it all has the same store [63:20] and it and it and it allows you to [63:23] insert patterns and all that sort of [63:25] stuff. just a I don't know if that's a [63:27] food for thought question I guess but I [63:29] was just wondering if if like I see like [63:32] with with what you've built it's very [63:34] like it doesn't make sense for things to [63:35] move around too much but if you ever [63:37] decided that like I'm going to put in I [63:40] want to have a a drop down that shows me [63:42] all of my individual stats [63:45] you know you would have to go in and [63:46] rebuild that whole block out to add that [63:48] in whereas if you just had it as blocks [63:51] you might just be able to build a you [63:53] know details block and then throw it in [63:54] there you You know what I mean? Like all [63:57] of these are [63:57] >> that could be probably pretty useful for [63:59] this page, for example, like to build [64:00] this one out. Like the the the vision on [64:02] this one was not just stats. There's [64:04] going to be your photo. [64:07] >> The player can create a little story for [64:09] for that that character if they really [64:11] want to get into it. [64:12] >> Um, [64:13] >> yeah, [64:13] >> you could have a separate block on here [64:15] that would pull in like your progress. [64:17] This character has completed X, Y, and [64:19] Z, or this character is currently in [64:21] this position within the story. this [64:23] character has defeated these bosses. [64:25] Like thinking about long-term stuff, [64:27] like this character has got these items [64:28] in their inventory. Like I think all [64:30] those could be [64:31] >> those individual blocks that you're [64:32] thinking about. So that would be a great [64:33] a great approach to to like building out [64:35] this page here because I I really [64:37] >> I think about like when I play a game on [64:39] like my PlayStation or something like [64:40] that [64:40] >> and I get to my character screen in a [64:42] great RPG, like I see a lot of detail. [64:45] There's a lot of stuff. There's a lot of [64:46] screens to go through. Um, I I like the [64:49] idea of having a lot of that stuff here [64:51] as well, just to to to give that just to [64:54] let the player really kind of get into [64:55] it a little bit more and and that also [64:58] will give me the ability to look at [64:59] like, oh, well, I can go and add this to [65:01] the game and that to the game and and [65:03] stuff like that. So, I I think this [65:04] would be a perfect page for for what [65:06] you're saying there. [65:07] >> Yeah. And I think it it would also allow [65:09] you to be um a bit more uh nimble in in [65:14] the sense of like let's say you wanted [65:17] to do Veil of Fate 2 or you wanted to to [65:19] do Spaceship of Fate, right? And so you [65:22] have all of these things now now you've [65:24] got like a because what you've built is [65:25] a pretty amazing sort of platform to [65:27] build this style of game on. And if you [65:29] just want to apply a different theme to [65:31] it, [65:32] >> you know, and now it becomes a [65:33] space-based game or becomes like a [65:35] whatever zombie apocalypse game, which I [65:38] would play the absolute crap out of, by [65:40] the way, a zombie apocalypse version one [65:41] of these. [65:42] >> Um, hint hint. Uh, yeah, I think that'd [65:46] be fun. I think that'd be an interesting [65:48] like and it would really allow you to to [65:51] um easily modify stuff. I'm not trying [65:55] to convince you to do anything. Sounds [65:56] like I am. But I'm but I've just seen it [65:59] become very very easy to like, oh, you [66:01] know what? I don't like where that [66:02] button is. I'm just going to move it in [66:04] the template rather than like rebuild it [66:07] and like mess with all the all the um [66:10] >> CSS and everything on that. Yeah, there [66:12] was a couple things I I'd thought about [66:14] as far as like the letting the user have [66:16] more control like what if I wanted to [66:18] move this character over to this side [66:20] and and you know change my view like [66:22] >> like I had the drag and drop setup [66:24] already going on in in the quest itself. [66:27] So it's like why could I not just do [66:29] that and then store that as well [66:31] >> necessarily mean like giving the user [66:32] that level although that would be a very [66:34] very cool thing to be like I don't care [66:36] what my stats are. I want that always to [66:38] be minimized. But I I mean from someone [66:40] like like from you managing the site and [66:42] being able to like make changes to it [66:45] quickly by just like inserting a a new [66:47] block inside the template because then [66:49] that template because here's a good [66:51] example. Let's say that this ends up [66:53] having like multiple campaigns or um [66:56] yeah multiple campaigns. No. Yes. [66:59] Anyways, but you want to have one [67:00] campaign with certain things and one [67:02] campaign without certain things and you [67:03] have m multiple page uh uh templates [67:05] that handle that. if you would insert [67:07] this block um account block on both [67:10] pages, but let's say the secondary one [67:13] doesn't want to show the characters. I [67:14] don't know why you you don't have that [67:17] flexibility. You just put the block on [67:19] and you get everything. And so that's [67:20] sort of what I was [67:22] >> Yeah. Okay. I see. [67:23] >> Sort of getting at there. Yeah. But I [67:24] mean [67:25] >> make it a lot better. [67:27] >> Yeah. [67:28] >> Like just breaking it out into smaller [67:30] individual pieces like because like the [67:31] amount of stuff I've had to debug here. [67:33] I mean, if it weren't for code, it would [67:34] have been a giant pain. But [67:36] >> for sure, [67:36] >> I I think like when I finally get into [67:38] like I need to learn this for myself and [67:41] not rely on AI for it, I think breaking [67:43] it down into smaller blocks will will [67:45] help with the learning [67:47] >> as well as as the debugging stuff as I [67:50] start to take on a bit more of the [67:51] responsibility of building the service [67:53] sort of on my own and not relying on AI [67:55] at all times, which is I don't want to [67:57] do that for, you know, for the whole [67:59] game. [67:59] >> It was just more to get me get me going [68:01] here. [68:02] Um, [68:02] >> it will mean you'll have a ton of blocks [68:04] to manage, [68:05] >> which that's fine. I mean, [68:07] >> kind of maybe maybe a bit nuts, but um, [68:10] but yeah, I can't tell you though how [68:12] cool I think this is. Like [68:14] >> I think it's a it's a cool idea. I've [68:16] wanted to do it for a long time. Like my [68:17] my wife is a librarian and my kids are [68:20] avid readers and I loved these books as [68:22] a as as a child and I know my daughter [68:25] is already wanting to play this game. [68:27] Like I haven't let her kind of get in [68:29] there yet either. like she really wants [68:30] to dive in and play it as well. Like [68:32] they love reading. So like it's really [68:34] nice to be able to do that and and and [68:35] you know my kids have been involved. My [68:37] my my kids have had some influence on [68:39] the game and and they've sat down with [68:41] me and they've they've helped me with [68:42] some of the imagery and stuff. So it's [68:43] it's been fun to kind of get them [68:45] involved as well. So it's it's it's been [68:47] a fun little project um to get them [68:49] involved with. And we were talking a [68:50] little bit earlier where, you know, I'd [68:52] like to make like a little theme song [68:54] for the front and and you know, you [68:56] you've created some really cool options [68:57] there too or like get my kids more [68:58] involved in that side of it. And [69:00] >> you know, I'd like I'd like my kids to [69:02] get more involved and like my kids love [69:03] to draw. So maybe they can have some [69:05] influence on some of the art and other [69:07] areas too and make this like a little [69:08] family project that we we work on. [69:10] >> For sure. I think it's [69:11] >> one of the things I I wanted to mention [69:12] and you kind of you had mentioned it a [69:14] bit earlier with the whole idea of like [69:15] I'd love to play a zombie game and stuff [69:17] like that. I was having a conversation [69:18] with Chris Reynolds about some of the [69:20] stuff in this game. Like he's a big RPG [69:22] guy, a big D and D guy. So I I talked to [69:24] him a little bit about the game as we [69:26] were going. Um, one of the things he [69:29] threw out there was like, well, what if [69:30] this were set up in such a way where [69:32] anybody else could use it and build [69:34] their own game? And I said, you know [69:35] what, that's a great idea. So, you know, [69:37] whether or not I put that out there as [69:39] something that's just open source that [69:41] anybody can do or if I get it to a point [69:43] where it's a paid service, I don't know [69:44] yet. But I like the idea and I'm start [69:48] starting to set it up behind the scenes. [69:49] I've I've just did a bunch of stuff like [69:51] as soon as I did this new theme, I [69:53] needed to set up sort of a design system [69:55] for the plug-in itself. So, I set up a [69:58] bunch of CSS tokens. So, now I'm [69:59] starting to run things through CSS [70:01] tokens, which then will allow me to make [70:04] that game something that, you know, if [70:06] Ryan wants to go make a zombies game, [70:08] you can take the plugin. [70:09] >> I do. [70:10] >> So, yeah. So, you could technically take [70:12] the plugin, create I I do need to go [70:14] make a a token CSS file to put in all [70:17] those root um variables in there, but [70:20] then you could technically go in and you [70:22] could skin the the the plug-in itself [70:25] and then do whatever you wanted on your [70:26] theme [70:27] >> or then you you know you could have [70:29] tokens on your theme like leverage the [70:31] stuff that's being created at the root [70:32] from the theme.json and then have that [70:34] available to you in the plugin then to [70:36] make your plug-in look like whatever [70:38] game you want to design as well. That's [70:40] it's a long-term thought that I'd like [70:42] to have and and you know if it gets to [70:44] that point I think that would be really [70:45] cool if more people want to do this can [70:49] you know go out and make their own [70:50] little games. [70:51] >> I think it's great question for you. You [70:53] got me thinking about the CSS stuff. So [70:55] right now the plugin is the brains. It's [70:58] the it's the it's what does the quests [71:00] and and the scenes and all and the [71:01] campaigns, right? [71:02] >> Yeah. Um, so does does the theme [71:05] obviously the theme is what it is the is [71:07] is the styles, but does does the plugin [71:11] pull from the theme JSON or vice versa? [71:14] Like how does that connect? Like so in a [71:16] perfect world, I would take this plugin, [71:17] I would install it, I'd build my quest, [71:19] my themes, and my my uh campaigns. I'd [71:22] throw a zombie apocalypse theme on top [71:24] of it and all the pieces connect. Um, [71:28] how how do you see that working or how [71:31] does that work? Now, [71:32] >> it's going that direction. So, what had [71:34] happened is is is on Sunday I decided [71:38] last minute I need a better theme for [71:40] this whole game and because I'm part of [71:43] the the Miles AI beta program, I was [71:46] able to leverage that service and I [71:48] built a crazy awesome I think it's a [71:50] really crazy awesome nice interactive [71:53] animated theme. But then I was like, "Oh [71:55] man, my plug-in doesn't look anything [71:57] like it." So again, I jumped into cloud. [71:59] I think I have a document here [72:00] somewhere. So I make sure I always [72:02] document all my stuff. Um or maybe [72:06] that's I think I might have that [72:07] somewhere else. But I do have a design [72:09] system [72:10] um [72:13] somewhere. I I have a I have a doc. So [72:15] it it outlines like all of the the [72:17] variables that are available from the [72:19] theme. So, I'm I'm moving towards that [72:21] direction where [72:22] >> nice [72:23] >> I'm going to pull from the theme.json, [72:27] but there's a way that you can set [72:28] things up in a token. I'm doing it in a [72:30] different project where you can set [72:32] things up to use the theme.json as a [72:36] fallback. So, you can customize the [72:37] color to your liking independently in [72:40] the theme, [72:41] >> but have excuse me, have the the the [72:44] theme JSON equivalent be the fallback. [72:48] So that will just allow anybody to kind [72:50] of go in and skin it the way they would [72:52] want to skin it. [72:54] >> Yeah, that would be very cool. That that [72:56] I think would be super powerful. I mean, [72:57] I think that's how we should build in [72:59] WordPress in general, right? Like we we [73:00] should there should be like we don't [73:02] have we don't really have a like a [73:05] common token naming, variable naming [73:08] approach. I mean, we do if we follow [73:10] like some of the the the core themes and [73:13] stuff, but it'd be very cool if there [73:14] was just like I mean, this is going to [73:16] be a controversial take, but if [73:18] everything was named a similar way or [73:20] the same way, then all themes and [73:21] plugins would just work really well. [73:23] >> I would love to see that. Like, [73:25] >> you know, [73:25] >> one of the things I learned like I I've [73:27] just re like in the within the last [73:28] maybe six to eight months is when I [73:30] really dove in to learn block themes. I [73:31] was not really into the block theme side [73:33] of it because I was really focused on [73:34] like great front-end blocks for for such [73:37] a long time, [73:38] >> right? [73:39] >> I learned so much by playing with Ali. [73:43] What those guys are doing over there is [73:45] great. I love the design system concept [73:47] where they have consistent naming with [73:49] primary [73:50] >> and secondary. They have a couple of [73:51] very key names. So when I first started [73:54] learning, I was using the Ali theme and [73:57] kind of patterning some of the things I [73:58] was doing after what they were doing and [74:00] it was a great way to start learning. [74:02] And then I kind of dove into like stuff [74:04] with Miles and I started seeing how [74:05] Miles was building themes and again you [74:07] know you learn more stuff and then just [74:08] other personal learnings and doing other [74:10] courses and then you know diving into [74:13] like I think 2025 was the first time [74:15] when I really started to get some good [74:16] experience and I I did a little smaller [74:18] amount of contributing to 2025 and [74:20] that's sort of when I started to want to [74:22] learn more about block themes as well. [74:25] >> Nice. Uh, oh, one of the other things I [74:28] I think I should show as well. Um, so in [74:30] in the case where if this plug-in were [74:33] to become something that other folks can [74:35] start using, the building of the data is [74:38] the the really is the big amount of work [74:41] here after you get through all the [74:42] development like like sitting down and [74:44] flowing content in for as many quests [74:46] and as many scenes as there are is is a [74:48] significant amount of work. Um, and of [74:52] course because I was testing it, I was [74:54] constantly like dumping my database or [74:57] refreshing it and it was just it was [74:58] becoming a bit of a pain. So I wrote a [75:00] CLI command or I should say Chloe helped [75:02] me write a CLI CLI command where I can [75:06] import all of the races and classes [75:09] whenever I want to with a real quick CLI [75:12] command. So I don't have to manually [75:14] build out all the taxonomy terms. Um, I [75:17] have all of the quest images. They all [75:18] live, excuse me, here in the plugin. So [75:22] you can open up, you just get like [75:23] whatever image. Um, so they're all named [75:26] pretty specifically and that ties into [75:28] some of the data. So if you look at this [75:31] is the first quest that you go through. [75:33] You can see you get a campaign here. Um, [75:38] so this is just this is a really simple [75:40] one because there's not a lot to it. But [75:41] if you look at so this is the [75:44] quest.json. So what happens is when you [75:47] run um I think the CLI command is v [75:51] import it will go through it will import [75:55] all of these quest.jsons and it'll build [75:58] like so when we looked at the um [76:01] we looked at [76:02] >> yeah the debugging page that that's just [76:04] basically the output of that right [76:06] >> pretty much. Yeah. So when you start [76:08] looking at what's what's going on down [76:10] here, [76:11] um, so this this is what's happening [76:13] here. And then the CLI command will [76:15] import it and build that entire page [76:17] because having to go through and try to [76:20] select all of this stuff. [76:22] >> That's a ton of tedious. [76:24] >> That's a ridiculous that no one wants to [76:26] do that. So [76:27] >> no. Um, as Sweet Brown says, [76:30] >> nobody got time for that. [76:31] >> Oh, I pressed it twice. Ain't nobody got [76:33] time for that. So [76:35] >> I was waiting. I I don't I don't have [76:36] the twist screen open here cuz it's a [76:37] bit weird seeing the delay. So I was [76:39] wondering if anybody was throwing those [76:40] up. [76:41] >> That was me. [76:42] >> And then [76:42] >> I did it twice. [76:43] >> Then it also goes through and it creates [76:45] all the scenes for us. So like 112 [76:47] scenes to build them. It's straight copy [76:48] paste work, but it's still that's a lot [76:50] of work. Paste them all in, add the [76:52] feature image. [76:52] >> So did did you generate these with code [76:54] or did you generate them like did you [76:56] pull that? Okay, cool. [76:57] >> So what we did at first is is is when we [76:59] were working through it, um I have all [77:01] the scenes sort of here. Are you saying [77:03] we like you and Clo like you and Clo [77:05] were having a beard working on this? [77:06] >> Hell yeah. [77:07] >> I love it. I love it. Fantastic. [77:10] >> Absolutely. [77:11] >> So yeah. So I mean obviously I mean like [77:14] a lot of other developers when you're [77:16] starting to document stuff like I'm I'm [77:17] telling Claude to make all these [77:18] markdown files for me and telling it to [77:20] sort everything for me. So the story was [77:22] the one where I didn't let Clude fully [77:24] take the wheel. This was one where I [77:26] came in with I had the initial concept [77:28] of like a gem for founders. And I don't [77:32] want to say too much about sort of what [77:33] that's all about, but I had the initial [77:36] idea. So I wrote down a whole bunch of [77:37] things that I thought could happen. And [77:39] then Clo and I had a long conversation [77:42] over several days over how we could have [77:46] story turns and arcs and changes and how [77:49] things could get impacted later. It was [77:50] it was really an interesting approach. [77:53] Like I'm so used to like seeing and and [77:55] working with Chlo from a coding point of [77:57] view, not so much on a content point of [77:59] view, but having the conversations and [78:01] some of the ideas that it came up with [78:03] based on something that I might have [78:05] told it was it was really interesting. [78:07] It was a fun approach to to building a [78:09] story. [78:10] So yeah, so I have all of these MD files [78:12] and then at the end of it, I just said [78:13] to Clo, I'm like, "Hey, this is a pain. [78:15] I need to get this stuff into to the [78:18] site as fast as I can. you know, can you [78:20] hook me up with a bunch of JSON files [78:22] and a CLI command? And I think like 20 [78:24] minutes later, I had it all done. [78:26] >> And then it just it goes through and [78:27] imports all this stuff. [78:28] >> That's the kind of stuff that's that's [78:30] the kind of stuff that CLI or sorry that [78:31] like AI is is made for. Like [78:35] >> I've had a bit of an existential crisis [78:36] in the past few weeks about like like am [78:38] I going to get replaced as a developer? [78:40] And I don't think so. But we'll see. But [78:43] this is the kind of stuff that would [78:45] take hours and hours to figure out and [78:48] build and debug and test and you can [78:51] just tell it go do this and then go work [78:53] on something else and then you know come [78:54] back and test it once and then be like [78:55] no it didn't work. That's why like it's [78:58] to it's like this is this this is [79:00] purpose-built for AI like or that's what [79:02] AI is purpose built for this country. [79:03] >> And one of my favorite things too is as [79:05] I was going through with with with code [79:07] and creating each of these scenes, [79:10] >> I had it set up to a point where I knew [79:12] like I didn't have to give it too much [79:14] context and too much prompting because [79:15] it kind of it got into a flow of what I [79:17] was looking to do, [79:19] >> right? And um at the end there's a [79:22] couple spots where I don't know where [79:24] the docs are now at this point, but oh [79:26] here all I brought it all back together. [79:28] So as part of each of the individual [79:30] scenes, I also had Clo tell me like, [79:32] "Hey, give me a suggestion on the [79:34] images." I really struggled with making [79:37] good images with Nano Banana. I don't [79:39] know why my prompts weren't doing what I [79:41] wanted. I was getting a lot of garbage [79:43] images. And uh I I had mentioned [79:46] something about it on Twitter at one [79:48] point and it was was Ian Misner had come [79:50] come in and said like listen why don't [79:51] you just go and ask Clo to write you a [79:54] prompt for Nano Banana. That unlocked [79:58] all the doors for me as far as image [80:00] creation goes. [80:00] >> I'm going to second that because you [80:02] told me that you did that because I [80:04] asked you because you shared like so the [80:06] the thumbnail for for this video is you [80:08] and I dressed up like like medieval [80:11] peeons, right? And I was like these are [80:13] so good. How did you get and and you [80:15] told me you you did the you asked AI to [80:18] generate a prompt for AI and I started [80:21] doing that and it has been [80:23] >> so good because I would ask for things [80:25] and I would get really crappy p uh [80:27] pictures like I I did one yesterday for [80:30] an interactivity talk that I'm doing at [80:31] work atia plug and uh there is a like so [80:35] I had a complicated thing where I wanted [80:37] to show and I asked AI to to do it and [80:40] it gave me this really really good image [80:42] and it was like so much better. Anyways, [80:44] so kudos to you and Ian apparently for [80:48] for uh coming up with that little life [80:49] hack there because it was amazing. It's [80:51] so [80:51] >> Yeah, it was it was great because then [80:52] as I was writing the story, I was [80:54] telling it like now give me an image for [80:56] each of these scenes and give me an alt [80:59] tag for all of the scenes and then I [81:01] used all of that on the import. So when [81:02] you imported it in, so this this is like [81:05] the big I I had a lot of struggles [81:07] trying to get Nano Banana to to to do [81:10] it. I had to sit down at one point and [81:12] do it all together. So I had to generate [81:13] all 112 images at the same time to try [81:16] to stick within a consistent thing. But [81:18] even with the paid account, you're maxed [81:20] at 100, [81:21] >> right? [81:21] >> So then I had I had to do multiple [81:22] chats. It was a big pain. So I kind of [81:24] put together this this larger doc and [81:25] started working with it here. So it [81:27] gives me file names, alt tags. Here's [81:28] the prompt that it tells me to [81:30] >> to use and started generating images. So [81:32] I can show a couple of things here real [81:34] quick. So we got like I mentioned this [81:37] one earlier. [81:39] At one point we were going, [81:40] >> it had generated a map and it was just a [81:43] it was just basically the Elderore area [81:45] itself and I said, you know what, [81:47] >> let's set the stage for something [81:48] bigger. Like I knew that that one of the [81:50] founders was from Thornwood and and [81:53] there was some other spots here, but I [81:55] thought, let's make a map now that we [81:57] can allude to other areas that we can [82:00] expand the game out into down the road. [82:03] So, if I wanted to, you know, have [82:04] someone kind of travel into Bandits Pass [82:06] and come into the Ashen Wastes. And it [82:09] was a really interesting idea to have [82:11] clothes kind of make my map. And now all [82:12] of a sudden, I've got, you know, a half [82:14] dozen areas where I can I can make, you [82:16] know, tales of fate behind [82:18] >> Shadowlands. Yeah. And the the Kerrion [82:20] swamps. That sounds [82:22] >> Yeah. So, there was that was a lot of [82:24] fun to to do that. [82:25] >> So cool. [82:26] >> Um [82:26] >> I This kind of stuff's amazing, man. I [82:29] mean, it it it blows me away just how [82:31] and there's that. Like, [82:33] >> speaking of the images that we used, it [82:35] was it was quite fun. It was this was a [82:36] fun little project. I We might have [82:38] overpromoted We might have overpromoted [82:40] this stuff on Twitter. [82:42] >> No, we didn't. No, we didn't. Hold on. [82:45] Where's the Troy? Do you have the image? [82:47] The the the big one. [82:50] >> It's my favorite image. That one is [82:51] ridiculous. That is actually the [82:53] thumbnail that I use on all of my my my [82:56] streams of me pointing. And it it did a [82:57] really good job of making me dress like [82:59] a medieval peeon. [83:00] >> Yeah. So, and this is the one we're [83:02] talking about here where [83:03] >> I love that one. It's just so funny. [83:07] >> It doesn't I don't think it looks like [83:08] me too much, but it does it it does [83:12] enough. It's fantastic. [83:13] >> Okay. So, you you look like a cross [83:16] between you and Sam Wise Gamji here. Not [83:19] going to lie. I feel like I I I look [83:22] like the president I Zalinski from from [83:25] Ukraine a little bit in that picture. I [83:27] don't know. Maybe not. [83:28] >> That image was accidental, too. I never [83:30] I never told you about that one. But but [83:32] Ryan and I were talking and so with [83:34] Ryan's image, obviously he's pointing [83:36] inwards and I took an image of myself. I [83:38] was wearing a the WordPress hat you you [83:40] gave me and it was just I wasn't really [83:42] pointing. So I took another one and I [83:44] pointed and I I ran both the images [83:46] through Claude and I said, "Great. make [83:47] us both point towards the center of the [83:49] screen and I'm going to put the logo in [83:51] there. That image came out and I said I [83:54] got gold because that was so great. [83:56] >> I want to just switch to my screen for a [83:58] second to show it the the image of you [84:00] as a blacksmith. It is so good. [84:02] >> Oh, I was going to pull that one open [84:04] too because one of [84:05] >> Oh, yeah. Yeah. Go ahead. Go ahead. [84:07] >> It's so good. [84:08] >> Well, well, I'll show you two versions [84:10] of it because the first one cuz I had a [84:11] hat on. So, I'm assuming that AI just by [84:15] default assumes that if you're wearing a [84:16] hat, you're a bald man. I'm assuming [84:19] that by default, this was the second [84:21] iteration of this photo. I had to go [84:23] back and tell Clo like, I I need I want [84:25] some hair, please. [84:26] >> Yeah, [84:27] >> but I sent this one to my wife and [84:30] here's that image. [84:32] >> It is so good. Like, it's he like I [84:35] don't know if you can see it, chat, but [84:36] like he's got like beads of sweat on his [84:38] forehead from the from the like it's so [84:40] good. It is so good. Um, [84:43] >> now the first version of that was this [84:46] though [84:46] >> that you did with Oh, let me see that [84:48] one again. [84:50] >> And send it to me because that's going [84:51] to be the new Troy command. Where is it? [84:54] Oh my god, that's so good. [84:57] >> So, I sent that one to my wife and I [84:59] said, "What do you think, improvement?" [85:00] And she's like, "That looks so creepy." [85:02] And I was like, "Yeah, I agree." But [85:03] it's great. [85:06] >> Can you share the prompt with me? [85:08] because I'm going to put some I'm going [85:09] to put like some pictures through [85:11] through it and just see how you did [85:13] that. That's so funny. [85:14] >> Yeah, I can I can I can share some stuff [85:16] with you after that that some of the [85:18] stuff I used here for sure. But [85:20] >> so funny. That's so good. I love Oh, [85:23] like so let's just reflect on how good [85:25] imagery creation has become in in AI [85:29] because I remember doing a stream I [85:31] don't know how long ago maybe a year ago [85:33] and we were getting I was I can't [85:34] remember what I was using but we were [85:35] building something I think it was using [85:36] chat GP or something. was generating [85:38] these images and remember like there'd [85:40] be like people holding hands with nine [85:42] fingers and like they'd have three ears. [85:44] It just it was horrible. And now we have [85:46] that which is like [85:48] >> terrifyingly realistic. [85:50] >> Yeah. So when like when I first like so [85:52] these are all the images right here in [85:54] in the first three acts of the game. Um [85:57] also I and I do need to redo the site [85:59] because the the or at least I need to [86:01] redo the founders page because I don't [86:02] like the flow of it now that I've got a [86:04] new theme in there. I just haven't had a [86:05] chance to do it. But up front, like you [86:07] see here are the founders. So like the [86:09] images that were created for the [86:11] founders were fantastic. [86:13] >> Um, [86:13] >> so good. [86:15] >> Yeah. But then like just even if you [86:16] just grab like some random stuff here. [86:19] >> Like they're and they're all in the same [86:21] like I I don't know how much prompting [86:23] you had to do to get this, but like [86:24] they're all the same artwork style. [86:26] They're all like it's very good. It's [86:28] very very good because I I' I've run the [86:30] same prompt a few times and gotten very [86:32] different styles and like [86:34] >> But so here here was the here was the [86:35] key. This this is what really helped me [86:37] get these things quite consistent is [86:39] that I had code write me basically a [86:42] design guide for those images. So I [86:45] would start a prompt off by giving it [86:46] just this and then it would say okay [86:49] what's your first image and then I would [86:51] give it the context for the prompt here. [86:54] Okay [86:54] >> and it would create the image. Now at a [86:56] certain point you get to the end of I [86:58] guess that prompt's capability to do [87:01] anything good because it got to the [87:02] point when it was generating some [87:04] horrible images. I would just close that [87:06] prompt, start up a new one, give it the [87:08] style, and it would pick up right where [87:10] it left off. It was it was great. [87:13] >> Yeah. [87:13] >> Yeah. That that's that's the thing I [87:15] think that like when you're doing this [87:17] sort of stuff and you don't have the [87:18] context like every like I use cloud code [87:21] all the time and it'll tell me I've got [87:23] so much context left and then when I run [87:24] out of context it tries to compact it [87:26] and things just fall apart at that [87:27] point. So I just like close it and do a [87:29] new one and then but it's getting back [87:31] to that same point every single time. [87:32] But it looks like you you've solved that [87:34] issue. That's really cool. [87:36] >> Now, that took me a long time because [87:39] that was that was not something that I [87:40] could just tell Code to do for me, [87:42] right? So, I I really had to get in [87:43] there and and trial and error until I [87:46] got to a point. And then once I got to [87:47] that point where I'm like, "Oh, I'm [87:48] getting this consistently." [87:50] >> I sat down one night through something [87:52] on Netflix and and I I basically made a [87:55] hundred images in one night until I [87:57] realized I just hit an image cap. And [88:00] then the next morning I had to come [88:01] back. It was like 24 hours later I came [88:03] back and created the last 12 images or [88:05] whatever it was. [88:06] >> Nice. But but by that point you had the [88:07] prompt down so it was just busy work at [88:09] that point. [88:10] >> Yeah. Absolutely. So [88:12] >> very cool. [88:14] Very cool. [88:15] >> Yeah. [88:16] >> It's awesome. So much fun. [88:18] >> Yeah. So So like I said, like I I would [88:20] like to to get this thing open for [88:23] anybody that wants to play it like as [88:26] soon as I can. like like I was [88:27] originally thinking like end of month, [88:28] but I'm wondering if I could probably [88:30] get it done just enough maybe step down [88:33] off of my uber pickiness a little bit on [88:35] some of these some of the elements and [88:37] just get it out there and let some folks [88:39] play it and start getting some good [88:40] feedback. I do need to make [88:41] >> you open it up as a beta. [88:43] >> Yeah, if you put a big beta one open [88:46] badge on there, people will understand [88:47] that it's still a work in progress, I [88:48] think. And [88:49] >> I think the big one for me, and I'll [88:51] probably just do this tonight, um I [88:53] really want my character image. I just I [88:55] can't I can't go it. It has no bearing [88:58] on the game. It makes no difference, but [88:59] I want my character image here. So, [89:01] >> sure, you should tie it into AI so [89:04] people can put in a key or whatever and [89:05] like generate their own image or [89:08] >> long term. Long term. [89:10] >> Yeah. [89:10] >> Yeah. But also at the end at the end of [89:12] the day too like you you could very [89:13] easily just go into Nano Banana create [89:15] the image that you want and upload it [89:17] into your character and not have to put [89:19] in your key and you know have more [89:21] credits and spend more money and like [89:23] people are spending too much money now [89:25] on AI as it is. So [89:26] >> you know whatever I can do to to not [89:28] have people spend money and [89:30] >> yeah I mean your MVP could just be [89:32] gravitar whatever their their gravitar [89:35] images of their email which wouldn't [89:37] really fit the aesthetic of the game I [89:38] would imagine. [89:39] >> Yeah. Yeah. Yeah, I like the idea of [89:41] letting letting you guys, you know, [89:42] letting players like yourself go ahead [89:43] and do whatever you would like to do. [89:45] >> Yeah. [89:45] >> Um, at that point, [89:47] >> awesome. We got eight minutes or so left [89:50] before noon, which is usually when we [89:52] wrap it up. Um, is there anything else [89:54] that you wanted to show us, talk about, [89:56] preview? Um, [89:59] >> I can't think of anything [90:01] really. Um, [90:03] >> cool. Do you mind if I share the Can we [90:06] share the GitHubs? Are are they public [90:07] or [90:08] >> the theme? The theme is public. I I [90:10] mean, anything I'm doing with with the [90:12] Miles AI agent, um, I make it public [90:14] because I do like to share it back with [90:15] with Andy so he can he can use it to [90:18] make Miles better. So, yeah, [90:20] >> the theme itself is is public. Right [90:23] now, the the plug-in is not because I [90:25] don't know if it's something that that I [90:27] just want to make, you know, open for [90:29] everyone to use or if I do, I at least [90:31] want it to be fully finished [90:34] >> um before people start to build their [90:35] own games with it. I will share the URL [90:38] for the uh fate bales of fate by miles [90:41] URL if that's okay or theme if that's [90:43] good and then um yeah so I I I realize I [90:47] have access to the plugin because you [90:49] want me to take a look at it but other [90:51] than that we will leave that [90:53] >> secret for now. Um [90:56] >> and then we do have the the main [90:57] homepage here that that is ready to go. [90:59] It's got all the [91:00] >> link that but we can uh I'll drop it [91:02] back in chat so people can have a look [91:04] if they want. Is is there like a sign up [91:06] or like a uh I I I want to play this? [91:10] No, it doesn't look like it. So So I [91:12] haven't put harass [91:14] a beta optin or something. [91:16] >> My my go my goal was to use this show [91:18] today to launch it to be perfectly [91:20] honest. But my decision on Sunday, I [91:22] think was a good one because the look [91:24] and feel of this site is a million times [91:27] better. [91:28] >> Oh, this is [91:29] >> just making that decision four or five [91:31] days before you go on to a show. It's a [91:33] lot of extra work. So, um hopefully [91:36] really really soon. So, [91:38] >> yeah. Cool. Well, when we launch it, [91:40] when you launch it, whenever that is, [91:42] >> come back on and we'll we'll play it. [91:44] >> Absolutely. We'll do a game or I'll or [91:46] I'll just do it if if you want or [91:48] whatever. Yeah, we'll have you. [91:50] >> I'm open to anything. I mean, heck, if [91:51] you want to bring on a couple people to [91:53] to do some stuff around it, I mean, [91:54] whatever you want to do. [91:55] >> That might be fun. Yeah, that might be [91:57] fun. Um, [91:59] cool. Awesome. Well, this has been [92:01] great. Uh yeah, I don't really have any [92:04] out that I don't think there's any [92:05] there's no uh questions in chat. [92:06] Everyone's just saying the Lup says, [92:08] "Love the style." Um what's it? Ethylene [92:11] 1993 says, "That looks amazing and [92:14] laughed hysterically at the photos of us [92:16] in medieval garb." Um yeah. So awesome. [92:20] This is great. Um cool. I don't really [92:23] have anything else but uh anything. [92:25] Yeah. I don't know. Cool. So we can we [92:28] we can wrap it up. I'm gonna try to have [92:32] Andy Peting on uh for the and talk about [92:35] Miles because this is a good time [92:36] because you use Miles and it was a good [92:37] experience for [92:38] >> I I I'm a big fan of Miles like I've [92:41] been playing with TX and I've been [92:43] playing with Miles and and I've I' I [92:45] have a subscription to Figma make and [92:47] I've tried um I saw one someone posted [92:50] on post status this morning called [92:51] pencil.dev that I want to check out. [92:53] >> Cool. [92:54] >> Um so far Miles is by far my favorite. [92:58] It it it creates some really like this. [93:00] The prompt I did for this was so [93:02] minimal. I gave the prompt my logo. I [93:05] gave it one of the images from the game [93:07] and I gave it a stoned background that I [93:09] originally had [93:11] >> and it came up with everything else. I [93:13] didn't I didn't tell it colors, nothing. [93:16] >> It just did all of this for me and then [93:19] I kind of tweaked it after the fact. So, [93:21] like I enjoy playing with Miles the most [93:23] based on the fact that it it it's [93:24] smarter on the design side in my opinion [93:27] and the way it works with images and [93:29] like again if I refresh it like just [93:32] that subtle little animation stuff, [93:34] >> you know, things are moving around. It's [93:36] just nice touch. [93:37] >> I guess I can think that's really cool. [93:39] So, I guess I can probably just look at [93:40] the theme here, but it looks like it's [93:43] >> Are all your styles and everything? Um, [93:45] sorry, I'm I'm clicking around the [93:47] theme. Oh, yeah. Okay. Yeah, everything [93:50] everything is there. [93:51] >> It generates all all the things for you. [93:54] Nice. [93:54] >> Yep. [93:55] >> Because this guy needs that. I'm the [93:56] worst designer and front end developer. [93:59] >> But uh Awesome. [94:00] >> You're gonna have fun. [94:02] >> Yeah. Cool. Awesome, man. Well, thanks, [94:04] Troy, for hanging out with us today. If [94:07] there's any questions in chat for Troy, [94:08] we got a few more minutes before we we [94:10] we're going to drop off. So, if you have [94:12] questions, ask them now. Otherwise, you [94:14] won't get to. That's how that works. I [94:17] don't know. [94:18] So, so anyway, [94:20] >> right. So, before I wrap up, I just [94:22] wanted to mention a couple things like [94:23] so you know, Veils of Fate obviously [94:25] powered by WordPress in the [94:26] interactivity API. It's hosted by King [94:29] Kinsta, who are my sponsors, [94:31] >> and it's also built by Miles. So, [94:33] anything related to the look and feel of [94:35] this is now basically by whatever Miles [94:38] has created, I'm starting to trickle [94:40] that design out to the rest of it. [94:42] >> Nice. Very, very cool. This is so cool. [94:46] Awesome. All right, man. Well, I think [94:48] we'll wrap we'll wrap it up here. I [94:49] think that's a perfect place to stop. [94:51] But, uh, again, Troy, thanks again. And [94:53] Word Camp Canada is coming up, right? We [94:55] have Word. [94:56] >> Yes, that's right. So, that that [94:57] announcement happened, was it a week or [94:59] two ago? So, yeah, Word Camp Canada is [95:01] happening in Vancouver [95:03] >> November 5th and 6th. Um, I am the I am [95:08] the web lead and the speaker lead. [95:12] So, we can quickly cheat little plug [95:16] here. So again, this is a this is [95:17] another site by Miles [95:19] >> that is actually based on well, I built [95:21] it off of 2024 to get the look and feel [95:24] because I couldn't actually upload a [95:25] theme into the Word Camp build. Um, [95:29] yeah, it's coming. It's coming to [95:30] Vancouver, so check it out. [95:33] >> I'm going to uh drop a thing in there. [95:36] And Jester World 77 says, "Yay, see you [95:39] back in Miles Slack. This looks [95:40] awesome." I don't know. You You must [95:42] know Jester World 77 from somewhere. [95:45] Yeah, I think there's a few bill because [95:46] I've been sharing like basically what [95:48] I've been doing with this theme, I've [95:50] been sharing it back into the miles beta [95:52] slack area just to give feedback and and [95:54] you know help improve miles wherever we [95:56] can. So, I think a lot of folks were [95:58] were a bit interested in in what I was [96:00] doing because it kind of went went a [96:01] little bit beyond because I started [96:02] talking a little bit more about what [96:03] this was all about. Really [96:05] >> cool. Awesome. Well, uh that's that's [96:08] cool. And feel free to share this whole [96:10] stream back in there if you want to. Um, [96:12] I don't know if people would be [96:14] interested in seeing that or not, but uh [96:15] because I don't have access or I'd just [96:17] go shamelessly plug it myself, but uh [96:20] anyways, yeah, so I I I did drop the [96:21] link to work Canada, so I don't know if [96:23] I don't think there's no calls out for [96:25] anything yet. [96:27] >> But [96:29] yeah, we got a call for sponsors. [96:31] >> And if anybody is here watching this [96:33] right now and would like to volunteer, [96:35] we are looking for leads on some of our [96:37] teams. If you don't want to take on a [96:40] leadership role, we are definitely [96:41] looking for volunteers on various teams. [96:43] You can feel free to hit me up. Um, find [96:45] me on Twitch or sorry, on Twitter, find [96:48] me on Blue Sky, find me on Make Slack, [96:50] find me on Work the Work Camp Canada [96:51] Slack or the the WordPress Canada Slack [96:53] channel. Um, find me on Post Status. I'm [96:56] not a hard guy to find. So, if you guys [96:58] want to uh get involved in Work Camp [96:59] Canada, let me know. [97:01] >> Awesome. Perfect. Well, that's the [97:03] perfect time to end this. It's 11:59 [97:06] local time here in Canada, Eastern [97:08] Coast, Eastern time. So, we're going to [97:10] wrap it up, but uh Troy, can't thank you [97:12] enough for coming and hanging out with [97:13] us today and showing us Veils of Fate, [97:16] Tales of Elderore. Tales of Elderore. [97:19] Yeah, I am so excited to play this. So, [97:21] you I I have it set up locally, so I I [97:23] might just play through it, but uh I uh [97:26] I'm excited for it to open for you. And [97:28] when when it does get open, let us know [97:30] and we can all, you know, we'll share it [97:33] wide and far. [97:35] >> Awesome. Well, thank you for having me [97:36] on, Ryan. It was much appreciated you [97:38] giving me an opportunity to kind of show [97:39] off some of [97:40] >> Yeah, no problem. This is great. [97:41] >> The fun things I've been working on. [97:43] >> I don't get to build super fun things [97:45] like this anymore. So, I want to uh have [97:47] everyone come on and show show us what [97:49] they do. So, all right. On that note, we [97:52] are going to say goodbye. But uh Troy, [97:54] thanks again. And we'll talk to you all. [97:55] Oh, I will not be streaming next week [97:57] because I will be away in Costa Rica for [98:00] meet a a a work thing. Uh but I should [98:03] be back the week after that. So, anyhow, [98:06] talk to you all later. Thanks, Troy. [98:08] You're the best. You're the man. Looking [98:10] forward to seeing you in Vancouver [98:12] hopefully. And uh otherwise, we'll see [98:14] you all on the internets. Bye.  📄 **Full text:** ![[Full Document Contents/Articles/Talk Devy To Me Veils of Fate with Troy Chaplin|Talk Devy To Me: Veils of Fate with Troy Chaplin, Ryan Welcher Codes]] ## Highlights - here. um coming down because some of the some of the info about the game and then you come in um just to more of the about sections. So there's a few sections behind the scenes in the game. Um so what we can do though right away is I'm going to go into one of the quests. So what'll happen is when you first start the game, when I open this one up, I'm hoping to launch this maybe in a couple weeks. I've got a couple of uh little refinements to to do ([View Highlight](https://read.readwise.io/read/01kkxvwasn59d0p7ft5g00end3)) - Tags: 👻 ai highlighted - really handy where it's not loading new pages. I don't got to go and and make a template for the scene post type and um kind of go and and reload everything. So you can just click in and it just quickly reloads here. here. It brings you back up to the top of the page. You get your nice image and you start scrolling back down and you can read through um all of these stories. So, I'm going to really quickly >> I love that picture. [laughter] So, >> AI did some really great stuff. So, this this game in in all of the scenes, there's 112 scenes. Actually, I should ([View Highlight](https://read.readwise.io/read/01kkxvwasrdmn7ejym74s3mbz5)) - Tags: 👻 ai highlighted - >> Oh, that would be very cool. [clears throat] >> Yeah, it's something that I planned early on. I just kind of lost sight of it with the 300 other things I was trying to do um as I was building this thing out. >> Well, you're building this on your own. So, I mean, there's a lot there's a lot that goes in here, right? Yeah, this is my fun little this is my fun little passion project that you know has really no bearing on on anything workrelated other than I'm slowly learning the interactivity API which is a a big benefit. So um so yeah so if now if I come back into ([View Highlight](https://read.readwise.io/read/01kkxvwasvrqxgwdvf3myj0sbr)) - Tags: 👻 ai highlighted - I right now. So, if you need to show that, you might just want to scoot the >> make the the browser window a little bit smaller. >> Yeah, the nice thing about that, there's nothing here. Every everything is built in the editor. So, it's it's really it's really simple. >> Beauty. >> Um so, yeah, we'll just make a new quest. So, we got new quest. And then if I go in, I'm going to pick a random one. So, this is one of the taxonomies that ties into the the quest itself. And then it's going to get seen. So, what it does, it goes out, it gets every scene that's been tagged with the alliance quest, and it dumps it out here ([View Highlight](https://read.readwise.io/read/01kkxvwasxsz1byv47cxsxryv9)) - Tags: 👻 ai highlighted - nothing to it. Text and then a nice little feature image which is what you see on the front end that the interactivity API is using. >> So So the questions are done at the quest level. The the choices are done at the uh I'm sorry. Yes, the the Yeah, sorry. the Yeah. choices are done at the quest level and that's what you were defining there. >> Yeah. So again, the quest drives all of this stuff. So every part of it is driven by this the quest editor here, >> right? Okay. Awesome. >> Yeah. And then it's similar in the ([View Highlight](https://read.readwise.io/read/01kkxvwat0q85pm78gkn98g7mf)) - Tags: 👻 ai highlighted - And then I can add a quest here quite easily. And then again, I'm just outputting all of the information, so it's just easier for me to kind of figure out what's going on as I'm building this out. It's pretty cool, man. I'm sort of This is super >> like the amount of thought that went into this is >> pretty pretty pretty pretty good. I mean, pretty good. It's really good. [laughter] It's like it's very very cool. >> It took a long time up front just to to ([View Highlight](https://read.readwise.io/read/01kkxvwat3nhespbvwwec19p2t)) - Tags: 👻 ai highlighted - on. But as you come down try to look at anything specific that we want to show. So here's like fetching the scenes. So you're fetching the scenes and and you're bringing all of that stuff back um and passing more of the information back in and then more filtering going on. So these are our active scenes and and grabbing some IDs for some of the code. If I flip back here, we should probably open up a quest so we can kind of go back and forth and look at some of the ([View Highlight](https://read.readwise.io/read/01kkxvwat56vpwxgnb0y4wq13p)) - Tags: 👻 ai highlighted - and play. So, we had to add some of that stuff back in >> for sure. >> Um, >> so is character. >> Yeah, I'm going a bit too slow or a bit too fast for you. >> No, no, it's fine. Carry on. I'm good. Then you're gonna get down into so so here's you know if there's no scenes available in the quest. So if there's you know if I if I've made a mistake on something at least there's an error going to get thrown up here as well. >> Uh so then you start getting into okay we're going to start grabbing some of the post type data here now. So you can see there's a post type for scenes ([View Highlight](https://read.readwise.io/read/01kkxvwat8a9wfeqcdn51t2v6e)) - Tags: 👻 ai highlighted - information. So whether it be, you know, whether you're completely finished and and you know, whether you're going to continue on to the next quest or the account hub, there's a few different little logic going on there to determine, you know, what the user should be prompted with. >> Um, and then um Oh, interesting. Okay, that's cool. That's a sort of a wrap it up sort of thing. >> That's neat. So yeah. So that's that's >> cool, man. [laughter] >> I I I think it's cool. I mean, as far as like like playing the game and and how it works and stuff like that. Now, I ([View Highlight](https://read.readwise.io/read/01kkxvwatbrvtxg98bkp8w1aqd)) - Tags: 👻 ai highlighted - those could be >> those individual blocks that you're thinking about. So that would be a great a great approach to to like building out this page here because I I really >> I think about like when I play a game on like my PlayStation or something like that >> and I get to my character screen in a great RPG, like I see a lot of detail. There's a lot of stuff. There's a lot of screens to go through. Um, I I like the idea of having a lot of that stuff here as well, just to to to give that just to let the player really kind of get into it a little bit more and and that also will give me the ability to look at like, oh, well, I can go and add this to ([View Highlight](https://read.readwise.io/read/01kkxvwatefxqn6jpgkzs3j1s9)) - Tags: 👻 ai highlighted