Template : GameObjectShell

[daring oyster]

A template for creating properties editor of game object. The final goal is to build a level editor.

• Demo : https://codepen.io/rexrainbow/pen/BavLBve ,
  • Click any game object to open editor.
  • Drag green rectangle to resize game object
  • Drag red circle to move game object.
  • Drag blue circle to rotate game object
  • Edit properties panel to change a property directly.
• Source code : https://github.com/rexrainbow/phaser3-rex-notes/tree/master/templates/gameobjectshell

[daring oyster]

I put default style here

• Control-points : https://github.com/rexrainbow/phaser3-rex-notes/blob/master/templates/gameobjectshell/controlpoints/DefaultConfig.js
• Properties panel : https://github.com/rexrainbow/phaser3-rex-notes/blob/master/templates/gameobjectshell/propertiespanel/DefaultConfig.js
  Please suggest a better color configuration.

[glacial mesa]

Looks great, man!

[daring oyster]

Update : Edit tint property by color input controller

[daring oyster]

Update : Set frame by dropdown list

[last jungle]

This is awesome!

[daring oyster]

Update : Display frame icon on frame field and its drop-down list.

[daring oyster]

Update : Drag on background to scroll camera, mouse wheeling to zoom camera.