So, i'm very proud today to announce to the world (and god knows how the world is waiting for me on this thing) that I now have a Tiled tilemap loader implemented in melonJS, my javascript engine !
Tiled is a general purpose tile map editor using XML-based map format (TMX format), who is fully featured and a very easy to use cross-platform Map-Editor, and which can be obtained for free here: http://www.mapeditor.org/
This to say, that is now very easy for me to build a game level, and get it running with my Engine. As you will see below, I prepared a small demo using existing TMX files, and It just took me less than 1 hour to get it running in a browser, great no ?
Before going on with the demo, here is what I currently implemented :
- TileQT 6.0 map format compliant
- Plain & Base64 encoded XML tilemap loading (compression not supported)
- Horizontal tilemap (isometric not suppported)
- multiple tileset supported (one for regular tiled map, one for the collision engine)
- Multiple layers (multiple background/foreground layers, 1 collision layer, 1 "Scrolling" layer)
- Dynamic Entity loading (basically, the engine will instantiate JS object matching the object property name defined in the tilemap objectGroup, and pass corresponding settings to it)
I haven't yet done any bench on what my engine is actually capable of, I keep this for when I'll find an idea about my next project, but I'll keep you posted.
And to finish, a little demo. This demo is based on the PC/SDL Alex Kidd remake that you can find here. I actually just reuse the existing tilemap and tileset, and modified them a little bit to be compliant with my own implementation, and "voila" the result of 1 hour of work :

