How to add a map in dart?

[Harry]

I'm gonna add a game's map in dart,
I use this map design by tile map.

how can i add in dart and display on html ??

[Harry]

Or is there any way to create game's map in dart?

[Mike Watson]

The canvas examples here should help get you started : https://github.com/threeDart/three.dart

[Harry]

thank you !

but I want 2D map examples 

because I make 12*12 static map!

I don't know how to add in dart...

[Kevin Moore]

Do you mean a 2D array?

I have one in the bag-of-tricks: https://github.com/kevmoo/bot.dart/blob/master/lib/src/bot/collection/array_2d.dart

...if that's what you need.

--
Consider asking HOWTO questions at Stack Overflow: http://stackoverflow.com/tags/dart
 
 

[Harry]

Thank you!

But not this...

I make a map like this:

<?xml version="1.0" encoding="UTF-8"?>

<map version="1.0" orientation="orthogonal" width="12" height="12" tilewidth="32" tileheight="32">

 <tileset firstgid="1" name="while" tilewidth="32" tileheight="32">

  <image source="010327_01.jpg" width="599" height="600"/>

 </tileset>

 <tileset firstgid="325" name="black" tilewidth="32" tileheight="32">

  <image source="pics_600031_1278309279.gif" width="1920" height="1080"/>

 </tileset>

 <tileset firstgid="2305" name="010327_01" tilewidth="32" tileheight="32" spacing="32" margin="32">

  <image source="010327_01.jpg" width="599" height="600"/>

 </tileset>

 <layer name="background" width="12" height="12">

  <data encoding="csv">

39,38,326,38,38,326,326,38,38,38,326,2316,

326,38,38,38,38,38,38,326,326,38,38,38,

326,38,326,38,326,38,326,38,38,326,326,326,

38,326,326,326,326,326,38,326,38,38,326,326,

38,326,326,326,505,326,326,326,38,326,38,326,

38,38,38,326,505,505,505,326,326,326,326,38,

38,38,326,326,505,38,38,38,326,326,326,38,

38,38,326,326,326,38,38,505,38,38,38,38,

38,326,326,38,326,505,38,505,38,38,38,505,

38,326,326,326,38,326,505,505,505,38,38,505,

38,38,38,38,326,326,505,38,505,38,505,38,

38,38,38,326,38,38,505,38,505,38,38,38

</data>

 </layer>

</map>

and I don't know how to add in dart....

[Allan MacDonald]

AreaElement and MapElement are implemented in Dart for accomplishing this.

See http://api.dartlang.org/docs/releases/latest/dart_html/MapElement.html and http://api.dartlang.org/docs/releases/latest/dart_html/AreaElement.html for more info.

Allan

--

[Allan MacDonald]

After looking closer at what you are asking, I am thinking you need a port (of openlayers) from javascript to Dart or use js-interop with something like http://openlayers.org/.

I am not aware of any existing Dart projects that do this, but there may be.

Allan

[Fernando Daniel Tiberti]

Actually, what Harry has here is a .tmx map, which is a tile map generated by the Tiled Map Editor

I think no one built a tmx parser yet. You could use JS interop to use this one: tmx-loader.js

Or maybe implement a loader using the asset_pack library. Or you could try porting a tmx loader, or building one from scratch, I don't think it would be that hard.

Maybe take a look at darty-grits , which is a port of the JS game "Grits" used in this tutorial, which I think makes use of a TMX map.