.sprite { width: 32px; height: 32px; position: absolute; } .spriteUtils{ position: absolute; -webkit-transform: scale(0.7); transform: scale(0.7); transform-origin: 0; } .flower{ width: 32px; height: 32px; background: url(../img/objectlayer.png) 125px -29px;; } .tree1{ width: 60px; height: 60px; z-index: 110 !important; background: url(../img/objectlayer.png) 315px -70px; } .stone1{ width: 32px; height: 35px; background: url(../img/objectlayer.png) 158px -65px; } .default_ship { width: 70px; position: relative; top: -24px; left: -33px; } .guy { width: 32px; height: 32px; position: relative; top: -13px; left: -13px; background: url(../img/guy_sprite.png) 0px 0px; -webkit-transform: scale(0.7); transform: scale(0.7); transform-origin: 0; } .guy1-0-0 { background: url(../img/guy_sprite.png) 0px 0px; } .guy1-0-1 { background: url(../img/guy_sprite.png) -32px 0px; } .guy1-0-2 { background: url(../img/guy_sprite.png) -64px 0px; } .guy0--1-0 { background: url(../img/guy_sprite.png) 0px -32px; } .guy0--1-1 { background: url(../img/guy_sprite.png) -32px -32px; } .guy0--1-2 { background: url(../img/guy_sprite.png) -64px -32px; } .guy0-1-0 { background: url(../img/guy_sprite.png) 0px 192px; } .guy0-1-1 { background: url(../img/guy_sprite.png) -32px 192px; } .guy0-1-2 { background: url(../img/guy_sprite.png) -64px 192px; } .guy-1-0-0 { background: url(../img/guy_sprite.png) 0px 160px; } .guy-1-0-1 { background: url(../img/guy_sprite.png) -32px 160px; } .guy-1-0-2 { background: url(../img/guy_sprite.png) -64px 160px; } .guy-1--1-0 { background: url(../img/guy_sprite.png) -96px 224px; } .guy-1--1-1 { background: url(../img/guy_sprite.png) -128px 224px; } .guy-1--1-2 { background: url(../img/guy_sprite.png) -160px 224px; } .guy-1-1-0 { background: url(../img/guy_sprite.png) -96px 160px; } .guy-1-1-1 { background: url(../img/guy_sprite.png) -128px 160px; } .guy-1-1-2 { background: url(../img/guy_sprite.png) -160px 160px; } .guy1-1-0 { background: url(../img/guy_sprite.png) -96px -64px; } .guy1-1-1 { background: url(../img/guy_sprite.png) -128px -64px; } .guy1-1-2 { background: url(../img/guy_sprite.png) -160px -64px; } .guy1--1-0 { background: url(../img/guy_sprite.png) -96px 0px; } .guy1--1-1 { background: url(../img/guy_sprite.png) -128px 0px; } .guy1--1-2 { background: url(../img/guy_sprite.png) -160px 0px; } #main { -webkit-transform: scale(1.5); transform: scale(2); transform-origin: 0; } .fass{ width: 32px; height: 43px; background: url(../img/objectlayer.png) 157px -18px; } .forest{ width: 46px; height: 46px; background: url(../img/ground_tiles.png) -135px -17px; } .water { background: url(../img/ground_tiles.png) 192px 254px; } .water_1 { background: url(../img/ground_tiles.png) -1px -1px; } .water_2 { background: url(../img/ground_tiles.png) -98px -1px; } .ground { background: url(../img/ground_tiles.png) 640px 541px; } .leftRight_1 { background: url(../img/ground_tiles.png) 224px 285px; } .leftRight_2 { background: url(../img/ground_tiles.png) 224px 414px; } .leftRight_3 { background: url(../img/ground_tiles.png) 224px 541px; } .leftRight_5 { background: url(../img/ground_tiles.png) 414px 544px; } .grass { background: url(../img/ground_tiles.png) 640px 635px; } .leftRightT_1 { background: url(../img/ground_tiles.png) 192px 317px; } .leftRightTT_1 { background: url(../img/ground_tiles.png) 224px 253px; } .leftRightT_2 { background: url(../img/ground_tiles.png) 192px 445px; } .leftRightT_3 { background: url(../img/ground_tiles.png) 160px 510px; } .leftRightT_5 { background: url(../img/ground_tiles.png) 383px 540px; } .topDown_1 { background: url(../img/ground_tiles.png) 256px 253px; } .topDown_2 { background: url(../img/ground_tiles.png) 252px 381px; } .topDown_3 { background: url(../img/ground_tiles.png) 256px 509px; } .topDown_5 { background: url(../img/ground_tiles.png) 448px 509px; } .rightLeft_1 { background: url(../img/ground_tiles.png) 288px 285px; } .rightLeft_2 { background: url(../img/ground_tiles.png) 288px 413px; } .rightLeft_3 { background: url(../img/ground_tiles.png) 288px 541px; } .rightLeft_5 { background: url(../img/ground_tiles.png) 480px 541px; } .rightLeftT_1 { background: url(../img/ground_tiles.png) 160px 317px; } .rightLeftTT_1 { background: url(../img/ground_tiles.png) 288px 254px; } .rightLeftT_2 { background: url(../img/ground_tiles.png) 160px 445px; } .rightLeftT_3 { background: url(../img/ground_tiles.png) 192px 509px; } .rightLeftT_5 { background: url(../img/ground_tiles.png) 352px 541px; } .downTop_1 { background: url(../img/ground_tiles.png) 256px 317px; } .downTop_2 { background: url(../img/ground_tiles.png) 256px 445px; } .downTop_3 { background: url(../img/ground_tiles.png) 256px 573px; } .downTop_5 { background: url(../img/ground_tiles.png) 448px 573px; } .rightLeftB_1 { background: url(../img/ground_tiles.png) 192px 285px; } .rightLeftBB_1 { background: url(../img/ground_tiles.png) 224px 317px; } .leftRightB_1 { background: url(../img/ground_tiles.png) 160px 285px; } .leftRightBB_1 { background: url(../img/ground_tiles.png) 288px 317px; } .leftRightB_2 { background: url(../img/ground_tiles.png) 192px 413px; } .leftRightB_3 { background: url(../img/ground_tiles.png) 160px 541px; } .leftRightB_5 { background: url(../img/ground_tiles.png) 383px 509px; } .rightLeftB_2 { background: url(../img/ground_tiles.png) 160px 413px; } .rightLeftB_3 { background: url(../img/ground_tiles.png) 192px 541px; } .rightLeftB_5 { background: url(../img/ground_tiles.png) 352px 509px; } .rightLeftBU_2 { background: url(../img/ground_tiles.png) 288px 445px; } .rightLeftBU_3 { background: url(../img/ground_tiles.png) 288px 573px; } .rightLeftBU_5 { background: url(../img/ground_tiles.png) 480px 573px; } .leftRightBU_2 { background: url(../img/ground_tiles.png) 224px 445px; } .leftRightBU_3 { background: url(../img/ground_tiles.png) 224px 573px; } .leftRightBU_5 { background: url(../img/ground_tiles.png) 416px 573px; } .rightLeftTU_2 { background: url(../img/ground_tiles.png) 224px 381px; } .rightLeftTU_3 { background: url(../img/ground_tiles.png) 224px 509px; } .rightLeftTU_5 { background: url(../img/ground_tiles.png) 416px 509px; } .leftRightTU_2 { background: url(../img/ground_tiles.png) 288px 381px; } .leftRightTU_3 { background: url(../img/ground_tiles.png) 288px 509px; } .leftRightTU_5 { background: url(../img/ground_tiles.png) 480px 509px; }