# (Tutorial) How we migrated Sunny Land Woods demo to Phaser 3 with Phaser Editor

**URL:** <https://phaser.discourse.group/t/tutorial-how-we-migrated-sunny-land-woods-demo-to-phaser-3-with-phaser-editor/1772>\
**Category:** Phaser 3\
**Created:** [March 21, 2019, 1:52pm UTC](https://phaser.discourse.group/t/tutorial-how-we-migrated-sunny-land-woods-demo-to-phaser-3-with-phaser-editor/1772 "2019-03-21T13:52:35Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![PhaserEditor2D](https://yyz2.discourse-cdn.com/free1/user_avatar/phaser.discourse.group/phasereditor2d/32/71_2.png) [@PhaserEditor2D](https://phaser.discourse.group/u/PhaserEditor2D)\
**Post date:** [March 21, 2019, 1:52pm UTC](https://phaser.discourse.group/t/tutorial-how-we-migrated-sunny-land-woods-demo-to-phaser-3-with-phaser-editor/1772/1 "2019-03-21T13:52:36Z")

</div>

Hi,

We wrote a new Phaser Editor 2D tutorial to show the new features of the Scene Editor.

Create tilemaps (that are not yet supported) and resuable objects, are something of the magic you can do with the standard Phaser Object Factory API that we integrated into the editor.

**Table of Contents**

- [The project structure](https://phasereditor2d.com/blog/2019/03/commenting-the-sunny-land-woods-demo-tutorial#the-project-structure)
  - [Common files and folders present in “all” the Phaser Editor 2D projects](https://phasereditor2d.com/blog/2019/03/commenting-the-sunny-land-woods-demo-tutorial#common-files-and-folders-present-all-projects)
  - [Files and folders created for the Sunny Land Woods game](https://phasereditor2d.com/blog/2019/03/commenting-the-sunny-land-woods-demo-tutorial#files-and-folders-created-for-demo)

- [The Asset Pack files](https://phasereditor2d.com/blog/2019/03/commenting-the-sunny-land-woods-demo-tutorial#the-asset-pack-file)
- [The animations](https://phasereditor2d.com/blog/2019/03/commenting-the-sunny-land-woods-demo-tutorial#the-animations)
- [The scenes](https://phasereditor2d.com/blog/2019/03/commenting-the-sunny-land-woods-demo-tutorial#the-scenes)
  - [The Boot scene](https://phasereditor2d.com/blog/2019/03/commenting-the-sunny-land-woods-demo-tutorial#the-boot-scene)
  - [The Preload scene](https://phasereditor2d.com/blog/2019/03/commenting-the-sunny-land-woods-demo-tutorial#the-preload-scene)
  - [The TitleScreen scene](https://phasereditor2d.com/blog/2019/03/commenting-the-sunny-land-woods-demo-tutorial#the-titlescreen-scene)
  - [The GameOverScreen scene](https://phasereditor2d.com/blog/2019/03/commenting-the-sunny-land-woods-demo-tutorial#the-gameoverscreen-scene)
  - [The Level scene](https://phasereditor2d.com/blog/2019/03/commenting-the-sunny-land-woods-demo-tutorial#the-level-scene)
  - [Background](https://phasereditor2d.com/blog/2019/03/commenting-the-sunny-land-woods-demo-tutorial#the-background)
  - [The map](https://phasereditor2d.com/blog/2019/03/commenting-the-sunny-land-woods-demo-tutorial#the-map)
  - [The tree elements (leaves and branches)](https://phasereditor2d.com/blog/2019/03/commenting-the-sunny-land-woods-demo-tutorial#the-tree-elements)
  - [The pickable items](https://phasereditor2d.com/blog/2019/03/commenting-the-sunny-land-woods-demo-tutorial#the-pickable-items)
  - [The enemies](https://phasereditor2d.com/blog/2019/03/commenting-the-sunny-land-woods-demo-tutorial#the-enemies)
  - [The player](https://phasereditor2d.com/blog/2019/03/commenting-the-sunny-land-woods-demo-tutorial#the-player)

- [Conclusion](https://phasereditor2d.com/blog/2019/03/commenting-the-sunny-land-woods-demo-tutorial#conclusion)

  

Best regards,

Arian

P.S: Phaser Editor 2D is developed by an independent team. It is not a Phaser official product.

---

<div class="post-metadata">

**Author:** ![RazorPhaser](https://yyz2.discourse-cdn.com/free1/user_avatar/phaser.discourse.group/razorphaser/32/1899_2.png) [@RazorPhaser](https://phaser.discourse.group/u/RazorPhaser)\
**Post date:** [August 15, 2019, 12:50pm UTC](https://phaser.discourse.group/t/tutorial-how-we-migrated-sunny-land-woods-demo-to-phaser-3-with-phaser-editor/1772/2 "2019-08-15T12:50:59Z")

</div>

Does Phaser Editor have autocompletion for the `matter` property attached to the main Phaser object (e.g. - the “this” object when in one of the scene functions)? My Phaser 3 app uses the MatterJS physics engine.

---

<div class="post-metadata">

**Author:** ![PhaserEditor2D](https://yyz2.discourse-cdn.com/free1/user_avatar/phaser.discourse.group/phasereditor2d/32/71_2.png) [@PhaserEditor2D](https://phaser.discourse.group/u/PhaserEditor2D)\
**Post date:** [August 15, 2019, 4:30pm UTC](https://phaser.discourse.group/t/tutorial-how-we-migrated-sunny-land-woods-demo-to-phaser-3-with-phaser-editor/1772/3 "2019-08-15T16:30:26Z")

</div>

Hi,

Yes, it supports Matter auto-completion, but you have to copy the `matter.d.ts` file in the `typings` folder. It works just like VS Code. You can get the `matter.d.ts` file from the Phaser repo, in the `types` folder.

In the future, we should add the option to include the Phaser “types” files in the Project wizard. It would be great if [you open an issue to request it](https://github.com/PhaserEditor2D/PhaserEditor/issues/new/choose).

Best regards,  
Arian

---

<div class="post-metadata">

**Author:** ![glantucan](https://yyz2.discourse-cdn.com/free1/user_avatar/phaser.discourse.group/glantucan/32/920_2.png) [@glantucan](https://phaser.discourse.group/u/glantucan)\
**Post date:** [March 4, 2020, 11:34am UTC](https://phaser.discourse.group/t/tutorial-how-we-migrated-sunny-land-woods-demo-to-phaser-3-with-phaser-editor/1772/4 "2020-03-04T11:34:46Z")

</div>

Hey!

I know this thread is old, but I noticed that there is noticeable texture bleeding on the tiles when jumping, at least on my machine (linux). Is there any setting we can adjust to fix that or is something related to how the textures were generated (or maybe to the OS I’m running the project on)?

---

<div class="post-metadata">

**Author:** ![PhaserEditor2D](https://yyz2.discourse-cdn.com/free1/user_avatar/phaser.discourse.group/phasereditor2d/32/71_2.png) [@PhaserEditor2D](https://phaser.discourse.group/u/PhaserEditor2D)\
**Post date:** [March 4, 2020, 1:18pm UTC](https://phaser.discourse.group/t/tutorial-how-we-migrated-sunny-land-woods-demo-to-phaser-3-with-phaser-editor/1772/5 "2020-03-04T13:18:38Z")

</div>

Hi @glantucan,

What’s your browser? Is it Firefox? Please, try with Chrome. Other users reported the same issue but I don’t find any problem with the code generated with Phaser Editor. Maybe it should be reported to the Phaser team.

---

<div class="post-metadata">

**Author:** ![glantucan](https://yyz2.discourse-cdn.com/free1/user_avatar/phaser.discourse.group/glantucan/32/920_2.png) [@glantucan](https://phaser.discourse.group/u/glantucan)\
**Post date:** [March 4, 2020, 4:13pm UTC](https://phaser.discourse.group/t/tutorial-how-we-migrated-sunny-land-woods-demo-to-phaser-3-with-phaser-editor/1772/6 "2020-03-04T16:13:41Z")

</div>

It is with the last version of chrome. It only shows up when jumping.

[https://global.discourse-cdn.com/free1/uploads/phaser1/original/2X/9/9e827296d10af84ed896036877bfe83d3b446d40.mp4](https://global.discourse-cdn.com/free1/uploads/phaser1/original/2X/9/9e827296d10af84ed896036877bfe83d3b446d40.mp4)
  
It’s actually worst than what this video shows

---

<div class="post-metadata">

**Author:** ![PhaserEditor2D](https://yyz2.discourse-cdn.com/free1/user_avatar/phaser.discourse.group/phasereditor2d/32/71_2.png) [@PhaserEditor2D](https://phaser.discourse.group/u/PhaserEditor2D)\
**Post date:** [March 4, 2020, 5:22pm UTC](https://phaser.discourse.group/t/tutorial-how-we-migrated-sunny-land-woods-demo-to-phaser-3-with-phaser-editor/1772/7 "2020-03-04T17:22:35Z")

</div>

Yes it is the same effect I see in Firefox. Maybe it has to be with the graphic card. I will get a time to mess around that example, to see if I found the source of the glitches. Thanks for the video.

---

<div class="post-metadata">

**Author:** ![PhaserEditor2D](https://yyz2.discourse-cdn.com/free1/user_avatar/phaser.discourse.group/phasereditor2d/32/71_2.png) [@PhaserEditor2D](https://phaser.discourse.group/u/PhaserEditor2D)\
**Post date:** [March 4, 2020, 5:27pm UTC](https://phaser.discourse.group/t/tutorial-how-we-migrated-sunny-land-woods-demo-to-phaser-3-with-phaser-editor/1772/8 "2020-03-04T17:27:27Z")

</div>

By the way. In Chrome I cannot reproduce it, but if in Firefox you configure the game to use the WEBGL renderer then it looks really bad:

 ![image](https://global.discourse-cdn.com/free1/uploads/phaser1/original/2X/2/2959898d9551589bf92ff599d408a68ce45f3a01.png)

---

<div class="post-metadata">

**Author:** ![PhaserEditor2D](https://yyz2.discourse-cdn.com/free1/user_avatar/phaser.discourse.group/phasereditor2d/32/71_2.png) [@PhaserEditor2D](https://phaser.discourse.group/u/PhaserEditor2D)\
**Post date:** [March 4, 2020, 5:42pm UTC](https://phaser.discourse.group/t/tutorial-how-we-migrated-sunny-land-woods-demo-to-phaser-3-with-phaser-editor/1772/9 "2020-03-04T17:42:10Z")

</div>

I filled the tileset image with a yellow color and I can see there is “blending” in the edges of the tiles:

 ![image](https://global.discourse-cdn.com/free1/uploads/phaser1/original/2X/b/b99e24ae3780b1b7d3e798d341bd832b2126430f.png)

Later I will try to create a small game with the same behavior and, if it is a Phaser problem I will post it in the Phaser github.
