Pizza RPG Part 8 - Behaviors & Cutscenes

In this video, we create a global cutscene system to puppet our characters around. We can use this system to tell our characters what to do during intentional story sequences and how to behave when nothing else is going on. We start simple with simple WALK and STAND commands for our characters, but we will soon be layering in other types of world events.
#pizzalegends
Starting Code (07):
drive.google.com/file/d/1pSaq...
Ending Code (08):
drive.google.com/file/d/1JFC6...
** Links **
More about Pizza Legends:
gamedevshift.com/pizza-legends
Join our Discord community:
/ discord
Support me on Ko-fi:
ko-fi.com/drewconley
Join our email list for early access to full courses:
us13.list-manage.com/subscrib...
Twitter:
/ drewconley13

[@musicisasuperpower]

This usage of async await to delay event queues is absolutely brilliant. I never would've thought of using promises in this case. Been stuck doing weird counters directly in my animation loop.

[@musicisasuperpower]

Haha yes event better!! I thought using custom events to trigger time-delay like this was just a janky solution for me, didn't think anyone else was using it this way. This code works so well for me man, thank you!

[@TheBobbyjuba]

These videos are fantastic! Thank you for doing this series. Keep it up :]

[@meowmeowpaupau]

I'm having so much fun following along, thank you so much for this series!! it's an amazing feeling to be able to understand how it all works, and be able to craft our own worlds and stories :)

[@ViciousViscount]

I love this series so much. Keep going! I've learned a lot!

[@RaymondAtivie]

Discovered your videos yesterday! So amazing!!! Going to build my own game. Thanks for the quality content! Please don’t stop 😭😅

[@paulolagoa]

This series is amazing, thanks for doing this!

[@kostyachernysh5030]

awesome video. This is the greatest tutorial on how to make js game i've seen so far!

[@ilug5197]

Best gamedev tutorial i have ever seen. So iluminating

[@lamthaigiahuy1936]

ahh nice series, i working with golang but thinking about making game in my free time as my childhood dream job , Keep doing great job

[@Magistrado1914]

Excellent course. Viewed on 2024/10/01

[@SarthakGamer]

your videos are amazing.

[@maximlungu7778]

hey, i wanna say ur video are rly helpful and i hope you never stop. Also i have a question: will you show in the future how to make a game to be multiplayer?

[@DrewConley]

Thank you! No plans for multiplayer right now, but I will consider it

[@mattmcnett2635]

Awesome

[@justadudewhoplaysgames2262]

Cool!!!!

[@uppast420am]

for school i had made this terrible web game that basically only ran on html and css with a touch of java, it was a wreck and barely worked- im making a new game now and watching this, it's really impressive how good organization and thought through code comes together so well. ty for the series, you're a god at explaining this shit

[@allanaek]

Great work! Question: at the end, even though the cut scene is done, npcB is not initiating his loop. Why is that?

[@DrewConley]

We add that in part 9. I simply forgot to put it back in at the end of this one! 😅

[@itsporky]

Loving the videos, and really appreciate your explanations. However, for me the behaviour loops don't seem to work. Haven't been able to fix this. It will play the first action in the behaviourLoop array, then everything will stop. The hero can still move, but the behaviour loops simply don't loop. (I even downloaded your source code to test. to see if I had made an error anywhere. However even your source code when run has the same issue for me). Not sure if you have any idea why this may be, but thought I'd comment and ask. Cheers bro, keep up the amazing work! Edit: I worked out my issue. Thanks anyone that offered help!

[@jimmylau2648]

I had this exact same issue. The solution for me was to make sure the spacing on coordinates matched i.e, addWall(x,y) has no space. Whereas under the moveWall method there is a space moveWall(wasX, wasY, direction). The reason the source code doesnt loop is because he included a cutscene in the overWorld.js init() method

[@js-javascript1706]

hey drew, you forgot to add this to the playlist 😅

[@DrewConley]

Updated! Thank you for the reminder

[@a.j.outlaster1222]

23:48 For some reason, My code works for walking just fine, But, I can only add starting animations by editing the class itself, Effecting every single npc, Yet, The player is just fine, Although, I can only effect it's animation via direction property, Also, Unlike yours, My npc keeps his current animation (At the time of this text, All but the player are doing a custom dance animation I made🙃), Due to these differences, I am a little bit afraid to continue my project, If anyone has amy idea what is wrong, Please contact me by replying to this comment, Please, I need help.

[@a.j.outlaster1222]

P.S., Removing the call for him to stand doesn't make him do any better, He just stops period... Edit: 24:03 He now changes animation, But, Still only follows one event.

[@a.j.outlaster1222]

Okay, So I can now fire of the first animations as planned, For some reason, In the Person.hs file in the updateSprite method, The second statement(The one that checks if you are idle) was also verifying that it was player controlled, Which wasn't right, I can now set various animations, But, It still only fires one action. Also, To restore my emotes, I just added an event listener into the person class itself and had it check that we were in fact player controlled. Although, If you are moving, It will break the collision detection, So, Be aware of that, Also, It isn't quite as functional as before, But, At least I feel confident enough in it now to continue with the tutorial.

[@a.j.outlaster1222]

20:38 I hang my head in shame, I had put detail:{ detail } for some reason, But, Now it works almost exactly like yours... Just need to fix the stand action... Thank you, Drew!

[@hideinbush0]

It would be really helpful to upload the code via github instead of zip files to help with debugging

[@uppast420am]

real comment

[@jhjhj2172]

till 23:25

[@davidvargas2630]

I was kicked from the discord server for some reason ?

[@zile8869]

23:20 This doesnt work for me! The npcc just stands there and the console displays a TypeError saying it cant read properties of undefined reading 'startBehaviour' in OverworldEvent.js... I triple checked the code and I honestly have no idea what I'm doing at this point. Just gonna download the code and replace mine, cause idk what the hell I did wrong.

[@itsporky]

Hey man, just saw your comment and I'm having the same issue. Did the source code work for you? I tried doing the same thing but the source code didn't work for me either. I also triple checked my code and couldn't see any errors. Hopefully you may have found the fix?

[@zile8869]

@@itsporky tried the source code... didnt work for me at first as well. All I did to fix it was, I removed the "/" at right at the start of any reference to another file or image. For example: With the script, the code provided has src="/utils.js", which I changed to src="utils.js", and with references to images such as the map or the hero, the provided code has things like "/images/maps/KitchenLower.png" which i changed to "images/maps/KitchenLower.png". I just did this for every reference to another file or image in every file, and then the code worked for me. It might have something to do with different es versions or different browsers or something, I dont really know, I am a beginner, myself. But I hope this works for you, good luck.

[@itsporky]

@@zile8869 That's super weird. I'm glad you managed to get it working. Unfortunately this has not worked for me. I'm gonna keep trying to get this to work. It's super weird for me that even after downloading the source code and running it without modifying anything. The behaviour loops still do not work. Maybe its a browser issue, guess I'll work it out eventually. Thank you for your reply, I appreciate it!

[@GrimOwlForth]

Is this guy brilliant, or do I have to memorize all of this stuff to actually be a programmer.