Of course, there is still a few things to tweak, and this is just a quick demo to show the tilemap loading and running with the engine, so don't expect something "finished" and bug free, this is not a game ! :)
You can click on the picture or here to launch the demo. I'm also very interested by your comments if you have any suggestions. And of course, don't try this with IE6, you'll need a recent browser HTML5 compliant (Safari 5, Chrome 9, Opera 11, ...).
Cheers !
Hi.
ReplyDeleteI'm developing a Tiled plugin to allow save and load maps in JSON format, wich i think will be better to parse.
Already got exporting working, developing reading.
Once i get it ready i will release it and let you know
Hi, Great.. Tutorial is just awesome..It is really helpful for a newbie like me.. I am a regular follower of your blog. Really very informative post you shared here. Kindly keep blogging. If anyone wants to become a Front end developer learn from Javascript Online Training from India
DeleteThe effectiveness of IEEE Project Domains depends very much on the situation in which they are applied. In order to further improve IEEE Final Year Project Domains practices we need to explicitly describe and utilise our knowledge about software domains of software engineering Final Year Project Domains for CSE technologies. This paper suggests a modelling formalism for supporting systematic reuse of software engineering technologies during planning of software projects and improvement programmes in Final Year Project Centers in Chennai.
DeleteSoftware management seeks for decision support to identify technologies like JavaScript that meet best the goals and characteristics of a software project or improvement programme. JavaScript Training in Chennai Accessible experiences and repositories that effectively guide that technology selection are still lacking.
Aim of technology domain analysis is to describe the class of context situations (e.g., kinds of JavaScript software projects) in which a software engineering technology JavaScript Training in Chennai can be applied successfully
Hi Porfirio,
ReplyDeleteWow sounds great, I've been looking as well to do that, but missed time so far :)
So yes please let me know, and check www.melonjs.org and my last blog entry, since this post, I had some nice work done on my library.
Cheers,
Olive.
Hi Oliver!
ReplyDeleteI am really really glad seeing you using TROAK content in your demo. Nice job dude!
Hi friends, This is Victoria from Chennai. I am a technology freak. I have read your blog. It was really a wonderful article and I was really impressed by reading this blog. Thanks for sharing this informative blog. I did HTML5 Training in Chennai at FITA academy, Its really useful for me to make a bright future.
ReplyDeletegreat
ReplyDeleteAngular 5 Resources
| Angular 5 Training in Chennai.
If you look here you will find some high quality essay writing tips that you need to totally check out as soon as possible.
ReplyDelete"Insightful" is the perfect word to describe this wonderful writing of yours. The artistic blend of this subject with your tone of writing made this a great read. Much love 😘.
ReplyDeleteHow to bottom
Sounds interesting. I need some more info now. See you soon.
ReplyDeleteNice...
ReplyDeleteece internship
internships for cse students
internships in chennai for cse students
internships in chennai for cse students 2019
internship for ece
internship in chennai for mechanical
10 days internship
mechanical internship certificate
internship for aerospace engineering students
winter internship 2019 for cse students
Good...
ReplyDeletet system placement paper
advantages of package in java
2xwy cable full form
react native developer resume sample
log(a2/bc) + log(b2/ac(c2/ab) is
error: cannot find module '../lib/utils/unsupported.js'
django.core.exceptions.improperlyconfigured: error loading mysqldb module.
infix to postfix python
what is your biggest achievement yahoo answers
toughest pattern programs in c
excellent...!!!
ReplyDeleteSelenium training in chennai
Industrial visit in chennai
Internship
Internships in bangalore for cse students 2019
Free internship in chennai for cse students
Network security projects for cse
Ccna course in chennai
Inplant training in chennai for cse
Inplant training for eee students
Kaashiv infotech chennai
Hello Admin!
ReplyDeleteThanks for the post. It was very interesting and meaningful. I really appreciate it! Keep updating stuffs like this. If you are looking for the Advertising Agency in Chennai | Printing in Chennai , Visit Inoventic Creative Agency Today..
Amazing Post. keep update more information.
ReplyDeleteAviation Academy in Chennai
Air Hostess Training in Chennai
Airport Management Courses in Chennai
Ground Staff Training in Chennai
Aviation Courses in Chennai
Air Hostess Training Institute in Chennai
Airline Courses in Chennai
Airport Ground Staff Training in Chennai
Thanks for sharing information. Choosing computer accessories from leading IT store offer great discount and value for your money Computer Store Australia | All in One Pc Australia
ReplyDeleteThanks for sharing information post. Limousine King offers affordable limo hire Melbourne that make your accosion special. Wedding Car Hire – Limo Hire Melbourne prices
ReplyDeleteGreat explanation to given on this post and i read our full content was really amazing.Thanks for sharing.
ReplyDeleteSelenium Training in chennai | Selenium Training in anna nagar | Selenium Training in omr | Selenium Training in porur | Selenium Training in tambaram | Selenium Training in velachery
Outstanding blog with lots of information. Keep posting more like this.
ReplyDeleteccna course in Chennai
ccna Training in Chennai
ccna Training institute in Chennai
ccna institute in Chennai
ccna Training center in Chennai
Best ccna Training Institute in Chennai
ccna certification in Chennai
ccna course in Velachery
ccna course online
ccna certification online
ccna course training
Nice blog, very informative content.Thanks for sharing, waiting for the next update...
ReplyDeleteFrench Classes in Chennai
french courses in chennai
french institute in chennai
French Language Classes in Chennai
french classes in bangalore
french language classes in bangalore
TOEFL Coaching in Chennai
Informatica Training in Chennai
This comment has been removed by the author.
ReplyDeletevaluable blog,Informative content...thanks for sharing, Waiting for the next update...
ReplyDeleteTableau Training in Chennai
Tableau Course in Chennai
Tableau Training in Bangalore
Tableau Certification in Chennai
Spark Training in Chennai
Appium Training in Coimbatore
This comment has been removed by the author.
ReplyDeleteAwesome blog, informative content...thanks for sharing...
ReplyDeletehr courses in chennai
hr course in chennai
hr training in chennai
hr certification courses in chennai
soft skills training in chennai
talend training in chennai
Nice content and blog...Thanks for sharing, Waiting for next...
ReplyDeleteWordpress Training in Chennai
Wordpress course in Chennai
Wordpress Training
Struts Training in Chennai
Spring Training in Chennai
awesome article,the content has very informative ideas, waiting for the next update...
ReplyDeletesilk test training in chennai
cyber security course
journalism courses in chennai correspondence
cyber security course
journalism course in chennai
Very Good way of attracting your reader's attention is to write blog like you. Please do contact me on genuinehotelescorts@gmail.com for
ReplyDeleteJaipur call girls
Jaipur call girls
Jaipur call girls
Delhi call girls
Guwahati call girls
Guwahati call girls
Guwahati call girls
Guwahati call girls
Aerocity call girls