Examples

examples/assets/tiles/0x72_DungeonTilesetII_v1.4.tsx

@@ -0,0 +1,74 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<tileset version="1.9" tiledversion="1.9.2" name="0x72_DungeonTilesetII_v1.4" tilewidth="16" tileheight="16" tilecount="1024" columns="32">
+ <image source="../images/0x72_DungeonTilesetII_v1.4.png" width="512" height="512"/>
+ <tile id="36">
+ <animation>
+ <frame tileid="36" duration="180"/>
+ <frame tileid="37" duration="180"/>
+ <frame tileid="38" duration="180"/>
+ </animation>
+ </tile>
+ <tile id="68">
+ <animation>
+ <frame tileid="68" duration="180"/>
+ <frame tileid="69" duration="180"/>
+ <frame tileid="70" duration="180"/>
+ </animation>
+ </tile>
+ <tile id="100">
+ <animation>
+ <frame tileid="100" duration="180"/>
+ <frame tileid="101" duration="180"/>
+ <frame tileid="102" duration="180"/>
+ </animation>
+ </tile>
+ <tile id="132">
+ <animation>
+ <frame tileid="132" duration="180"/>
+ <frame tileid="133" duration="180"/>
+ <frame tileid="134" duration="180"/>
+ </animation>
+ </tile>
+ <tile id="356">
+ <animation>
+ <frame tileid="353" duration="70"/>
+ <frame tileid="354" duration="70"/>
+ <frame tileid="355" duration="70"/>
+ <frame tileid="356" duration="70"/>
+ <frame tileid="355" duration="70"/>
+ <frame tileid="354" duration="70"/>
+ </animation>
+ </tile>
+ <tile id="368">
+ <animation>
+ <frame tileid="44" duration="130"/>
+ <frame tileid="45" duration="130"/>
+ <frame tileid="46" duration="130"/>
+ <frame tileid="47" duration="130"/>
+ <frame tileid="48" duration="130"/>
+ </animation>
+ </tile>
+ <tile id="496">
+ <animation>
+ <frame tileid="488" duration="210"/>
+ <frame tileid="489" duration="210"/>
+ <frame tileid="490" duration="210"/>
+ <frame tileid="491" duration="210"/>
+ </animation>
+ </tile>
+ <tile id="627">
+ <animation>
+ <frame tileid="627" duration="210"/>
+ <frame tileid="628" duration="210"/>
+ <frame tileid="629" duration="210"/>
+ <frame tileid="628" duration="210"/>
+ </animation>
+ </tile>
+ <tile id="659">
+ <animation>
+ <frame tileid="659" duration="210"/>
+ <frame tileid="660" duration="210"/>
+ <frame tileid="661" duration="210"/>
+ </animation>
+ </tile>
+</tileset>

examples/assets/tiles/dungeon.tmx

@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<map version="1.9" tiledversion="1.9.2" orientation="orthogonal" renderorder="right-down" width="10" height="10" tilewidth="16" tileheight="16" infinite="0" nextlayerid="6" nextobjectid="1">
+ <tileset firstgid="1" source="0x72_DungeonTilesetII_v1.4.tsx"/>
+ <layer id="3" name="ground" width="10" height="10" locked="1">
+ <data encoding="base64" compression="gzip">
+ H4sIAAAAAAAACmNgoAw0Y6FHMfkYAK7z31GQAQAA
+ </data>
+ </layer>
+ <layer id="1" name="walls" width="10" height="10">
+ <data encoding="base64" compression="gzip">
+ H4sIAAAAAAAACp3Q7QmDMBSF4ZuELFIVF9FNdBQXae0i4scegnYNXzDgKfSH9MJDksPh/og3My+i0Dw4s4ddiqTVjI6HTp10krkfPZ3xZu/uvn97Zeo+OV/o8XbfvQzBTgP3GQsmyaP8XYOV944PNuRkFTIcCfCt35ABAAA=
+ </data>
+ </layer>
+ <layer id="4" name="stuff" width="10" height="10">
+ <data encoding="base64" compression="gzip">
+ H4sIAAAAAAAACmNgoA0oYaKNuamMuOW2IqmBYRgwQ2JfxWHeFKCbw/CYTw8AANEJHwqQAQAA
+ </data>
+ </layer>
+</map>

examples/lib/main.dart

@@ -14,6 +14,7 @@ import 'package:examples/stories/rendering/rendering.dart';
 import 'package:examples/stories/sprites/sprites.dart';
 import 'package:examples/stories/svg/svg.dart';
 import 'package:examples/stories/system/system.dart';
+import 'package:examples/stories/tiled/tiled.dart';
 import 'package:examples/stories/utils/utils.dart';
 import 'package:examples/stories/widgets/widgets.dart';
 import 'package:flutter/material.dart';
@@ -38,6 +39,7 @@ void main() {
  addInputStories(dashbook);
  addParallaxStories(dashbook);
  addRenderingStories(dashbook);
+ addTiledStories(dashbook);
  addSpritesStories(dashbook);
  addSvgStories(dashbook);
  addSystemStories(dashbook);

examples/lib/stories/tiled/flame_tiled_animation_example.dart

@@ -0,0 +1,17 @@
+import 'package:flame/game.dart';
+import 'package:flame/input.dart';
+import 'package:flame_tiled/flame_tiled.dart';
+
+class FlameTiledAnimationExample extends FlameGame with TapDetector {
+ static const String description = '''
+ Loads and displays an animated Tiled map.
+ ''';
+
+ late final TiledComponent map;
+
+ @override
+ Future<void> onLoad() async {
+ map = await TiledComponent.load('dungeon.tmx', Vector2.all(32));
+ add(map);
+ }
+}

examples/lib/stories/tiled/tiled.dart

@@ -0,0 +1,14 @@
+import 'package:dashbook/dashbook.dart';
+import 'package:examples/commons/commons.dart';
+import 'package:examples/stories/tiled/flame_tiled_animation_example.dart';
+
+import 'package:flame/game.dart';
+
+void addTiledStories(Dashbook dashbook) {
+ dashbook.storiesOf('Tiled').add(
+ 'Flame Tiled Animation',
+ (_) => GameWidget(game: FlameTiledAnimationExample()),
+ codeLink: baseLink('effects/flame_tiled_animation_example.dart'),
+ info: FlameTiledAnimationExample.description,
+ );
+}

examples/pubspec.yaml

@@ -1,7 +1,7 @@
 name: examples
 description: A set of small examples showcasing each feature provided by the Flame Engine.
 homepage: https://github.com/flame-engine/flame/tree/main/examples
-publish_to: 'none'
+publish_to: "none"
 
 version: 0.1.0
 
@@ -15,6 +15,7 @@ dependencies:
  flame_audio: ^1.3.1
  flame_forge2d: ^0.12.2
  flame_svg: ^1.5.0
+ flame_tiled: ^1.7.2
  flutter:
  sdk: flutter
  google_fonts: ^2.3.2
@@ -35,6 +36,8 @@ flutter:
  - assets/images/tile_maps/
  - assets/images/layers/
  - assets/images/parallax/
+ - assets/images/parallax/
  - assets/svgs/
+ - assets/tiles/
  - assets/audio/music/
  - assets/audio/sfx/