If there is enough interest in those topics for the game, and if the series keeps getting interest I plan to add that content. Right now, that content is on my road map, but there is no firm dates tied to it, and sometimes new content is added that was originally included, like being able to catch monsters. Is there a particular topic from that list you are more interested in than the others, or is there any other features you were hoping to see?

​@@swestover Firstly thanks for covering so many things so far, you've made the best phaser tutorial series out there. I was particularly interested in cutscenes. I feel like it involves a different set of concepts, like camera movement, reusable event components system. I was also interested in map connections and seamless transitions to outside maps. Say there's a pathway between pallet town and route 1, there's a connection, you're going from one map to a different but it feels like it's just one. And the map can be different sizes as well.

Glad to hear that!

Thanks for the kind words. Yes! We could definitely use the built in visible property of the container instead of setting the alpha directly, and this make sense since we are placing all of our game objects for the ui component in the Phaser Container. In theory, this should not have any drawbacks or interfere with anything else we are doing in the game. When we set the alpha to 0, or set the visible variable to false, Phaser uses similar logic internally for handling the object. Thanks for the great suggestion and feedback.

Thanks!

Hope you enjoy the series!

Thanks for sharing the example. Yeah, it is always nice when there are multiple ways to approach the problem, and I really like the enum approach when we need to reference the same key in multiple locations. Makes it really easy to refactor later as well....

@@swestover Additionally Im thinking about small loader wrapper to have nice integration with TS type system. Because currently when you're accessing json from .cache it has type 'any'. I wondering how to deal with it in elegant and not overcomplicated way.

I definitely agree with you that with this approach here we do lose access to the helper methods, which puts more burden on the dev if you do this manually like I did in the video. I think were this approach really shines is if you combine this with some other type of tooling, like if we have a UI that can be used for creating and testing the animations, and when you export out the JSON, it would be the completed JSON configuration that is needed.

@@kevinka99 It may help to build one-scene small game very quickly. Also you can 'pack' your assets with JSON to reuse later.

For the movement in the game, we limit the player to those four directions and we check for collisions between the player and various objects in our scene in order to limit were the player can move in the game. If you have any other questions, please let me know.

Thanks! Yes, we can definitely replace the Promises with async/await, and this is something we start doing later in the series. As for if it is recommended practice in other Phaser projects, it really depends on where you implementing the code, since by default the Phaser Scene lifecycle events will not wait for the promises to complete before moving on in the code. A good example is if you are trying to use async code in the `preload` method of your Scene. In order for you to fully await the code to be finished before transitioning to the `create` method, you will need to do some custom work. However, in these examples here were we are just reacting to things and expecting a chain to be followed, these would be great candidates for using async/await.

@@swestover Thanks for the detailed explanation! It's great to hear that async/await is being introduced later in the series, I'll definitely keep following along.

Thanks for the kind words!

Happy to hear that!

Sorry to hear you having trouble with comments again....

@@swestover i think its because i used certain words youtube thought i was advertising. i was talking about some work i did on my channel that was relevent to porting to mobile in phaser 3.

trying to reply again. the game is made in javascript so it can run on any browser including mobile. the tricky part is adding controls

@@TylerMarshall0007 hey, yes I know it can run on a mobile browser, but i'm more interested in getting it to run as a standalone app (which will probably be a webview wrapped in an app). I think Vampire Survivor uses Phaser. So some successful games are actually running on Phaser. I've heard stuff about Cordova etc, but there doesn't seem to be a definitive way of doing it.

Thanks for the additional details on what you looking for. At the moment I don't have anything lined up for this topic, but I can add it to my list of possible topics to cover. I know that some of the resources I have seen on how to achieve this are outdated, and may not work the same anymore. It would definitely be an interesting topic though...

Thanks!

Hi there. Here are a few different ways that you can reach me directly: Linkedin: www.linkedin.com/in/scott-westover-77393a97/ GitHub Discussions: github.com/orgs/devshareacademy/discussions Phaser Forum: phaser.discourse.group/u/scottwestover/summary

@@swestover thank you

@@swestover I have sent you connection request on LinkedIn

Thanks!

Thanks for taking the time to leave a comment and for the feedback. I will keep this in mind for future videos!

@@swestover For me I didn't had the knowledge of the JSDocs so it was a good tutorial for letting me know more about the tools used in development.

For the pointer events in Phaser, these are built off of the built in browser Pointer events, and so one idea is you could target the HTML document itself instead of using the Phaser Scene event for the pointer down, which is just listening for the event on the HTML Canvas element. By switching to the document body, this will let you listen for the event on the whole page if you document body takes up the whole page. As an example, in the `setupEvents` method, if you replace the code for creating the event listeners with: ``` document.addEventListener(Phaser.Input.Events.POINTER_DOWN, (/** @type {PointerEvent} */ pointer) => { console.log(pointer.x, pointer.y); this.#handlePointerDown(pointer); }); document.addEventListener(Phaser.Input.Events.POINTER_UP, (/** @type {PointerEvent} */ pointer) => { console.log(pointer.x, pointer.y); this.#handlePointerUp(pointer); }); ``` This will give you the browser Pointer object, which has the x and y position of were the click took place. Since this is the raw Pointer object instead of the Phaser Pointer object, you will need to handle the object a little bit differently. For example, you will need to switch: ``` this.#lastPointerDownLocation = pointer.position.clone(); ``` to be: ``` this.#lastPointerDownLocation = new Phaser.Math.Vector2(pointer.x, pointer.y); ``` Besides those changes, the main logic discussed in the video should still work. Hope this helps.

@@swestover Thank you very much!

Thanks for the kind words!

Thank you so much, and I am glad to hear you are enjoying the series!

Thank you so much for the kind words!

Glad it was helpful!

For the teleporting, I think that approach would work well, and it makes it easy to work connect the various points. For the minimap, I guess this would depend on the type of minimap you want to show and what is important to show on the map. For example, if we wanted to re-create a minimap like in the game Defender, we could do something like add another camera to the Phaser Scene and just modify the zoom level there. Example screenshot of the game: upload.wikimedia.org/wikipedia/en/4/43/Defender_Gameplay_Screen.jpg I will definitely keep this topic in mind for future content!

@@swestover Yeah, I was thinking something more like how v-rising does it (mainly because I was recently playing it haha), almost like some kind of compass, I did find some guides on phaser 2 that maps tiles to square tiles and draws it, so maybe it is possible

By chance, would you be able to share an example of the freezing issue you are seeing? One thing to check would be the frame rate of the game when you are seeing the issue. If there is a very low FPS, this could cause issues with the animations. If you are using Chrome, the developer tools have a built in FPS meter that will display the current value.

@@swestover thanks ! low FPS is anwser

@@swestover and i find When I type spaces quickly, the displayed text overlaps. Will this problem be fixed later in the video?

Yes, that bug should get fixed in later videos. We end up refactoring some of the logic between the battle menu and battle states a few times as we add new features to the game.

@@swestover thanks!

Yes, that is correct.

Can you please share more details on how you are trying to run the project locally? For that error, it sounds like the project is trying run the TypeScript files directly, but would need more details to confirm.

Thanks!