name: buffs
defaults:
symbol: tanks/effects/buff.Buff
- timeout: -1 # the Infinity literal is not valid JSON
+ timeout: -1 # the YAML .Inf (Infinity literal) is not valid JSON according to the native decoders
priority: 0
stack_limit: 1
types:
name: Speed Up
desc: Speeds up your tank temporarily.
tags: [ 'movement' ]
- timeout: 5.0
+ timeout: 3.0
stats:
- move: 2.0
+ move: 0.5
effects: []
art:
icon: ''
tags: [ 'movement' ]
passives: []
effects: [ 'speedup' ]
+ # effects:
+ # - include: speedup
cooldowns:
- activate: 10
+ activate: 30.0
art:
map_icon: ''
- inv_icon: ''
+ inv_icon: '/img/items/green-sq.png'
desc: A test level.
width: 500
height: 500
+ bounds:
+ - [-50,-50, 600,50]
+ - [-50,0, 50,500]
+ - [501,0, 50,500]
+ - [-50,501, 600,50]
+ walls:
+ - type: wall
+ args: [300,50, 50,200] # [x,y, w,h]
+ - type: wall
+ args: [300,350, 50,100]
+ - type: wall
+ args: [100,100, 50,50]
+
+ - type: fence
+ args: [360,210, 30,30]
+ - type: rock
+ args: [400,200, 25,25]
+ - type: rock
+ args: [425,225, 25,25]
+ - type: fence
+ args: [460,210, 30,30]
+
+ - type: fence
+ args: [10,210, 30,30]
+ - type: fence
+ args: [110,210, 30,30]
+ - type: fence
+ args: [210,210, 30,30]
+
+ - type: rock
+ args: [50,350, 50,50]
+ - type: rock
+ args: [100,350, 50,50]
+ - type: rock
+ args: [50,400, 50,50]
+ - type: rock
+ args: [100,400, 50,50]
+ - type: rock
+ args: [150,300, 50,50]
+ units:
+ - type: player
+ align: 1
+ loc: [375,475]
+ - type: green
+ align: 2
+ loc: [75,25]
+ - type: green
+ align: 2
+ loc: [175,25]
+ # - type: green
+ # align: 2
+ # loc: [425,125]
+ items:
+ - type: nitro
+ loc: [325,475]
+
+ three_test:
+ name: Three Test
+ desc: A more complex test level.
+ width: 500
+ height: 500
# bounds: [[-1,-1], [501,-1], [501,351], [351,351], [351,501], [-1,501]]
# bounds:
# top: [[-50,-50, 600,50]]
- type: fence
args: [360,210, 30,30]
- - type: rock
- args: [400,200, 25,25]
- - type: rock
- args: [425,225, 25,25]
+ # - type: rock
+ # args: [400,200, 25,25]
+ # - type: rock
+ # args: [425,225, 25,25]
- type: fence
args: [460,210, 30,30]
units:
- type: blue
align: 1
- loc: [425,425]
+ loc: [475,425]
- type: blue
align: 1
loc: [125,475]
- type: green
align: 2
loc: [225,325]
+
speed : 0.5
shots : 3
ai:
- path : 1.0
- dodge : 1.0
+ path : 1.00
+ dodge : 0.75
shootIncoming : 0.25
shootEnemy : 0.75
colors:
var g =
groups[chain] =
jQuery('<fieldset/>')
- .attr('id', chain)
+ .attr('id', 'group-'+chain)
.addClass('group')
.append( jQuery('<legend/>').text(chain.split('.').pop()) )
.appendTo(el);
/// Setup ///
- init : function init(){
+ init : function init(props, attrs, html){
+ if (props)
+ Y.core.extend(this, props);
+
this.children = new Y.YArray();
this.animActive = new Y.YArray();
this.animQueue = new Y.YArray();
translate : new Loc(0,0) // translates canvas
};
- this.layer = jQuery('<div/>')
+ this.layer = jQuery(html || '<div/>')
.addClass(this._cssClasses)
.data('layer', this);
this.layer[0].layer = this;
+ if (attrs) this.layer.attr(attrs);
if (this.hasCanvas) {
this.canvas = jQuery('<canvas />')
var p = cool.ratio()
, w = this.layerWidth, h = this.layerHeight
, x = w*0.5, y = h*0.5
- , amt = HALF_PI + (1 - p)*PI_AND_HALF;
+ , amt = -HALF_PI + (1 - p)*TWO_PI;
- ctx.arc(x,y, w, HALF_PI, amt, false);
+ ctx.arc(x,y, w, -HALF_PI, amt, false);
ctx.lineTo(x,y);
ctx.lineTo(x,0);
ctx.fill();
, Level = require('tanks/map/level').Level
, Grid = require('tanks/ui/grid').Grid
, PathMapUI = require('tanks/ui/pathmapui').PathMapUI
+, Backpack = require('tanks/ui/inventory/backpack').Backpack
, Thing = thing.Thing
, Tank = thing.Tank
if (levelId) this.levelId = levelId;
this.byId = {};
+ this.toTick = new Y.YArray();
this.active = new Y.YArray();
this.units = new Y.YArray();
this.bullets = new Y.YArray();
this.animations = new Y.YArray();
- this.viewport = $(GRID_ELEMENT);
+ // this.el = $(GAME_ELEMENT);
this.loop = new EventLoop(FRAME_RATE, this);
this.root =
- new Layer()
- .appendTo(this.viewport);
+ new Layer({ hasCanvas:false }, { 'id':'game' })
+ .prependTo( $('body') );
+ // this.root.shape.remove();
+ // this.root.layer.attr('id', 'viewport');
+
+ this.viewport =
+ new Layer({ hasCanvas:false }, { 'id':'viewport' })
+ .appendTo( this.root );
+
this.level =
Level.create(this.levelId, this, CAPACITY, REF_SIZE)
- .appendTo(this.root);
+ .appendTo( this.viewport );
this.grid =
new Grid(this.level, REF_SIZE)
- .prependTo(this.root);
+ .prependTo( this.viewport );
this.viewport
.width(this.level.width)
.height(this.level.height);
this.map = this.level.map;
this.map.ui = new PathMapUI(this, this.map);
- this.root.append(this.map.ui);
+ this.viewport.append(this.map.ui);
// automatically keep track of units
- Thing.addEventListener('created', this.addThing);
- Thing.addEventListener('destroy', this.killThing);
+ Thing.addEventListener('created', this.addUnit);
+ Thing.addEventListener('destroy', this.killUnit);
this.addEventListener('tick', this.tick);
this.level.setup();
+ if (this.player) {
+ this.backpack = new Backpack(this.player)
+ .appendTo( this.root )
+ .refresh();
+ }
if (replayFile) {
this.isReplay = true;
},
destroy : function destroy(){
- Thing.removeEventListener('created', this.addThing);
- Thing.removeEventListener('destroy', this.killThing);
+ Thing.removeEventListener('created', this.addUnit);
+ Thing.removeEventListener('destroy', this.killUnit);
+ this.root.remove();
+ // this.backpack && this.backpack.remove();
this.stop();
this.resetGlobals();
},
draw : function draw(){
this.root.draw();
+ // this.backpack.draw();
},
/**
SECONDTH = this.SECONDTH = ELAPSED / 1000;
SQUARETH = this.SQUARETH = REF_SIZE * SECONDTH;
- this.active.invoke('updateCooldowns', ELAPSED, NOW);
- this.active.invoke('act', ELAPSED, NOW);
+ this.toTick.invoke('tick', ELAPSED, NOW, TICKS);
+ this.active.invoke('act', ELAPSED, NOW, TICKS);
this.animations = this.animations.filter(this.tickAnimations, this);
this.draw();
},
tickAnimations : function tickAnimations(animation){
- var running = animation.tick(ELAPSED, NOW);
+ var running = animation.tick(ELAPSED, NOW, TICKS);
if (!running)
animation.remove();
return running;
return animation;
},
- noteThing : function noteThing(unit){
+ noteUnit : function noteUnit(unit){
unit.game = this;
if (unit.dead) return unit;
- if ( unit.active && !this.byId[unit.__id__] ) {
+ if ( !this.byId[unit.__id__] ) {
this.byId[unit.__id__] = unit;
- this.active.push(unit);
+ if (unit.active)
+ this.active.push(unit);
if (unit.isProjectile)
this.bullets.push(unit);
if (unit.isCombatant)
this.units.push(unit);
+ if (unit.tick)
+ this.toTick.push(unit);
}
if (unit instanceof Player) {
return unit;
},
- addThing : function addThing(unit, x,y){
+ addUnit : function addUnit(unit, x,y){
if (unit instanceof Event)
unit = unit.trigger;
if (unit.dead) return unit;
- this.noteThing(unit);
+ this.noteUnit(unit);
if (x !== undefined) {
unit.position(x,y);
return unit;
},
- killThing : function killThing(unit){
+ killUnit : function killUnit(unit){
if (unit instanceof Event)
unit = unit.data.unit;
delete this.byId[unit.__id__];
- this.active.remove(unit);
this.map.removeBlocker(unit);
- if (unit instanceof Bullet)
+ if (unit.active)
+ this.active.remove(unit);
+ if (unit.tick)
+ this.toTick.remove(unit);
+ if (unit.isProjectile)
this.bullets.remove(unit);
- else
+ if (unit.isCombatant)
this.units.remove(unit);
return unit;
},
+ removeUnitFromMap : function removeUnitFromMap(unit){
+ unit.remove();
+ this.map.removeBlocker(unit);
+ return unit;
+ },
+
moveThingTo : function moveThingTo(agent, x,y){
this.map.removeBlocker(agent);
if (agent.dead) return agent;
var undefined
, Y = require('Y').Y
-, GRID_ELEMENT = '#viewport'
+, GAME_ELEMENT = '#game'
, REF_SIZE = 50
, CELL_SIZE = REF_SIZE
// if (isReplay && x.type === 'player')
// return null;
var obj = data[x.type].instantiate(x.align);
- return game.addThing(obj, x.loc[0], x.loc[1]);
+ return game.addUnit(obj, x.loc[0], x.loc[1]);
});
var data = tanks.data.items;
this.items.map(function(x){
var obj = data[x.type].instantiate();
- return game.addThing(obj, x.loc[0], x.loc[1]);
+ return game.addUnit(obj, x.loc[0], x.loc[1]);
});
// I =
- // game.addThing(Item.create('nitro'), 8,8);
+ // game.addUnit(Item.create('nitro'), 8,8);
return this;
}
},
- canSee : function canSee(obj, ignore){
- ignore = [this.owner].concat(ignore || []);
- // var blockers = this.map.denseWalls
- // .apply('remove', ignore)
- // .filter(this.intersects)
- // .sort( this.compare )
- var blockers = this.map.denseWalls
- , blockers = blockers.apply('remove', ignore).concat([ obj ])
- , blockers = blockers.filter(this.intersects)
- , blockers = blockers.sort(this.compare)
- , blocker = blockers.first()
- ;
- return !!(blocker === obj);
- },
-
intersects : function intersects(x,y){
var o = x;
if (o.bbox)
return ( t <= ft && (dw <= w || dh <= h) );
},
+ canSee : function canSee(obj, ignore){
+ ignore = [this.owner].concat(ignore || []);
+ // var blockers = this.map.denseWalls
+ // .apply('remove', ignore)
+ // .filter(this.intersects)
+ // .sort( this.compare )
+ var blockers = this.map.denseWalls
+ .apply('remove', ignore).concat([ obj ])
+ .filter(this.intersects)
+ .sort(this.compare)
+ , blocker = blockers.first()
+ ;
+ return !!(blocker === obj);
+ },
+
pathBlocked : function pathBlocked(obj, ignore){
// var walls, blockers
// if (this.owner.isProjectile)
return (blocker === obj ? false : blocker);
},
+ calcIntersectTraj : function calcIntersectTraj(fireLoc, speed){
+ // targetVelocityVector = math.Vector3(0, 0, 0) * aTargetSpeed
+ // interceptVelocityVector = math.Vector3(0, 0, 0) * aBulletSpeed
+ //
+ // tDelta = aTargetPosition - aFiringPosition
+ //
+ // Vr = targetVelocityVector - interceptVelocityVector
+ // a = Vr.Dot( Vr ) - aBulletSpeed * aBulletSpeed
+ // b = 2 * Vr.Dot( tDelta )
+ // c = tDelta.Dot ( tDelta )
+ //
+ // deter = b * b - 4 * ( a * c )
+ //
+ // if deter < 0:
+ // return -1
+ // else:
+ // ETN = 2 * ( c / pdmath.sqrt(deter) - b )
+ // return ETN
+
+ },
+
+
toString : function(){
return 'T['+this.p1+', '+this.p2+', slope='+this.slope.toFixed(3)+']';
}
if ( gapOk && (x <= gapX && gapX <= nextX) && (y <= gapY && gapY <= nextY) ) {
rock.dead = true; // Don't recursively fire destroy event
rock.divide(gap).remove();
- this.game.killThing(rock);
+ this.game.killUnit(rock);
}
}
}
// inactive
active : false,
createCooldowns : op.nop,
+ tick : op.nop,
stats : {
hp : Infinity,
'item1' : 'consumable',
'item2' : 'consumable'
},
- max : 10, // Backpack capacity
+ max : 12, // Backpack capacity
size : 0, // Number of items
items : null, // item id -> Item { backpack:backpack[i], slot:slotName }
backpack : null, // Array of positions of items in backpack: backpack idx -> item id
},
- _fireItemChange : function _fireItemChange(evt, item){
- var data = { 'unit':this, 'item':item };
+ _fireItemChange : function _fireItemChange(evt, item, data){
+ data = Y.extend({ 'unit':this, 'item':item }, data || {});
this.fire(evt, item, data);
item.fire(evt, this, data);
return this;
*/
addItem : function addItem(item){
item = this.getItem(item);
+ var idx = this.getEmptySlot();
// TODO: UI feedback on failure
- if ( !this._putItem(item) )
+ if ( !this._putItem(item, idx) )
return this;
- return this._fireItemChange('item.acquire', item);
+ return this._fireItemChange('item.acquire', item, { 'idx':idx });
},
removeItem : function removeItem(item){
item = this.getItem(item);
+ var idx = item && item.backpack;
// TODO: UI feedback on failure
if ( this._removeItem(item) )
return this;
- this._fireItemChange('item.lose', item);
+ this._fireItemChange('item.lose', item, { 'idx':idx });
return item;
},
dropItem : function dropItem(idx){
item = this.getItem(item);
+ var idx = item && item.backpack;
// TODO: UI feedback on failure
if ( this._removeItem(item) )
return this;
- this._fireItemChange('item.lose.drop', item);
+ this._fireItemChange('item.lose.drop', item, { 'idx':idx });
return item;
},
eqs[slot] = item;
item.slot = slot;
- return this._fireItemChange('item.equip', item);
+ return this._fireItemChange('item.equip', item, { 'slot':slot });
},
unequipSlot : function unequipSlot(slot, idx){
eqs[slot] = null;
item.slot = null;
- this._fireItemChange('item.unequip', item); // Add slot data
+ this._fireItemChange('item.unequip', item, { 'slot':slot, 'idx':idx });
}
return this;
}
},
createCooldowns : function createCooldowns(){
- // this._cooldowns = Y({
- // 'attack': new Cooldown(1000 * this.stats.speed.val)
- // });
- // this._ai = Y(this.ai).map(function(freq, k){
- // return new Cooldown(1000 * freq);
- // });
-
this._cooldowns = Y(this.cooldowns).map(this._createCooldown, this);
this.cooldowns = this._cooldowns.end();
return new Cooldown(1000 * freq);
},
- updateCooldowns : function updateCooldowns(elapsed, now){
+ tick : function tick(elapsed, now){
this._cooldowns.invoke('tick', elapsed, now);
this._ai.invoke('tick', elapsed, now);
this.buffs.invoke('tick', elapsed, now);
props = props || {};
props.__species__ = id;
- if (props.inherit) {
+ if (props.include) {
var parent = this.lookup(props.inherit);
props = deepcopy(Y.extend({}, parent.__species_props__, props));
+ delete props.include;
}
var cls = this
},
createCooldowns : op.nop,
- updateCooldowns : op.nop,
+ tick : op.nop,
setTarget : function setTarget(x,y){
var loc = this.loc
dealDamage : op.nop,
// inactive
- active : true,
+ active : false,
/// Instance Properties ///
activate : function activate(){
console.log(this+' activated!');
- if (!this.owner) return this;
- this.currentBuffs.extend( this.effects.invoke('instantiate', this.owner) );
+ if ( this.owner && this.cooldowns.activate.activate() ) {
+ this.currentBuffs.extend( this.effects.invoke('instantiate', this.owner) );
+ }
return this;
},
- onActivate : function onActivate(evt){
- console.log(this+' onActivate!');
- },
-
onCollide : function onCollide(evt){
var unit = evt.data.unit;
- if (unit.hasInventory && unit.canAddItem()) unit.addItem(this);
+ if (unit.hasInventory && unit.canAddItem())
+ unit.addItem(this);
},
onAcquired : function onAcquired(evt){
// console.log(this.owner+' acquired '+this+' ('+this.desc+')!');
this.currentBuffs = this.passives.invoke('instantiate', this.owner);
this.remove(); // removes map object
+ this.game.map.removeBlocker(this); // remove map zone
},
onLost : function onLost(evt){
p.addEventListener('destroy', this.onBulletDeath);
return p;
};
-
function filterShoot(v){
return (v !== this)
&& (v.density === DensityType.BOUNDARY || (v.isWall && v.density === DensityType.DENSE));
exports['PathMapUI'] = require('tanks/ui/pathmapui').PathMapUI;
exports['main'] = require('tanks/ui/main');
exports['config'] = require('tanks/ui/configui');
+exports['inventory'] = require('tanks/ui/inventory');
\ No newline at end of file
+//#ensure "jquery.tipsy"
var Y = require('Y').Y
, Layer = require('ezl/layer/layer').Layer
,
-BackpackSlot =
-exports['BackpackSlot'] =
-Layer.subclass('BackpackSlot', {
+
+Backpack =
+exports['Backpack'] =
+Layer.subclass('Backpack', {
+ _cssClasses : 'backpack hud',
hasCanvas : false,
- init : function initBackpackSlot(){
+
+ init : function initBackpack(unit){
+ Layer.init.call(this);
+ this.unit = unit;
+ this.layer.attr('id', 'backpack');
+ var inv = this.inventory = unit.inventory
+ , bp = inv.backpack
+ ;
+ this.slots = new Y(0, inv.max).map(function(idx){
+ var item = bp[idx];
+ return new BackpackSlot(this, idx).appendTo(this);
+ }, this);
+
+ this.onItemUpdated = this.onItemUpdated.bind(this);
+ unit.addEventListener('item.acquire', this.onItemUpdated);
+ unit.addEventListener('item.lose', this.onItemUpdated);
+ },
+
+ refresh : function refresh(){
+ this.slots.invoke('refresh');
+ return this;
+ },
+
+ onItemUpdated : function onItemUpdated(evt){
+ var d = evt.data;
+ console.log(this+'.onItemUpdated(idx='+d.idx+', item='+d.item+')');
+ this.slots[d.idx].refresh();
+ },
+
+ // onItemAcquired : function onItemAcquired(evt){
+ // var d = evt.data;
+ // console.log('onItemAcquired(idx=%s, item=%s)', d.idx, d.item);
+ // this.slots[d.idx].setItem( d.item );
+ // },
+
+ // onItemLost : function onItemLost(evt){
+ // var d = evt.data;
+ // console.log('onItemLost(idx=%s, item=%s)', d.idx, d.item);
+ // this.slots[d.idx].removeItem();
+ // },
+
+ toString : function(){
+ return this.className+'(unit='+this.unit+')';
}
})
+,
-Backpack =
-exports['Backpack'] =
-Layer.subclass('Backpack', {
- hasCanvas : false,
+BackpackSlot =
+exports['BackpackSlot'] =
+Layer.subclass('BackpackSlot', {
+ _cssClasses : 'backpack hud slot',
+ hasCanvas : false,
+ artWidth : 50,
+ artHeight : 50,
- init : function initBackpack(unit){
+ idx : -1,
+ backpack : null,
+ item : null,
+
+
+ init : function initBackpackSlot(backpack, idx){
Layer.init.call(this);
+ this.backpack = backpack;
+ this.inventory = backpack.inventory;
+ this.idx = idx;
+ this.layer.addClass('slot'+idx);
+ this.inner =
+ new Layer({ hasCanvas:false })
+ .appendTo(this)
+ .position(8, 8);
+ this.onActivate = this.onActivate.bind(this);
+ },
+
+ refresh : function refresh(){
+ var item = this.inventory.backpack[this.idx];
+ if (item)
+ this.setItem(item);
+ else
+ this.removeItem();
+ },
+
+ setItem : function setItem(item){
+ if (!item) return this;
- this.unit = unit;
- this.inventory = unit.inventory;
+ this.removeItem();
+ this.item = item;
+ this.layer.addClass('occupied');
- var layer = this.layer = jQuery('<div class="backpack" />');
- this.slots = this.inv.backpack.map(function(item, i){
- var el = jQuery('<div class="slot slot'+i+(item ? ' occupied' : '')+'" />');
- return el;
- }, this);
+ // console.log(this+'.setItem('+item+')', item.activateGauge);
+
+ var icon = item.art && item.art.inv_icon
+ , src = this.itemEl =
+ jQuery('<img class="item" />')
+ .width(this.artWidth)
+ .height(this.artHeight)
+ .appendTo(this.inner.layer)
+ ;
+ if (icon) src.attr('src', icon);
+ src.attr('title', '<b>'+item.name+'</b><br/>'+item.desc);
+ src.tipsy({ 'html':true, 'gravity':$.fn.tipsy.autoNS });
+
+ this.layer.click(this.onActivate);
+
+ this.inner.append(item.activateGauge);
+ // item.activateGauge.draw();
+
+ return this;
+ },
+
+ removeItem : function removeItem(){
+ if (this.item) {
+ this.inner.empty();
+ this.item = null;
+ this.itemEl = null;
+ }
+ return this;
+ },
+
+ onActivate : function onActivate(evt){
+ console.log(this+'.onActivate()!');
+ this.item.activate();
+ },
+
+ toString : function(){
+ return this.className+'(idx='+this.idx+', item='+this.item+')';
}
-});
+})
+;
+require('Y').Y
+.extend(exports, {
+ 'Backpack' : require('tanks/ui/inventory/backpack').Backpack
+});
\ No newline at end of file
function teardownGame(){
game.destroy();
- $('#viewport').empty();
+ // $('#viewport').empty();
}
font-size:1.5em; padding:0.5em; background-color:#E73075; color:#fff; text-align:center; text-transform:uppercase;
border:5px solid #fff; }
+/*
#ai { position:absolute; z-index:2002; width:80%; left:10%; }
#ai h2 { font-size:1.3em; }
#ai .box { width:100%; }
#ai .ready { width:5%; float:left; margin-right:1em; }
#ai textarea { width:90%; height:100px; }
-
-#viewport { position:relative; margin:1em auto; cursor:crosshair; width:auto; /* width:500px; height:500px; overflow:hidden; top:50px; left:50px; */ }
- #viewport .layer.grid { outline:1px solid rgba(255,255,255,0.1); }
+*/
+/*
+#welcome fieldset { border:1px solid #182B53; padding:1em; }
+#welcome legend { padding:0.5em; text-transform:uppercase; }
+*/
#overlay { position:fixed; top:0; left:0; width:100%; height:100%; background-color:#000; opacity:0.5; z-index:1000; }
-
.countdown { position:fixed; overflow:hidden; z-index:2000; text-align:center; border:10px solid #fff; color:#fff; }
-
#loading h2 { text-align:center; }
-
#welcome .box { cursor:pointer; }
#notes { /* position:fixed; top:4em; right:1em; color:#BFBFBF;*/ }
#notes ul, #notes ol, #notes li { list-style:circle ! important; }
#notes li { margin-left:1em; }
-/*
-#welcome fieldset { border:1px solid #182B53; padding:1em; }
-#welcome legend { padding:0.5em; text-transform:uppercase; }
-*/
+#game { position:absolute; width:100%; height:100%; margin:0; padding:0; }
+#viewport { position:relative; margin:1em auto; cursor:crosshair; width:auto; /* width:500px; height:500px; overflow:hidden; top:50px; left:50px; */ }
+ #viewport .layer.grid { outline:1px solid rgba(255,255,255,0.1); }
+#backpack { position:absolute; bottom:1em; right:1em; width:296px; height:222px; /* top:auto; left:auto; */ }
+ #backpack .slot { float:left; position:relative; width:50px; height:50px; margin:0.25em; /* padding:0; top:auto; left:auto; */ }
+
-/*
-#debug { position:relative; top:1em; right:1em; z-index:5000; }
- #debug .inner { position:absolute; top:0; right:0; padding:1em; }
- #debug .inner > * { float:right; margin-right:1em; }
-*/
.debug { z-index:5000; }
.debug .inner { top:0; right:0; padding:1em; }
.ezl.layer.pathmap { z-index:50; }
+/*
+#debug { position:relative; top:1em; right:1em; z-index:5000; }
+ #debug .inner { position:absolute; top:0; right:0; padding:1em; }
+ #debug .inner > * { float:right; margin-right:1em; }
+*/
+
-.tipsy { padding: 5px; font-size: 10px; position: absolute; z-index: 100000; }
+.tipsy { padding: 5px; font-size: 12px; position: absolute; z-index: 100000; }
.tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; }
.tipsy-inner { border-radius: 3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
.tipsy-arrow { position: absolute; background: url('../img/tipsy.gif') no-repeat top left; width: 9px; height: 5px; }
-<div id="viewport"></div>
+
<title>The Littlest Battletank</title>
<link rel="shortcut icon" href="/favicon.ico">
<link rel="stylesheet" href="css/reset.css" type="text/css" media="screen">
-<link rel="stylesheet" href="css/lttl.css" type="text/css" media="screen">
+<link rel="stylesheet" href="css/lttl.css" type="text/css" media="screen">
+<link rel="stylesheet" href="css/tipsy.css" type="text/css" media="screen">
</head>
<body class="lttl tanks">
projects / tanks.git / commitdiff
