Search the Community

Showing results for tags 'editor'.

More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


  • HTML5 Game Coding
    • News
    • Game Showcase
    • Coding and Game Design
  • Frameworks
    • Phaser
    • Pixi.js
    • Babylon.js
    • Panda.js
    • melonJS
    • Haxe JS
    • Kiwi.js
  • General
    • General Talk
  • Business
    • Collaborations (un-paid)
    • Jobs (Hiring and Freelance)
    • Services Offered

Found 53 results

  1. After more than 2400 hours of work, I am delighted to present the first version. I hope I have nothing to forget. So there is an available site. From the website you can access the store which will allow you to download the software. Registration is required to download and to allow me to have statistics on the number of people who have downloaded. A forum is also available with tutorials on the use of the software. And a bug reporting page is also available on my deposit. This first version is to be used as a version discovery, tested and taken in hand and to have your opinions, suggestions. She is not ready for production. Certain things in the game are not complete. For example, the animations are not set correctly via the editor and therefore involved, the walking animation is not working as it should in game. But once properly set in the editor, it works. This is not a bug, but just a bad setting key animation that I will settle soon. After downloading, you will have to install the software with an interface provided for this. You will need to use a local server to operate (EasyPHP is perfect for this) There is a procedure to follow the tutorials forum. Do not hesitate if you have any questions on the forum (in English or French). The site, the shop, the forum and the publisher have a French and English translation Site Link: I welcome you and good discovery.
  2. Hi, we are happy to announce a new (preview) release of Phaser Editor! There are a lot this time: The so waited MacOS support! Visual prefabs (sprites and groups). Visual editor support for states and preloader states. Some TypeScript support. Assets refactorings (great for larger projects) New Project wizards with more options (like include demo assets or use TypeScript). Updated Phaser Editor demos with prefabs and multi-levels. Git UI integration. And lot of fixes and enhancements. Many of them requested by Phaser Editor users (that's great, so many thanks!) Read the release notes. Arian
  3. Howdy! I was so tired of searching free 2D physics body editor to, so I decided to create one myself. It works and it is quite accurate. Making physics bodies doesn't take that much time. The project is in early update, I was wondering if you would like to see more. I give you it in a file to download and here is my question - where should I host/share the project so everyone can see it after 1 click and can it be free (I am a poor kid)? I am always willing to answer wo997
  4. We recently released a tool for editing P2 Phyics body polygons called Loon Physics. Check it out here: Read a tutorial about P2 Physics bodies and Loon Physics here: Do you find Loon Physics useful? Do you encounter any bugs when using the tool? Any suggestions?
  5. Hello, I wanted to present you quickly in video, my new editor of MMORPG still in work. For the moment it is written in French, but it will also be available in English. HeroonEngine.mp4
  6. When I start using melonsJS, I find out that integrate with Tiled make melonJS almost an editor base engine. So I want to visually place player and enemy using there tile image as entity defind. Problem is melonJS will load everything you defind, including these helper tileset. And I post my question here: Now I now how to replace these helper object in Tiled's json data , before building the map. Here is the code in coffee: convertHelperTileset = (mapJson, tilesetName)-> tempArray = [] for tileset in mapJson.tilesets if isnt tilesetName tempArray.push tileset else #now covert all objects using this tileset for layer in mapJson.layers if layer.type is "objectgroup" for obj in layer.objects if obj.gid? #object that has gid is a tile object if obj.gid>=tileset.firstgid and obj.gid<=tileset.firstgid+tileset.tilecount delete obj.gid #will recognize as a rectangle object obj.y -= obj.height #this is the pivot point diffrent between tile and rectangle mapJson.tilesets = tempArray return After map are loaded,using me.loader.getJSON(mapName) to get the map json object, and then use this function to convert all the helper tileset. That is it.
  7. Hello, I have created a full terrain editor for the community. It is easy to use and can be improved by your contributions. With this editor you can: - Create a new terrain - Sizes terrain of: 64*64, 128*128, 256*256, 512*512 and 1024*1024 - Delete terrain loaded - Copy terrain - Rename terrain - ScreenShot of terrain - Up and down vertex (Key CTRL for down) (Thanks to @Deltakosh with WorldMonger) - Creating plane vertex - Create holes (Key ALT for filling a holes) (Thanks to @jahow) - Create ramps (Thanks to @Gijs ) - Smooth meshes - Paint the terrain with an 8 textures diffuse. (Create one splatmap) (Thanks to @joshcamas for paint on canvas and @NasimiAsl with ShaderBuilder for the splatmap) - Assign textures for paint with save and load setting. (dblClick on slot for change texture) - Export the terrain with textures splatmap and texture painted in a zip with file html and setting. - Register your work - Load a terrain recorded. - Moving the camera in "edit mode" with the keyboard spacebar and the keyboard keys ZQSD (FR) or QWSD (ENG) I think to add it to the extension of Babylon soon. I hope that will useful. Repository GIT : Test of editor online:
  8. editor

    Hello the awesome community ! I have the pleasure to announce the existance of the Babylon.js Editor ! This Editor is now online in version 0.8 and reachable at The github repository can be found here: To summarize, this editor is the optionnal final stage for artists (and developers) in Babylon.js scene designs. Presentation A complete presentation of the editor with demos is available in this article: Simply drag'n'drop a Babylon.js scene and make it more awesome using the editor The complete documentation will be soon available at Special Thanks A special thank to @Supermitch that helped me to animate the demo scene (below) and to be the first beta tester of the editor ! Also to the community and the team ( @Deltakosh @davrous ) that make this framework AWESOME ! Demo made with the Babylon.js Editor A demo was built especially to promote the editor. It used 3ds Max (to build geometries and animate camera) , and the editor to polish the scene (animate colors, particle systems, sky, etc.). This demo will soon be available in the Babylon.js home page The video is available here: Demo using the editor A demo using the editor is available here: Conclusion All the informations about the editor are available in the previous article, from how to use to what is supported, including next updates. By hoping you'll get a nice exprience Luaacro
  9. Hi! We just released a new Phaser Editor version (1.3.0) Updated to the latest Eclipse version (Neon.1): Performance improvements and much more. Eclipse Marketplace Client: to install third party plugins, like EGit. We are evaluating the typescript plugins developed by the Eclipse community. Automatic Updates: all components of the editor will be updated automatically, including the latest Phaser official version (no Phaser CE support for now) Improved JS Editor: small changes in the JS type inference engine that results in a much better content assist (yet not *perfect*) Bug fixing, performance improvements and *minor* features in the scene editor, asset pack, local HTTP server, project templates and chains. New learning content: we wrote a tutorial in the GameDevAcademy blog, about how to make a platformer game with the visual scene editor. Read more in the release notes For the next release we plan to focus on: Do a research of the available Typescript plugins and write a tutorial about how to install them. Start with the implementation of the P2 Physics tools for the visual level editor. Support Phaser v3 if it is released in the next 3 months. See you soon! Arian (Scene editor: Added two new parameters to the Animations editor) (Scene editor: recovery from missing assets) (Check for Updates) (Eclipse Marketplace)
  10. Hi my HTML5 Gamedev fellows. A few months ago I started using a very interesting workflow / toolset in developing my games. Basically I use a Photoshop Generator to automatically do magic things Automatically generates spritesheets of all sprites included in the PSD Document Automatically generate bitmap fonts of the fonts I use in the PSD Document Automatically generates a JSON-File with infos on each layer (Position, Size, Frames, State, Special Properties) Everything in realtime on the fly (without the need to save) In my (custom engine) I can load the exported files and voilá everything is in the game and I can start adding functionality to it. I've used that in every game since then and I really love it. I've also implemented that the game can connect to Photoshop Generator (in Debug Mode) - so I can update assets and GUI stuff in RealTime. I also connect the Game to Tiled (but only via file watch so far) to update level geometry/design in real time. I've put together a short video to show it to you: Here is an in-depth article I wrote: Photoshop as a game editor. Do you think this would be of interest to other devs. At the moment it only is compatible with my own engine, but I think it would be very easy to write loaders for HTML5 Frameworks/Engines.
  11. Of late I had been working on a small in-world kind of 3D editor similar to what you find in open sim or second life kind of virtual worlds. As I worked on it I realized that the part used for controlling translation, rotation or scaling of objects can be re-written as a reusable component. So that' what I did I created, what I call a "BabylonJS EditControl". You can use this in your editor, if you like, to handle translation, rotation or scaling of meshes. For a simple demo see For source code and explanation on how to use it from your code see I wrote this using Java and JSweet. ( don't think I could have done this without JSweet ) The Java, and the auto generated, Typescript and Javascript code are there at the above github. Please try and provide some feedback. Regards
  12. Time to reveal what is my latest project: So what is it? In short it's a 2D graphical RPG maker directly usable from your browser, which let you create multi player games. You can upload your own art (and soon your music too), change all the game rules, edit the maps, place monsters, create quests, and much more. Who can be interested? Whoever want to create his/her own 2D rpg or just even want to play one. How much will it cost? There will be a couple of options. You will be able to start without paying a cent, but some features will be disabled and available only for payed users. Can I make money with it? Yes you can, as we will introduce premium shops such that your players can spend money on your game. There will be a fee on the sales most likely but you shall get most of the money. Payment for your players and for you will be done via Paypal. Can I create a big game with it? Yes you can create really really huge games, with loads of maps and content. We doubt you will ever reach the limits of our system. Do I need to download something to start? No it's all fully working within your browser using HTML5 technologies (JS and Canvas). No need to download anything neither for you nor your players. Will my game be playable from mobile devices? Yes we do plan to make the games fully playable by mobiles, while the maker will most likely be too difficult to use from a mobile device. When shall the product be ready to be used? You can start already using our product, but we consider it currently as in beta. We plan to have a full product by the end of this year. However our own game will be released only middle next year. Can I save / export my game? We do offer backup and restore of your game data, which you can save on your PC. However we don't have a plan yet to let you export the code to run it on your computer or another server. How can my players access the game I designed? Every game created with our tool is accessible as <your_game_name> Using this URL your players access directly your game without jumping on our home site. Will you offer some content as start point? Yes we offer 2 different base content you could choose from and use for your own game creation. What about security? We do already have some cheat detection implemented but more will come later on preventing basically most of the player cheating. You can however already try to see what is already implemented and be surprised. Who participate in this project? Currently we are 2 people, an artist creating art, and working on our game, and myself working on the code. What is still missing? If you want to know if you can already use the tool then the answer is yes you can, but we still have loads planned and ongoing. You can check our roadmap for more information:
  13. I was just checking to see if there is anyone else in the babylonjs community that would like to be able to use ALL the design time features (that you can pull useful information for serialization into the native .babylon scene file). Including: --- Built-in babylon javascript and typescript development right in the UnityEditor (Using whatever text editor you have unity configured to use) --- Integrated babylon html game preview window features, including debugging (Thanks to David for creating the original WebServer.cs) --- Node level (camera, light, mesh or simply a game object) metadata including abstract base class BabylonScriptComponent (subclass of monobehaviour) that can be attached as regular unity script components... Just like normal unity scripting, JUST FOR BABYLONJS --- Babylon.Unity.ts ... A babylonjs loader to automatically parse all scene metadata and provide a fully managed 'tickable' scene components --- Plus pretty much ANY UnityEditor design-time features --- General Asset management --- Detailed Scene Level Design --- Fully scriptable prefabs The list goes on. Now i don't know if its just me going nuts over here, playing with all the stuff i can do with Unity as my dedicated babylon js game IDE or if there are others that would like to use that kind of unity game editor features. Or even if the babylon community wants to be associated with that much BabylonJS/Unity integration I have all this code running on my machine (Working great, i might add) but i TOTALLY SUCK at gothic pull request (Note: I still delete and re-fork overtime i want a clean updated babylonjs source download) I am making a short video showing some of the features... Its just that, if I'm the only one who wants to do this kinda stuff, i won't bother wasting my time packing up and making available to the rest of babylonjs community (Once i figure out how to package up my extension kinda like babylon.canvas2d... I would like to make a babylon.unity3d extension that provide all the client side typescript that uses the UnityExport metadata) Also... I add SOOO many features and re-strcutered the /Assets/Plugins/Babylon folder that i don't know if i can just do a pull request to submit back to babylon or if a should just submit as a new 'Exporter/Editor' feature to the github. Anyways... a video coming soon to see what you all think about think of dedicated babylonjs editor using unity (With ALL runtime features disabled... Just editor stuff)... Let me know
  14. Recently our team has created two mini-games using and we find it pretty useful. We at MightyFingers decided to help fellow game developers and created editor on top of it and called it "MightyEditor". The idea is pretty simple - make it easier for everybody to work with the framework. Currently we have very basic features implemented like asset management, map creation, grouping in levels and data exporting. However without these basic things we would spend quit a time to create all levels we have. How does it work? Editor is web based tool and doesn't require any hassle like installation or authorization to the system. Simply go to and system will give unique URL where you will be able to return later on and continue your work with map creation. Real time testing is as simple as including URL given on editor top right in your game project. You can export data from editor at any time, no dependencies here. We have tested editor only on Chrome, no guarantee for other browsers For more info check out editor features section at our home page. Video tutorial Here is a list of the features that we are planning to implement in the future. Please vote for your favorite/most needed one or even request a new one – so we can focus more on the most required features: text object zoom in / out sound management tile map support import from tiled editor export to tiled editor sprite animation editor tween editor source editor user and multi user support version control for the projects
  15. I spend some time in CYOS Editor, nothing crazy some lines and circles til now. I press by accident a button and i was able to change the editor style & more. So, witch button was it? This features should be hidden.
  16. Hi! The latest Phaser Editor version (1.2.1) is available for download. In this release we imporved the Arcade support and many other features. Take a look to the release notes.
  17. SUMMARY: This post: HOW TO 2nd post: Original question that originated this post 3rd post: Research log concerning some problems and workarounds pertinent to this how-to THIS HOW-TO IS IN AN UNUSABLE STATE, AND HAS BEEN NOW ABANDONED. SORRY FOR THE NOISE. Okay, so after some hours of research here's what I came up with, in case anyone's interested or as a future reference for myself. These are the configuration steps to set up a Phaser project in Eclipse Mars.2 (4.5.2). I guess these might change from version to version, but remain essentially similar. You'll need to set up a local web server, but this is beyond the scope of these instructions. In my case I installed a WAMP (Windows-Apache-MySQL-PHP). 1. Head to and click on "clone". In my case this took me to: 2. Click on "Clone or download". A dialog unfolds with the git repository URL. Copy to clipboard. In my case it was: 3. Go to Eclipse and: Window->Perspective->Open perspective->Other->Git->Ok 4. Select to clone a Git repository. Paste in URI field->Next 5. Select All. Theoretically IIUC you should only need the "Master" branch. But I selected all just in case.->Next 6. It will want to clone in some default directory. It's okay like that, just copy the directory path to the clipboard for later.->Finish 7. Go tease you favorite pet/mate while the repository is cloning. 8. Window->Preferences->JavaScript->Include Path->User Libraries->New->Enter "Phaser" as the library name->Add folder->Paste in the "folder" field->Ok 9. Still in Preferences->General->Web Browser->Use external web browser->Select your html5 browser. In my case I left it at "Default system web browser", which is Chrome. 10. Still in Preferences->Server->Runtime Environments->Add->Basic->HTTP Server->Next->Enter your HTTP local server's web directory in the "Publishing Directory" field. In my case this was: "C:\wamp\www"->Finish->Ok 11. Window->Perspective->Open perspective->Other->Web->Ok 12. File->New->Static Web Project->Enter your project's name in the "Project name" field->Select HTTP Server in Target runtime->Finish 13. Right click on your project->Properties->JavaScript->Include Path->Libraries->Add a JavaScript Library->User Library->Select Phaser->Finish->Ok 14. Download or head to and look for the hello phaser example if the previous link didn't work->Unzip in a temporary folder and drag the contents to your project's "WebContent" folder in Eclipse.->Copy files->Ok 15. Right click on WebContent->Import->General->File System->Next->Browse to your git root directory\phaser\build->Select it->Ok->Check phaser.min.js->Finish->Overwrite?:Yes --- OR --- Use your system browser to open the aforementioned directory and drag phaser.min.js to your WebContent on Eclipse and overwrite. 16. Reformat your code from this: var game = new Phaser.Game(800, 600, Phaser.AUTO, '', { preload: preload, create: create, update: update, render: render }); function preload () { } function create () { } function update () { } function render () { } to this: var state = new Phaser.State(); state.preload=preload; state.create=create; state.update=update; state.render=render; var game = new Phaser.Game(800, 600, Phaser.AUTO, '', state); function preload () { } function create () { } function update () { } function render () { } (More info about this in 3rd post) 17. Right click on your project->Run As->1 Run on Server->Basic->HTTP Server->Next->You might need to change your HTTP Port if your server doesn't default to listening on port 80->Finish Your project should have opened in your browser. NOTE: 1. I have no idea if step 14 is correct, or whether you need to include other files in your project's web content directory. 2. If Content Assist (that's what's called the feature I was calling autocomplete) doesn't pop up, hit CTRL+Spacebar. It should work and display Phaser's API documentation. 3. For following new projects you just need to follow steps: 12 to 17, as long as you don't switch your workspace, of course. 4. I will edit this post to reflect changes if you point out any errors in the procedure, etc. Cheers, Eneko P.S.: Setting up IDEs is always a nightmare, isn't it? Unless you got some template...
  18. Updated August 31, 2016 A new version of Phaser Editor is available! Take a look! --- Hi, I invite you to check this PREVIEW video about Canvas, the Phaser Editor scene builder that is in development. In the video we show how you can create the scene objects by dragging the assets shown in the Assets explorer, the texture atlas previews and the sprite-sheet previews (it was funny to discover that a texture atlas could be a nice "sprite palette"). We think this is a natural behavior that will increase your productivity since it uses the same elements you are familiar with. We want to build an editor from the bottom to the top: We implemented a powerful asset manager, based on the Phaser Asset Pack format. Asset packers like the texture atlas and the audio sprites generators. A Preview window that is able to visualize those assets in a way that helps the user to get a quick feedback of the kind of objects she is using in her game. A JavaScript editor that understands the assets of your game, and helps the user to write the asset keys and provides popup windows with useful information and visual (and echoing) feedback. And now an scene builder that takes advantage of the asset pack and the Preview windows. When the scene builder gets ready and stable, then we will focus on the objects of the scene, and provide more specialized editors for aspects like tweens, sprite-sheet animations, physics and emitters, to mention some of them. Our gold rule: stick to vanilla Phaser concepts, models and formats, we do not want the user to learn new stuff, we want to reuse what he already knows about Phaser, the same names, the same structures, and we want he to learn something that applies even outside our editor, because it is just Phaser after all. Well.. it was a long talk :-) I let you with the video. Any idea about the scene builder or whatever other thing, is more than welcome. Updated June 25, 2016 Video updated with the last version of the scene editor.
  19. Hi, I am pleased to announce a new Phaser Editor release. Finally the game level visual editor is available for you to play with it and create some games. It is a preview version but yet powerful enough to make the scenes of many games. In addition we introduced a new method to update the editor with the last Phaser build. It means, each time Phaser is released you will be able to easy update the components of the editor that are linked to the Phaser source and metadata. Just take a look to the release notes!
  20. I recently started developing a game using Phaser. one of the things i want to do is make a map editor that can turn a tilemap object into json when you're done making a the level. the json output should then be able to be loaded in the actual game. i tried turning the tilemap object into json using JSON.stringify(map), but i just got an error telling me it has circular references. so my question is: how do i export a tilemap to json from WITHIN phaser (if it is possible)? i found alot of people talking about the map editor called "tiled", but please understand that i wanna make my own tool and i'm not up for learning tiled or any other map editor if i can avoid it. if any of you guys know how to do this please let me know. this problem is VERY annoying because i already got the editor working ~80% like i want it to .
  21. 3D realtime editor minimal proof of concept on Github. I put it on Github because some people were interested to see how it works. Maybe on this forum also. Note the poor code quality because it was a rapid prototype. The camera and the objects are the same in every tab open. Tested in Firefox and Chrome
  22. Hi, guys. I just moved to public beta with my particle effects editor - NeutrinoParticles ( It is the editor created specially for game developers and it provides great set of tools to construct spectacular effects. Also, it has export to HTML5 source code, so any project which uses 2d canvas or WebGL for rendering can use exported effects. There is a live gallery with effects on the site where you can check out possibilities of the editor. Now I'm working on video tutorials, so if you are interested subscribe to newsletter to keep in touch. I will be very glad to hear any feedback from you. Thanks.
  23. Introducing yoanimate online service for 3D animators and Game Artists. Example Participate to the yoanimate 3d animated character Contest and win prizes ranging from $50-$1000! Start uploading your fbx files now at and be among the first 50 talented animators to get $50 just for uploading your models! 2nd prize $250 1st prize $1000 Do you want to find out more? Go to Watch the video tutorials for our 3dpreview editor and for the material editor. 3d preview editor Material Editor Check out specifications to know what to do before uploading your files. Specifications Our site offers an enhanced interactive 3dpreview editor with many features such as: A variety of backgrounds and platforms Adjustment of animation speed Scaling of your characters Hue and saturation of the background Adjustments to materials with our online material editor Preferable lighting settings Save your settings Share your work with your colleagues and friends
  24. Hello, I am the author of Phaser Chains ( and now I want to present to you my last work: *Phaser Editor*. (it is a desktop editor) (This editor was announced in (by the Phaser authors) with the title "A complete Phaser editor with powerful features". ) General JavaScript editors are good for Phaser because the Phaser simplicity but I see the need of something more dedicated: - Project and file creation wizards. - Coding assistance (type inference, auto-completion of the API, doc hovers, preview). - Integrated and quick help. - Integrated web server for easy testing. - Assets manager (following the official Phaser Asset Pack format). - Assets packers (image and audio atlas). - Keep it simple enough that you can develop your big game but also test any other code snippet or example of the many Phaser tutorials in the internet. - Transparency: there is not any other layer, wrapper or plug-in on top of Phaser: I do not want to hide Phaser, I want you to learn it. - Tooling: with the time I would like to integrate common developing tasks into the editor, for example, right now it is implemented an Optimize PNG images, but I want more. - The name is Phaser Editor but my goal is a Phaser IDE ;-) How am I doing it? I am building Phaser Editor on top of one of the leaders platforms of the programming industry: the Eclipse platform, specially, the Eclipse Web Tools. If you know the Eclipse ecosystem you will feel very comfortable in Phaser Editor, if you don't know Eclipse yet, I think this is the moment for you to go with it ;-) Eclipse is very popular in the Java world, but it is also popular to develop with other programming language (javascript, python, php, C, etc...) because it can be extended and customized for a specific technology. The Eclipse workbench is full of features and a plenty of third plug-ins going from color themes and Git integration to cordova based tools for mobile development, and all of them can be installed (or integrated in a future) in Phaser Editor. The Eclipse Web Tools, specially the JavaScript Development Tools (, are a very good piece of software, the most I like is the type inference engine, that in the case of Phaser Editor it is customized to give a much better experience with the Phaser API. So take a look to a demo video. Download and try it yourself: To run it first you should install the Java runtime (JRE 8 64bits), then execute the PhaserEditor.exe file. In a future a I will give the option to bundle the JRE together with the product and make it available also for the others operating systems supported by Eclipse (linux, osx). Check the list of features What's next? This is only a preview, but in dependence of your very valuable feedback I will release it sooner or later. Right now I am working on complete some features introduced in Phaser 2.4.3 and writing the user guide. Suscribe to our mailing list and we notify you when the final product (or a major update) is ready (I am not going to explode your inbox) Thanks, Arian Update 2015/10/29: Phaser Editor RC release, read post.
  25. Hi, Some months ago (10 about) there was a very nice editor for the non-programmers at (see attached foto 1). However, the one currently in Github is much more complicate for the non-programmers (photo 2). What happened to the old one ? Can I find it somewhere? Is it discontinued ? Best Regards, Dimitrios Ververidis