Search the Community

How to use spriter in phaser/javascript, and how to export it?

Does anyone know of a tool or way to convert spriter scon format JSON into Spine format for use in Phaser (or even a way to use spriter's .scon files directly in Phaser)?

Hi, Been trying to get Spriter Pro collision boxes to work in Phaser - has anyone had any luck in getting this to work? I'm close...but not quite there... This is using this plugin by the way: https://github.com/SBCGames/Spriter-Player-for-Phaser

Hi, We're having a nightmare trying to incorporate Spriter into our project. It seems that the Spriter library doesn't like sprites living in subfolders within the project. So, as a test, we placed some frames in the project root folder, and made an animation from them (http://psygnomi.com/tmp/FailTest.zip). Here we get: Cannot set frameName: ...with each animation frame displayed. Nothing animates. However, if I change line 3575 in spriter.js to this: this._sprite.frameName = file.name + '.png'; by adding the "+ '.png' " part, it works. (http://psygnomi.com/tmp/WorkingTest.zip) If we try the modified library with a project containing frames within folders, we get the same problem. I think it stems from Spriter incorporating the folder path into the frame name, but referencing it using only the filename. Obviously, placing hundreds if not thousands of sprite animation frames in the root folder isn't helpful, and will take many days to re-animate everything. Any help is greatfully received and appreciated. Mark & Stoo

Hey, i'm currently working on my first animation with phaser + Spriter Player for Phaser + Spriter obviously. The animations work with the provided Spriter files in the example project of the player (Atlas.json, Atlas.png, TEST.json) but when i try to import my own test animation i encounter this error: (index):149 Cannot set frameName: forearm_l for all my frames in the sprite and for everone the first from the list in spriter is used instead (see image attached) Attache you can see my exported files which import fine but don't display as described. Thanks for any help in resolving this! Cheers test.zip

Hi everyone, I just launch my 2d game asset store (2d sprite, GUI, platformer, etc) Not too much asset right now, but there are some freebies Visit : http://tokegameart.net/ Here is my latest character art (Tiny army - Sam ) With 11 cool animations : Dying Firing FX Hurt Idle Jump Loop Jump Start Melee Attack Running Shooting Throwing Walking The main file contains : .AI (“Tiny Army – Sam” Illustrator File) .EPS (24 files for each vector part) .PNG Sequences (30 fps images for each animation in 3 different sizes, Large / Medium / Small) .PNG Files(For each vector parts and game objects in 3 different sizes, Large / Medium / Small) .SCML (Spriter source file used to create the animation or re-export the PNG sequences) .Unitypackage (Importable unity file, including .prefab, .controller, and for each vector parts) Features : 100% vector Customable vector part Can edit and or add the animation using spriter. Unity ready

Hi, after few days of work I managed to play skeletal animations exported from Spriter tool in Phaser: For anyone who is interested I wrote article about it here: http://sbcgamesdev.blogspot.cz/2015/09/phaser-tutorial-phaser-and-spriter.html You can see working example on the page and you can also download whole MSVC 2015 project with full source there. Currently tweening between bones and sprites is only linear. Other curve types has to be implemented yet. Also features specific for Spriter Pro version are not implemented (like events, sounds, character maps, ...) Good news is, that it should work for both WebGL and Canvas. EDIT : added support for curves on timelines - currently supported is instant, linear, quadratic, cubic. And also added support for animating anchors on sprites.

Hi, I updated my Spriter player for Phaser with Spriter Pro features. It is now possible to use: character maps, variables (int and float are not interpolated currently, but you can still set it in animation and read it in your code), events, sounds (sound event fired with name of sound to be played), tags, points and boxes Demo at blog: http://sbcgamesdev.blogspot.cz/2016/02/phaser-tutorial-spriter-pro-features.html Source at GitHub: https://github.com/SBCGames/Spriter-Player-for-Phaser

Good day! We started to create browser HTML5 game with skeletal animation and faced a problem: After analyze we chosed Spriter (as it has free version for testing with export tool). We were interested by that topic http://sbcgamesdev.blogspot.ru/2015/09/phaser-tutorial-phaser-and-spriter.html We didnt find really good engine that will help us to work with it. Did anyone work with spriter and could you please advise some useful engines? Btw we tried already Spine, with panda.js. Tried Spriter with Phaser.

"i haf 2 much sweg" ~god