Jump to content

Separation of concerns: layout and code

Eric Mulvihill

Recommended Posts

Hi all,


This is my first post here.. please be kind. :)  I work at a software company and we are looking to rewrite our existing Flash content in HTML.  Flash gave us a very nice separation of concerns between art and code.. the artist could place sprites on the timeline, make different frames, give things IDs, etc. The coder could then take this specification and "make stuff happen" in code.


What tools do people use to give a similar separation on concerns in HTML game development? I'm thinking of some sort of drag 'n drop editor that lets an artist make "scenes", add backgrounds/sprites/animations, give them properties like scale, ID, visibility, etc. Then there would be JSON or some other exported representation that the coder could use to recreate the layout in the game's runtime.


Commercial or open source tools are both fine for me, I don't want to reinvent the wheel if someone already wrote such a framework.  But having artists specifying layout in Javascript is just a blocker for us.

Link to comment
Share on other sites

  • 4 weeks later...

Your designers could still use Flash if that is a tool they are comfortable with.


There are several options to export from Flash for use with HTML5 projects:

  • You could use Flash CC's in-built publish to HTML5 canvas option. It outputs for createjs.
  • You could use  Photonstorm's Flash to Phaser jsfl script - http://www.photonstorm.com/phaser/flash-to-phaser-jsfl-script.
  • If you need something more customised, your developers could always write a custom jsfl command to export scene information as json. There are already lots of examples on github.
Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


  • Recently Browsing   0 members

    • No registered users viewing this page.
  • Create New...