Clickable rooms with per-room dialogue
This commit is contained in:
parent
bb9db51560
commit
c1b102860e
@ -1,6 +1,7 @@
|
|||||||
-cp src
|
-cp src
|
||||||
--macro Init.setup()
|
--macro Init.setup()
|
||||||
-lib heaps:git:https://github.com/HeapsIO/heaps.git
|
-lib heaps:git:https://github.com/HeapsIO/heaps.git
|
||||||
|
-lib tiledhx
|
||||||
-lib hxyarn
|
-lib hxyarn
|
||||||
-main Main
|
-main Main
|
||||||
-lib domkit
|
-lib domkit
|
||||||
|
@ -21,6 +21,6 @@
|
|||||||
<object id="7" name="medical" x="96" y="96" width="224" height="128"/>
|
<object id="7" name="medical" x="96" y="96" width="224" height="128"/>
|
||||||
<object id="8" name="generator" x="96" y="416" width="192" height="128"/>
|
<object id="8" name="generator" x="96" y="416" width="192" height="128"/>
|
||||||
<object id="9" name="quarters" x="320" y="416" width="288" height="128"/>
|
<object id="9" name="quarters" x="320" y="416" width="288" height="128"/>
|
||||||
<object id="10" name="hangar" x="640" y="128" width="224" height="416"/>
|
<object id="10" name="hangar" x="640" y="96" width="224" height="448"/>
|
||||||
</objectgroup>
|
</objectgroup>
|
||||||
</map>
|
</map>
|
||||||
|
@ -9,3 +9,7 @@ You: What happened to the updates from mission control?
|
|||||||
You: Best not get too philsophical just yet
|
You: Best not get too philsophical just yet
|
||||||
You: Let's have another look around...
|
You: Let's have another look around...
|
||||||
===
|
===
|
||||||
|
title: Room:quarters
|
||||||
|
---
|
||||||
|
It's the crew quarters
|
||||||
|
===
|
||||||
|
@ -42,9 +42,11 @@ class Game extends hxd.App {
|
|||||||
|
|
||||||
var layer:Layers;
|
var layer:Layers;
|
||||||
public var root:GameContainer;
|
public var root:GameContainer;
|
||||||
var console:Console;
|
public var console:Console;
|
||||||
var style = null;
|
var style = null;
|
||||||
|
|
||||||
|
public static var loader = new tiled.Tiled();
|
||||||
|
|
||||||
override function init() {
|
override function init() {
|
||||||
s2d.scaleMode = Stretch(Const.W, Const.H);
|
s2d.scaleMode = Stretch(Const.W, Const.H);
|
||||||
layer = new Layers(s2d);
|
layer = new Layers(s2d);
|
||||||
|
197
src/TilemapLayer.hx
Normal file
197
src/TilemapLayer.hx
Normal file
@ -0,0 +1,197 @@
|
|||||||
|
import h2d.col.Point;
|
||||||
|
import h2d.Object;
|
||||||
|
import h2d.SpriteBatch;
|
||||||
|
|
||||||
|
import tiled.types.TmxLayer;
|
||||||
|
import tiled.types.TmxMap;
|
||||||
|
using tiled.TiledTools;
|
||||||
|
|
||||||
|
class TilemapLayer extends h2d.TileGroup {
|
||||||
|
|
||||||
|
public var map:TmxMap;
|
||||||
|
public var layer:TmxLayer;
|
||||||
|
|
||||||
|
public function new (map:TmxMap, layer:TmxLayer, ?parent:Object) {
|
||||||
|
this.map = map;
|
||||||
|
this.layer = layer;
|
||||||
|
super(parent);
|
||||||
|
for (c in layer.tileChunks) {
|
||||||
|
addChunk(c);
|
||||||
|
}
|
||||||
|
// TODO: Animations
|
||||||
|
}
|
||||||
|
|
||||||
|
// public function gidAt(x:Int, y:Int):Int {
|
||||||
|
// if (x < 0 || x >= layer.width || y < 0 || y >= layer.height) return 0;
|
||||||
|
// return layer.data.tiles[y * layer.width + x].gid;
|
||||||
|
// }
|
||||||
|
public function addChunk(chunk:TileChunk) {
|
||||||
|
var tw = map.tileWidth;
|
||||||
|
var th = map.tileHeight;
|
||||||
|
var ix = 0, iy = 0;
|
||||||
|
var tiles = chunk.tiles, i = 0;
|
||||||
|
var tsets = map.tilesets;
|
||||||
|
switch (map.orientation) {
|
||||||
|
case Orthogonal:
|
||||||
|
var cx = chunk.x * tw + layer.offsetX;
|
||||||
|
var cy = chunk.y * th + layer.offsetY;
|
||||||
|
while (i < tiles.length) {
|
||||||
|
var gid = tiles[i++];
|
||||||
|
if (gid != 0) {
|
||||||
|
var t = tsets.getImage(gid);
|
||||||
|
var x = cx + ix * tw;
|
||||||
|
var y = cy + iy * th + th - t.height;
|
||||||
|
if (gid.flippedHorizontally) addTransform(x + t.width, y, -1, 1, 0, t);
|
||||||
|
else if (gid.flippedVertically) addTransform(x, y + t.height, 1, -1, 0, t);
|
||||||
|
else if (gid.flippedDiagonally) addTransform(x + t.width, y + t.height, -1, -1, 0, t);
|
||||||
|
else add(x, y, t);
|
||||||
|
}
|
||||||
|
if (++ix == chunk.width) { iy++; ix = 0; }
|
||||||
|
}
|
||||||
|
case Isometric:
|
||||||
|
var isoW = tw >> 1;
|
||||||
|
var isoH = th >> 1;
|
||||||
|
|
||||||
|
var cx = (chunk.x - chunk.y) * isoW + layer.offsetX;
|
||||||
|
var cy = (chunk.x + chunk.y) * isoH + layer.offsetY;
|
||||||
|
while (i < tiles.length) {
|
||||||
|
var gid = tiles[i++];
|
||||||
|
if (gid != 0) {
|
||||||
|
var t = tsets.getImage(gid);
|
||||||
|
var x = cx + (ix - iy) * isoW;
|
||||||
|
var y = cy + (ix + iy) * isoH + th - t.height;
|
||||||
|
if (gid.flippedHorizontally) addTransform(x + t.width, y, -1, 1, 0, t);
|
||||||
|
else if (gid.flippedVertically) addTransform(x, y + t.height, 1, -1, 0, t);
|
||||||
|
else if (gid.flippedDiagonally) addTransform(x + t.width, y + t.height, -1, -1, 0, t);
|
||||||
|
else add(x, y, t);
|
||||||
|
}
|
||||||
|
if (++ix == chunk.width) { iy++; ix = 0; }
|
||||||
|
}
|
||||||
|
case Staggered(staggerYAxis, staggerIndexOdd):
|
||||||
|
var staggerX = 0, staggerY = 0, stepX = tw >> 1, stepY = th >> 1;
|
||||||
|
var cx = chunk.x * stepX + layer.offsetX;
|
||||||
|
var cy = chunk.y * stepY + layer.offsetY;
|
||||||
|
if (staggerYAxis) {
|
||||||
|
if (staggerIndexOdd) {
|
||||||
|
staggerX = tw >> 1;
|
||||||
|
} else {
|
||||||
|
staggerX = -(tw >> 1);
|
||||||
|
cx -= staggerX;
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
if (staggerIndexOdd) {
|
||||||
|
staggerY = th >> 1;
|
||||||
|
} else {
|
||||||
|
staggerY = -(tw >> 1);
|
||||||
|
cy -= staggerY;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
cx += (chunk.x % 2) * staggerX;
|
||||||
|
cy += (chunk.y % 2) * staggerY;
|
||||||
|
while (i < tiles.length) {
|
||||||
|
var gid = tiles[i++];
|
||||||
|
if (gid != 0) {
|
||||||
|
var t = tsets.getImage(gid);
|
||||||
|
var x = cx + ix * stepX + staggerX * (ix % 1);
|
||||||
|
var y = cy + iy * stepY + th - t.height;
|
||||||
|
if (gid.flippedHorizontally) addTransform(x + t.width, y, -1, 1, 0, t);
|
||||||
|
else if (gid.flippedVertically) addTransform(x, y + t.height, 1, -1, 0, t);
|
||||||
|
else if (gid.flippedDiagonally) addTransform(x + t.width, y + t.height, -1, -1, 0, t);
|
||||||
|
else add(x, y, t);
|
||||||
|
}
|
||||||
|
if (++ix == chunk.width) { iy++; ix = 0; }
|
||||||
|
}
|
||||||
|
case Hexagonal(sideLength, staggerYAxis, staggerIndexOdd):
|
||||||
|
// TODO: Fix
|
||||||
|
var staggerX = 0, staggerY = 0, stepX, stepY;
|
||||||
|
var cx, cy;
|
||||||
|
if (staggerYAxis) {
|
||||||
|
stepX = tw;
|
||||||
|
stepY = (th + sideLength) >> 1;
|
||||||
|
cx = chunk.x * stepX + layer.offsetX;
|
||||||
|
cy = chunk.y * stepY + layer.offsetY;
|
||||||
|
if (staggerIndexOdd) {
|
||||||
|
staggerX = tw >> 1;
|
||||||
|
} else {
|
||||||
|
staggerX = -(tw >> 1);
|
||||||
|
cx -= staggerX;
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
stepX = (tw + sideLength) >> 1;
|
||||||
|
stepY = th;
|
||||||
|
cx = chunk.x * stepX + layer.offsetX;
|
||||||
|
cy = chunk.y * stepY + layer.offsetY;
|
||||||
|
if (staggerIndexOdd) {
|
||||||
|
staggerY = th >> 1;
|
||||||
|
} else {
|
||||||
|
staggerY = -(tw >> 1);
|
||||||
|
cy -= staggerY;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
while (i < tiles.length) {
|
||||||
|
var gid = tiles[i++];
|
||||||
|
if (gid != 0) {
|
||||||
|
var t = tsets.getImage(gid);
|
||||||
|
var x = cx + ix * stepX;
|
||||||
|
var y = cy + iy * stepY + th - t.height;
|
||||||
|
if (gid.flippedHorizontally) addTransform(x + t.width, y, -1, 1, 0, t);
|
||||||
|
else if (gid.flippedVertically) addTransform(x, y + t.height, 1, -1, 0, t);
|
||||||
|
else if (gid.flippedDiagonally) addTransform(x + t.width, y + t.height, -1, -1, 0, t);
|
||||||
|
else add(x, y, t);
|
||||||
|
}
|
||||||
|
if (++ix == chunk.width) { iy++; ix = 0; }
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
public function addTile(tx:Int, ty:Int, ox:Float, oy:Float, gid:TmxTileIndex) {
|
||||||
|
if (gid == 0) return;
|
||||||
|
var t = map.tilesets.getImage(gid);
|
||||||
|
if (t != null) {
|
||||||
|
var x, y;
|
||||||
|
switch (map.orientation) {
|
||||||
|
case Orthogonal:
|
||||||
|
x = tx * map.tileWidth + ox;
|
||||||
|
y = ty * map.tileHeight + oy;
|
||||||
|
case Isometric:
|
||||||
|
x = (tx - ty) * (map.tileWidth >> 1) + ox;
|
||||||
|
y = (tx + ty) * (map.tileHeight >> 1) + oy;
|
||||||
|
case Staggered(staggerYAxis, staggerIndexOdd):
|
||||||
|
if (staggerYAxis) {
|
||||||
|
y = ty * (map.tileHeight >> 1);
|
||||||
|
if (staggerIndexOdd)
|
||||||
|
x = tx * map.tileWidth + (tx % 2) * (map.tileWidth >> 1);
|
||||||
|
else
|
||||||
|
x = tx * map.tileWidth + ((tx + 1) % 2) * (map.tileWidth >> 1);
|
||||||
|
} else {
|
||||||
|
x = tx * (map.tileWidth >> 1);
|
||||||
|
if (staggerIndexOdd)
|
||||||
|
y = ty * map.tileHeight + (tx % 2) * (map.tileHeight >> 1);
|
||||||
|
else
|
||||||
|
y = ty * map.tileHeight + ((tx + 1) % 2) * (map.tileHeight >> 1);
|
||||||
|
}
|
||||||
|
case Hexagonal(sideLength, staggerYAxis, staggerIndexOdd):
|
||||||
|
if (staggerYAxis) {
|
||||||
|
y = ty * ((map.tileHeight + sideLength) >> 1);
|
||||||
|
if (staggerIndexOdd)
|
||||||
|
x = tx * map.tileWidth + (tx % 2) * (map.tileWidth >> 1);
|
||||||
|
else
|
||||||
|
x = tx * map.tileWidth + ((tx + 1) % 2) * (map.tileWidth >> 1);
|
||||||
|
} else {
|
||||||
|
x = tx * ((map.tileWidth + sideLength) >> 1);
|
||||||
|
if (staggerIndexOdd)
|
||||||
|
y = ty * map.tileHeight + (tx % 2) * (map.tileHeight >> 1);
|
||||||
|
else
|
||||||
|
y = ty * map.tileHeight + ((tx + 1) % 2) * (map.tileHeight >> 1);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
if (gid.flippedHorizontally) addTransform(x + t.width, y, -1, 1, 0, t);
|
||||||
|
else if (gid.flippedVertically) addTransform(x, y + t.height, 1, -1, 0, t);
|
||||||
|
else if (gid.flippedDiagonally) addTransform(x + t.width, y + t.height, -1, -1, 0, t);
|
||||||
|
else add(x, y, t);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
}
|
@ -1,17 +1,10 @@
|
|||||||
package scene;
|
package scene;
|
||||||
|
|
||||||
|
import dialogue.event.StartDialogueNode;
|
||||||
|
import TilemapLayer;
|
||||||
|
|
||||||
@:uiComp("world-map-scene")
|
@:uiComp("world-map-scene")
|
||||||
class WorldMapScene extends h2d.Flow implements GameScene implements h2d.domkit.Object {
|
class WorldMapScene extends h2d.Flow implements GameScene implements h2d.domkit.Object {
|
||||||
var map:hxd.res.TiledMap.TiledMapData;
|
|
||||||
|
|
||||||
var layers:Map<String, {
|
|
||||||
name:String,
|
|
||||||
data:Array<Int>,
|
|
||||||
g:h2d.TileGroup,
|
|
||||||
alpha:Float
|
|
||||||
}>;
|
|
||||||
var tiles:Array<h2d.Tile>;
|
|
||||||
|
|
||||||
public var width:Int;
|
public var width:Int;
|
||||||
public var height:Int;
|
public var height:Int;
|
||||||
|
|
||||||
@ -21,52 +14,40 @@ class WorldMapScene extends h2d.Flow implements GameScene implements h2d.domkit.
|
|||||||
|
|
||||||
var root = new h2d.Object(this);
|
var root = new h2d.Object(this);
|
||||||
|
|
||||||
map = Res.map.toMap();
|
var map = Game.loader.loadTMX("map.tmx");
|
||||||
width = map.width;
|
|
||||||
height = map.height;
|
for (layer in (map.layers)) {
|
||||||
var t = Res.tiles.toTile();
|
switch(layer.kind) {
|
||||||
layers = new Map();
|
case TTileLayer:
|
||||||
this.tiles = [
|
var l = new TilemapLayer(map, layer, root);
|
||||||
for (y in 0...Std.int(t.height) >> 5) for (x in 0...Std.int(t.width) >> 5) t.sub(x * 32, y * 32, 32, 32)
|
case TObjectGroup:
|
||||||
];
|
for (obj in layer.objects) {
|
||||||
for (ld in map.layers) {
|
var rect = new h2d.Graphics(root);
|
||||||
if (ld.name == "hotspots")
|
rect.beginFill(0x333333);
|
||||||
continue;
|
rect.alpha = 0.8;
|
||||||
var l = {
|
rect.drawRect(obj.x, obj.y, obj.width, obj.height);
|
||||||
name: ld.name,
|
rect.endFill();
|
||||||
data: ld.data,
|
var area = new h2d.Interactive(obj.width, obj.height, root);
|
||||||
g: new h2d.TileGroup(t, root),
|
area.x = obj.x;
|
||||||
alpha: ld.opacity,
|
area.y = obj.y;
|
||||||
|
area.onClick = function(_) {
|
||||||
|
trace("Room:" + obj.name);
|
||||||
|
Game.current.globalEventBus.publishEvent(new StartDialogueNode("Room:" + obj.name));
|
||||||
|
};
|
||||||
|
}
|
||||||
|
case TImageLayer:
|
||||||
|
case TGroup:
|
||||||
}
|
}
|
||||||
l.g.alpha = ld.opacity;
|
|
||||||
layers.set(ld.name, l);
|
|
||||||
rebuildLayer(ld.name);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
Game.current.dialogueManager.runNode("Intro");
|
#if debug
|
||||||
|
trace('skipping intro dialogue');
|
||||||
|
#else
|
||||||
|
Game.current.globalEventBus.publishEvent(new StartDialogueNode("Intro"));
|
||||||
|
#end
|
||||||
}
|
}
|
||||||
|
|
||||||
public function getH2dObject() {
|
public function getH2dObject() {
|
||||||
return this;
|
return this;
|
||||||
}
|
}
|
||||||
|
|
||||||
function rebuildLayer(name:String) {
|
|
||||||
var l = layers.get(name);
|
|
||||||
if (l == null)
|
|
||||||
return;
|
|
||||||
var pos = 0;
|
|
||||||
var g = l.g;
|
|
||||||
g.clear();
|
|
||||||
while (g.numChildren > 0) {
|
|
||||||
g.getChildAt(0).remove();
|
|
||||||
}
|
|
||||||
|
|
||||||
for (y in 0...height)
|
|
||||||
for (x in 0...width) {
|
|
||||||
var t = l.data[pos++] - 1;
|
|
||||||
if (t < 0)
|
|
||||||
continue;
|
|
||||||
g.add(x * 32, y * 32, tiles[t]);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user