Tiny Town Assets

{"name":"Tiny Town Assets 8-4-2024","description":"A template project that contains code to unpack a spritesheet with a JSON atlas","photo":"https://res.cloudinary.com/dzv7hjwfn/image/upload/jqffpn6kugxpw7pbcwnn","view_count":2,"fork_count":0,"expires_at":null,"created_at":"2024-08-04T17:46:46.170746Z","updated_at":"2024-08-04T17:46:46.170748Z","user_id":68,"status":"PRIVATE","parent_id":1806,"id":2560,"user":{"username":"red_jellyfish_343","id":68,"password_hash":null,"updated_at":"2024-03-18T20:10:05.035375Z","reset_token_expiry":null,"subscription_status":null,"photo":null,"email":null,"recess_id":"00c84971-32ba-42fb-916f-bc850511082b","created_at":"2024-03-18T20:10:05.035372Z","reset_token":null,"stripe_customer_id":null,"seats":null},"code":{"script.js":"/* NEXT STEPS:\n- Build your game! Decide what it is going to be. A cozy world builder? An RPG? A Village Simulation? Something else?\n- Create a way to set the player's starting position in your level editor. \n- Add player controls, collision detection, and other interactions.\n*/\n\n// TINY TOWN ASSETS TEMPLATE\n// ————— by Kristen —————\n// Assets by Kenney https://kenney.nl/assets/tiny-town\n\n\nlet editingMode = true; // Set this to false to switch to gameplay/viewing mode\nlet mouseButtonPressed = false;\nlet justSaved = false;\n\nconst TILE_SIZE = 16;\nlet selectedTile = 'p'; // Default selected tile\nconst GRID_SIZE = TILE_SIZE;\nconst PALETTE_WIDTH = 150;\n\nlet blankLevel = Array.from({ length: 50 }, () => Array(50).fill('-'));\nlet levelMatrix = blankLevel;\n\nlet level1 = [[\"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\"], [\"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\"], [\"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\"], [\"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\"], [\"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\"], [\"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\"], [\"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass1\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass1\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\"], [\"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"grass1\", \"grass0\", \"grass0\", \"grass2\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass2\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass1\", \"grass2\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\"], [\"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"grass0\", \"grass0\", \"grass0\", \"grass1\", \"grass0\", \"grass0\", \"grass1\", \"grass0\", \"grass0\", \"beehive\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass2\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass2\", \"grass0\", \"log\", \"grass0\", \"grass0\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\"], [\"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"log\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass2\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"greenShrub\", \"grass0\", \"mushrooms\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass2\", \"grass0\", \"grass0\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\"], [\"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"grass0\", \"grass0\", \"grass0\", \"fence_top_left\", \"fence_top_middle\", \"fence_top_middle\", \"fence_top_right\", \"grass2\", \"grass0\", \"grass0\", \"grass0\", \"grass1\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"pathEdge_top_left\", \"pathEdge_top_middle\", \"pathEdge_top_middle\", \"pathEdge_top_middle\", \"pathEdge_top_right\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\"], [\"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"grass0\", \"grass2\", \"grass0\", \"fence_center_right\", \"weeds\", \"weeds\", \"fenceVertical_center\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"pathEdge_top_left\", \"pathEdge_top_middle\", \"pathEdge_top_middle\", \"pathEdge_top_middle\", \"pathEdge_top_middle\", \"pathEdge_center_middle\", \"pathEdge_center_middle\", \"pathEdge_center_middle\", \"pathEdge_center_middle\", \"pathEdge_center_right\", \"grass2\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\"], [\"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"grass0\", \"grass0\", \"grass0\", \"fence_bottom_left\", \"fence_top_middle\", \"fence_top_middle\", \"fence_bottom_right\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"pathEdge_center_left\", \"pathEdge_center_middle\", \"pathEdge_bottom_middle\", \"pathEdge_bottom_middle\", \"pathEdge_bottom_middle\", \"pathEdge_center_middle\", \"pathEdge_center_middle\", \"pathEdge_center_middle\", \"pathEdge_center_middle\", \"pathEdge_center_right\", \"yellowTree_top\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\"], [\"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"grass0\", \"grass0\", \"grass0\", \"house1_top_left\", \"house1_top_chimney\", \"house1_top_middle\", \"house1_top_right\", \"grass0\", \"pathEdge_top_left\", \"pathEdge_top_middle\", \"pathEdge_top_middle\", \"pathEdge_top_middle\", \"pathEdge_top_middle\", \"pathEdge_top_middle\", \"pathEdge_top_middle\", \"pathEdge_top_middle\", \"pathEdge_center_middle\", \"pathEdge_center_right\", \"grass0\", \"grass0\", \"greenShrub\", \"pathEdge_bottom_left\", \"pathEdge_bottom_middle\", \"pathEdge_bottom_middle\", \"pathEdge_bottom_middle\", \"pathEdge_bottom_right\", \"yellowTree_bottom\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\"], [\"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"grass0\", \"grass0\", \"grass0\", \"house1_center_left\", \"house1_center_right\", \"house1_center_middle\", \"house1_center_right\", \"pathEdge_top_left\", \"pathEdge_center_middle\", \"pathEdge_bottom_middle\", \"pathEdge_bottom_middle\", \"pathEdge_bottom_middle\", \"pathEdge_bottom_middle\", \"pathEdge_bottom_middle\", \"pathEdge_bottom_middle\", \"pathEdge_bottom_middle\", \"pathEdge_bottom_middle\", \"pathEdge_bottom_right\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass1\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass2\", \"grass0\", \"grass1\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\"], [\"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"grass0\", \"grass1\", \"pickAxe\", \"house1_bottom_left\", \"house1_bottom_middle\", \"house1_bottom_doorClosed\", \"house1_bottom_right\", \"sign\", \"pathEdge_bottom_right\", \"grass1\", \"grass0\", \"well_top\", \"grass0\", \"grass0\", \"mushrooms\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\"], [\"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"steppingStones\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"well_bottom\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass2\", \"grass0\", \"grass0\", \"grass0\", \"log\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass2\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\"], [\"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"grass0\", \"grass0\", \"grass2\", \"grass0\", \"grass1\", \"steppingStones\", \"grass0\", \"grass0\", \"grass2\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass1\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass1\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\"], [\"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"steppingStones\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass2\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\"], [\"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"wheelbarrow\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass1\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass2\", \"grass0\", \"grass0\", \"target\", \"grass0\", \"grass1\", \"grass0\", \"arrow\", \"bow\", \"grass0\", \"grass1\", \"grass0\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\"], [\"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"grass0\", \"grass2\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass2\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"log\", \"grass1\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\"], [\"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"mushrooms\", \"grass1\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass2\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\"], [\"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"grass0\", \"grass1\", \"grass0\", \"grass2\", \"grass0\", \"grass1\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass1\", \"grass0\", \"grass1\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass2\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass2\", \"grass0\", \"grass0\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\"], [\"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass2\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass1\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass1\", \"grass0\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\"], [\"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass2\", \"grass0\", \"grass0\", \"grass1\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass2\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass2\", \"grass2\", \"grass2\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass1\", \"grass0\", \"grass0\", \"grass0\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\"], [\"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"grass0\", \"grass2\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass1\", \"grass1\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass2\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"grass0\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\"], [\"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\"], [\"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\"], [\"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\"], [\"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\"], [\"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\"], [\"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\"], [\"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\"], [\"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\"], [\"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\"], [\"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\"], [\"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\"], [\"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\"], [\"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\"], [\"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\"], [\"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\"], [\"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\"], [\"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\"], [\"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\"], [\"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\"], [\"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\"], [\"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\"], [\"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\"], [\"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\"], [\"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\", \"-\"]]\n// let level2 = *paste your JSON here*\nlet currentLevel = level1; // choose a level, or use blankLevel to start from scratch\n\nlet assets = {};\nlet spriteAtlasPairs = [];\n\nlet tinyTown_atlas = { \"frames\": [{ \"filename\": \"grass0\", \"frame\": { \"x\": 0, \"y\": 0, \"w\": 16, \"h\": 16 }, \"rotated\": false, \"trimmed\": false, \"spriteSourceSize\": { \"x\": 0, \"y\": 0, \"w\": 16, \"h\": 16 }, \"sourceSize\": { \"w\": 16, \"h\": 16 } }, { \"filename\": \"grass2\", \"frame\": { \"x\": 0, \"y\": 17, \"w\": 16, \"h\": 16 }, \"rotated\": false, \"trimmed\": false, \"spriteSourceSize\": { \"x\": 0, \"y\": 0, \"w\": 16, \"h\": 16 }, \"sourceSize\": { \"w\": 16, \"h\": 16 } }, { \"filename\": \"yellowTree_top\", \"frame\": { \"x\": 17, \"y\": 0, \"w\": 16, \"h\": 16 }, \"rotated\": false, \"trimmed\": false, \"spriteSourceSize\": { \"x\": 0, \"y\": 0, \"w\": 16, \"h\": 16 }, \"sourceSize\": { \"w\": 16, \"h\": 16 } }, { \"filename\": \"grass1\", \"frame\": { \"x\": 17, \"y\": 17, \"w\": 16, \"h\": 16 }, \"rotated\": false, \"trimmed\": false, \"spriteSourceSize\": { \"x\": 0, \"y\": 0, \"w\": 16, \"h\": 16 }, \"sourceSize\": { \"w\": 16, \"h\": 16 } }, { \"filename\": \"bush0\", \"frame\": { \"x\": 0, \"y\": 34, \"w\": 16, \"h\": 16 }, \"rotated\": false, \"trimmed\": false, \"spriteSourceSize\": { \"x\": 0, \"y\": 0, \"w\": 16, \"h\": 16 }, \"sourceSize\": { \"w\": 16, \"h\": 16 } }, { \"filename\": \"greenTree_top\", \"frame\": { \"x\": 17, \"y\": 34, \"w\": 16, \"h\": 16 }, \"rotated\": false, \"trimmed\": false, \"spriteSourceSize\": { \"x\": 0, \"y\": 0, \"w\": 16, \"h\": 16 }, \"sourceSize\": { \"w\": 16, \"h\": 16 } }, { \"filename\": \"pathEdge_top_right\", \"frame\": { \"x\": 34, \"y\": 0, \"w\": 16, \"h\": 16 }, \"rotated\": false, \"trimmed\": false, \"spriteSourceSize\": { \"x\": 0, \"y\": 0, \"w\": 16, \"h\": 16 }, \"sourceSize\": { \"w\": 16, \"h\": 16 } }, { \"filename\": \"yellowTree_bottom\", \"frame\": { \"x\": 34, \"y\": 17, \"w\": 16, \"h\": 16 }, \"rotated\": false, \"trimmed\": false, \"spriteSourceSize\": { \"x\": 0, \"y\": 0, \"w\": 16, \"h\": 16 }, \"sourceSize\": { \"w\": 16, \"h\": 16 } }, { \"filename\": \"weeds\", \"frame\": { \"x\": 34, \"y\": 34, \"w\": 16, \"h\": 16 }, \"rotated\": false, \"trimmed\": false, \"spriteSourceSize\": { \"x\": 0, \"y\": 0, \"w\": 16, \"h\": 16 }, \"sourceSize\": { \"w\": 16, \"h\": 16 } }, { \"filename\": \"greenTree_bottom\", \"frame\": { \"x\": 0, \"y\": 51, \"w\": 16, \"h\": 16 }, \"rotated\": false, \"trimmed\": false, \"spriteSourceSize\": { \"x\": 0, \"y\": 0, \"w\": 16, \"h\": 16 }, \"sourceSize\": { \"w\": 16, \"h\": 16 } }, { \"filename\": \"pathEdge_top_middle\", \"frame\": { \"x\": 17, \"y\": 51, \"w\": 16, \"h\": 16 }, \"rotated\": false, \"trimmed\": false, \"spriteSourceSize\": { \"x\": 0, \"y\": 0, \"w\": 16, \"h\": 16 }, \"sourceSize\": { \"w\": 16, \"h\": 16 } }, { \"filename\": \"pathEdge_top_left\", \"frame\": { \"x\": 34, \"y\": 51, \"w\": 16, \"h\": 16 }, \"rotated\": false, \"trimmed\": false, \"spriteSourceSize\": { \"x\": 0, \"y\": 0, \"w\": 16, \"h\": 16 }, \"sourceSize\": { \"w\": 16, \"h\": 16 } }, { \"filename\": \"yellowShrub\", \"frame\": { \"x\": 51, \"y\": 0, \"w\": 16, \"h\": 16 }, \"rotated\": false, \"trimmed\": false, \"spriteSourceSize\": { \"x\": 0, \"y\": 0, \"w\": 16, \"h\": 16 }, \"sourceSize\": { \"w\": 16, \"h\": 16 } }, { \"filename\": \"mushrooms\", \"frame\": { \"x\": 51, \"y\": 17, \"w\": 16, \"h\": 16 }, \"rotated\": false, \"trimmed\": false, \"spriteSourceSize\": { \"x\": 0, \"y\": 0, \"w\": 16, \"h\": 16 }, \"sourceSize\": { \"w\": 16, \"h\": 16 } }, { \"filename\": \"pathEdge_center_right\", \"frame\": { \"x\": 51, \"y\": 34, \"w\": 16, \"h\": 16 }, \"rotated\": false, \"trimmed\": false, \"spriteSourceSize\": { \"x\": 0, \"y\": 0, \"w\": 16, \"h\": 16 }, \"sourceSize\": { \"w\": 16, \"h\": 16 } }, { \"filename\": \"greenShrub\", \"frame\": { \"x\": 51, \"y\": 51, \"w\": 16, \"h\": 16 }, \"rotated\": false, \"trimmed\": false, \"spriteSourceSize\": { \"x\": 0, \"y\": 0, \"w\": 16, \"h\": 16 }, \"sourceSize\": { \"w\": 16, \"h\": 16 } }, { \"filename\": \"pathEdge_center_left\", \"frame\": { \"x\": 0, \"y\": 68, \"w\": 16, \"h\": 16 }, \"rotated\": false, \"trimmed\": false, \"spriteSourceSize\": { \"x\": 0, \"y\": 0, \"w\": 16, \"h\": 16 }, \"sourceSize\": { \"w\": 16, \"h\": 16 } }, { \"filename\": \"pathEdge_center_middle\", \"frame\": { \"x\": 17, \"y\": 68, \"w\": 16, \"h\": 16 }, \"rotated\": false, \"trimmed\": false, \"spriteSourceSize\": { \"x\": 0, \"y\": 0, \"w\": 16, \"h\": 16 }, \"sourceSize\": { \"w\": 16, \"h\": 16 } }, { \"filename\": \"pathEdge_bottom_middle\", \"frame\": { \"x\": 34, \"y\": 68, \"w\": 16, \"h\": 16 }, \"rotated\": false, \"trimmed\": false, \"spriteSourceSize\": { \"x\": 0, \"y\": 0, \"w\": 16, \"h\": 16 }, \"sourceSize\": { \"w\": 16, \"h\": 16 } }, { \"filename\": \"pathEdge_bottom_left\", \"frame\": { \"x\": 51, \"y\": 68, \"w\": 16, \"h\": 16 }, \"rotated\": false, \"trimmed\": false, \"spriteSourceSize\": { \"x\": 0, \"y\": 0, \"w\": 16, \"h\": 16 }, \"sourceSize\": { \"w\": 16, \"h\": 16 } }, { \"filename\": \"pathEdge_bottom_right\", \"frame\": { \"x\": 68, \"y\": 0, \"w\": 16, \"h\": 16 }, \"rotated\": false, \"trimmed\": false, \"spriteSourceSize\": { \"x\": 0, \"y\": 0, \"w\": 16, \"h\": 16 }, \"sourceSize\": { \"w\": 16, \"h\": 16 } }, { \"filename\": \"fence_top_middle\", \"frame\": { \"x\": 68, \"y\": 17, \"w\": 16, \"h\": 16 }, \"rotated\": false, \"trimmed\": false, \"spriteSourceSize\": { \"x\": 0, \"y\": 0, \"w\": 16, \"h\": 16 }, \"sourceSize\": { \"w\": 16, \"h\": 16 } }, { \"filename\": \"fenceVertical_top\", \"frame\": { \"x\": 68, \"y\": 34, \"w\": 16, \"h\": 16 }, \"rotated\": false, \"trimmed\": false, \"spriteSourceSize\": { \"x\": 0, \"y\": 0, \"w\": 16, \"h\": 16 }, \"sourceSize\": { \"w\": 16, \"h\": 16 } }, { \"filename\": \"fence_top_left\", \"frame\": { \"x\": 68, \"y\": 51, \"w\": 16, \"h\": 16 }, \"rotated\": false, \"trimmed\": false, \"spriteSourceSize\": { \"x\": 0, \"y\": 0, \"w\": 16, \"h\": 16 }, \"sourceSize\": { \"w\": 16, \"h\": 16 } }, { \"filename\": \"steppingStones\", \"frame\": { \"x\": 68, \"y\": 68, \"w\": 16, \"h\": 16 }, \"rotated\": false, \"trimmed\": false, \"spriteSourceSize\": { \"x\": 0, \"y\": 0, \"w\": 16, \"h\": 16 }, \"sourceSize\": { \"w\": 16, \"h\": 16 } }, { \"filename\": \"fence_top_right\", \"frame\": { \"x\": 0, \"y\": 85, \"w\": 16, \"h\": 16 }, \"rotated\": false, \"trimmed\": false, \"spriteSourceSize\": { \"x\": 0, \"y\": 0, \"w\": 16, \"h\": 16 }, \"sourceSize\": { \"w\": 16, \"h\": 16 } }, { \"filename\": \"house1_top_chimney\", \"frame\": { \"x\": 17, \"y\": 85, \"w\": 16, \"h\": 16 }, \"rotated\": false, \"trimmed\": false, \"spriteSourceSize\": { \"x\": 0, \"y\": 0, \"w\": 16, \"h\": 16 }, \"sourceSize\": { \"w\": 16, \"h\": 16 } }, { \"filename\": \"house1_top_right\", \"frame\": { \"x\": 34, \"y\": 85, \"w\": 16, \"h\": 16 }, \"rotated\": false, \"trimmed\": false, \"spriteSourceSize\": { \"x\": 0, \"y\": 0, \"w\": 16, \"h\": 16 }, \"sourceSize\": { \"w\": 16, \"h\": 16 } }, { \"filename\": \"house1_top_middle\", \"frame\": { \"x\": 51, \"y\": 85, \"w\": 16, \"h\": 16 }, \"rotated\": false, \"trimmed\": false, \"spriteSourceSize\": { \"x\": 0, \"y\": 0, \"w\": 16, \"h\": 16 }, \"sourceSize\": { \"w\": 16, \"h\": 16 } }, { \"filename\": \"house1_top_left\", \"frame\": { \"x\": 68, \"y\": 85, \"w\": 16, \"h\": 16 }, \"rotated\": false, \"trimmed\": false, \"spriteSourceSize\": { \"x\": 0, \"y\": 0, \"w\": 16, \"h\": 16 }, \"sourceSize\": { \"w\": 16, \"h\": 16 } }, { \"filename\": \"house2_top_left\", \"frame\": { \"x\": 85, \"y\": 0, \"w\": 16, \"h\": 16 }, \"rotated\": false, \"trimmed\": false, \"spriteSourceSize\": { \"x\": 0, \"y\": 0, \"w\": 16, \"h\": 16 }, \"sourceSize\": { \"w\": 16, \"h\": 16 } }, { \"filename\": \"house2_top_middle\", \"frame\": { \"x\": 85, \"y\": 17, \"w\": 16, \"h\": 16 }, \"rotated\": false, \"trimmed\": false, \"spriteSourceSize\": { \"x\": 0, \"y\": 0, \"w\": 16, \"h\": 16 }, \"sourceSize\": { \"w\": 16, \"h\": 16 } }, { \"filename\": \"wheelbarrow\", \"frame\": { \"x\": 85, \"y\": 34, \"w\": 16, \"h\": 16 }, \"rotated\": false, \"trimmed\": false, \"spriteSourceSize\": { \"x\": 0, \"y\": 0, \"w\": 16, \"h\": 16 }, \"sourceSize\": { \"w\": 16, \"h\": 16 } }, { \"filename\": \"fence_center_right\", \"frame\": { \"x\": 85, \"y\": 51, \"w\": 16, \"h\": 16 }, \"rotated\": false, \"trimmed\": false, \"spriteSourceSize\": { \"x\": 0, \"y\": 0, \"w\": 16, \"h\": 16 }, \"sourceSize\": { \"w\": 16, \"h\": 16 } }, { \"filename\": \"house2_top_chimney\", \"frame\": { \"x\": 85, \"y\": 68, \"w\": 16, \"h\": 16 }, \"rotated\": false, \"trimmed\": false, \"spriteSourceSize\": { \"x\": 0, \"y\": 0, \"w\": 16, \"h\": 16 }, \"sourceSize\": { \"w\": 16, \"h\": 16 } }, { \"filename\": \"fenceVertical_center\", \"frame\": { \"x\": 85, \"y\": 85, \"w\": 16, \"h\": 16 }, \"rotated\": false, \"trimmed\": false, \"spriteSourceSize\": { \"x\": 0, \"y\": 0, \"w\": 16, \"h\": 16 }, \"sourceSize\": { \"w\": 16, \"h\": 16 } }, { \"filename\": \"house2_top_right\", \"frame\": { \"x\": 0, \"y\": 102, \"w\": 16, \"h\": 16 }, \"rotated\": false, \"trimmed\": false, \"spriteSourceSize\": { \"x\": 0, \"y\": 0, \"w\": 16, \"h\": 16 }, \"sourceSize\": { \"w\": 16, \"h\": 16 } }, { \"filename\": \"fence_center_left\", \"frame\": { \"x\": 17, \"y\": 102, \"w\": 16, \"h\": 16 }, \"rotated\": false, \"trimmed\": false, \"spriteSourceSize\": { \"x\": 0, \"y\": 0, \"w\": 16, \"h\": 16 }, \"sourceSize\": { \"w\": 16, \"h\": 16 } }, { \"filename\": \"house1_center_right\", \"frame\": { \"x\": 34, \"y\": 102, \"w\": 16, \"h\": 16 }, \"rotated\": false, \"trimmed\": false, \"spriteSourceSize\": { \"x\": 0, \"y\": 0, \"w\": 16, \"h\": 16 }, \"sourceSize\": { \"w\": 16, \"h\": 16 } }, { \"filename\": \"house1_center_left\", \"frame\": { \"x\": 51, \"y\": 102, \"w\": 16, \"h\": 16 }, \"rotated\": false, \"trimmed\": false, \"spriteSourceSize\": { \"x\": 0, \"y\": 0, \"w\": 16, \"h\": 16 }, \"sourceSize\": { \"w\": 16, \"h\": 16 } }, { \"filename\": \"house2_center_left\", \"frame\": { \"x\": 68, \"y\": 102, \"w\": 16, \"h\": 16 }, \"rotated\": false, \"trimmed\": false, \"spriteSourceSize\": { \"x\": 0, \"y\": 0, \"w\": 16, \"h\": 16 }, \"sourceSize\": { \"w\": 16, \"h\": 16 } }, { \"filename\": \"house1_center_middle\", \"frame\": { \"x\": 85, \"y\": 102, \"w\": 16, \"h\": 16 }, \"rotated\": false, \"trimmed\": false, \"spriteSourceSize\": { \"x\": 0, \"y\": 0, \"w\": 16, \"h\": 16 }, \"sourceSize\": { \"w\": 16, \"h\": 16 } }, { \"filename\": \"fenceVertical_bottom\", \"frame\": { \"x\": 102, \"y\": 0, \"w\": 16, \"h\": 16 }, \"rotated\": false, \"trimmed\": false, \"spriteSourceSize\": { \"x\": 0, \"y\": 0, \"w\": 16, \"h\": 16 }, \"sourceSize\": { \"w\": 16, \"h\": 16 } }, { \"filename\": \"house2_center_right\", \"frame\": { \"x\": 102, \"y\": 17, \"w\": 16, \"h\": 16 }, \"rotated\": false, \"trimmed\": false, \"spriteSourceSize\": { \"x\": 0, \"y\": 0, \"w\": 16, \"h\": 16 }, \"sourceSize\": { \"w\": 16, \"h\": 16 } }, { \"filename\": \"fence_bottom_right\", \"frame\": { \"x\": 102, \"y\": 34, \"w\": 16, \"h\": 16 }, \"rotated\": false, \"trimmed\": false, \"spriteSourceSize\": { \"x\": 0, \"y\": 0, \"w\": 16, \"h\": 16 }, \"sourceSize\": { \"w\": 16, \"h\": 16 } }, { \"filename\": \"house2_center_middle\", \"frame\": { \"x\": 102, \"y\": 51, \"w\": 16, \"h\": 16 }, \"rotated\": false, \"trimmed\": false, \"spriteSourceSize\": { \"x\": 0, \"y\": 0, \"w\": 16, \"h\": 16 }, \"sourceSize\": { \"w\": 16, \"h\": 16 } }, { \"filename\": \"fence_bottom_middle\", \"frame\": { \"x\": 102, \"y\": 68, \"w\": 16, \"h\": 16 }, \"rotated\": false, \"trimmed\": false, \"spriteSourceSize\": { \"x\": 0, \"y\": 0, \"w\": 16, \"h\": 16 }, \"sourceSize\": { \"w\": 16, \"h\": 16 } }, { \"filename\": \"fence_bottom_left\", \"frame\": { \"x\": 102, \"y\": 85, \"w\": 16, \"h\": 16 }, \"rotated\": false, \"trimmed\": false, \"spriteSourceSize\": { \"x\": 0, \"y\": 0, \"w\": 16, \"h\": 16 }, \"sourceSize\": { \"w\": 16, \"h\": 16 } }, { \"filename\": \"house2_bottom_left\", \"frame\": { \"x\": 102, \"y\": 102, \"w\": 16, \"h\": 16 }, \"rotated\": false, \"trimmed\": false, \"spriteSourceSize\": { \"x\": 0, \"y\": 0, \"w\": 16, \"h\": 16 }, \"sourceSize\": { \"w\": 16, \"h\": 16 } }, { \"filename\": \"house1_bottom_right\", \"frame\": { \"x\": 0, \"y\": 119, \"w\": 16, \"h\": 16 }, \"rotated\": false, \"trimmed\": false, \"spriteSourceSize\": { \"x\": 0, \"y\": 0, \"w\": 16, \"h\": 16 }, \"sourceSize\": { \"w\": 16, \"h\": 16 } }, { \"filename\": \"house1_bottom_middle\", \"frame\": { \"x\": 17, \"y\": 119, \"w\": 16, \"h\": 16 }, \"rotated\": false, \"trimmed\": false, \"spriteSourceSize\": { \"x\": 0, \"y\": 0, \"w\": 16, \"h\": 16 }, \"sourceSize\": { \"w\": 16, \"h\": 16 } }, { \"filename\": \"house1_bottom_doorOpen\", \"frame\": { \"x\": 34, \"y\": 119, \"w\": 16, \"h\": 16 }, \"rotated\": false, \"trimmed\": false, \"spriteSourceSize\": { \"x\": 0, \"y\": 0, \"w\": 16, \"h\": 16 }, \"sourceSize\": { \"w\": 16, \"h\": 16 } }, { \"filename\": \"house1_bottom_left\", \"frame\": { \"x\": 51, \"y\": 119, \"w\": 16, \"h\": 16 }, \"rotated\": false, \"trimmed\": false, \"spriteSourceSize\": { \"x\": 0, \"y\": 0, \"w\": 16, \"h\": 16 }, \"sourceSize\": { \"w\": 16, \"h\": 16 } }, { \"filename\": \"house2_bottom_middle\", \"frame\": { \"x\": 68, \"y\": 119, \"w\": 16, \"h\": 16 }, \"rotated\": false, \"trimmed\": false, \"spriteSourceSize\": { \"x\": 0, \"y\": 0, \"w\": 16, \"h\": 16 }, \"sourceSize\": { \"w\": 16, \"h\": 16 } }, { \"filename\": \"house2_bottom_right\", \"frame\": { \"x\": 85, \"y\": 119, \"w\": 16, \"h\": 16 }, \"rotated\": false, \"trimmed\": false, \"spriteSourceSize\": { \"x\": 0, \"y\": 0, \"w\": 16, \"h\": 16 }, \"sourceSize\": { \"w\": 16, \"h\": 16 } }, { \"filename\": \"fenceHorizontal_left\", \"frame\": { \"x\": 102, \"y\": 119, \"w\": 16, \"h\": 16 }, \"rotated\": false, \"trimmed\": false, \"spriteSourceSize\": { \"x\": 0, \"y\": 0, \"w\": 16, \"h\": 16 }, \"sourceSize\": { \"w\": 16, \"h\": 16 } }, { \"filename\": \"fenceHorizontal_middle\", \"frame\": { \"x\": 119, \"y\": 0, \"w\": 16, \"h\": 16 }, \"rotated\": false, \"trimmed\": false, \"spriteSourceSize\": { \"x\": 0, \"y\": 0, \"w\": 16, \"h\": 16 }, \"sourceSize\": { \"w\": 16, \"h\": 16 } }, { \"filename\": \"sign\", \"frame\": { \"x\": 119, \"y\": 17, \"w\": 16, \"h\": 16 }, \"rotated\": false, \"trimmed\": false, \"spriteSourceSize\": { \"x\": 0, \"y\": 0, \"w\": 16, \"h\": 16 }, \"sourceSize\": { \"w\": 16, \"h\": 16 } }, { \"filename\": \"fenceHorizontal_right\", \"frame\": { \"x\": 119, \"y\": 34, \"w\": 16, \"h\": 16 }, \"rotated\": false, \"trimmed\": false, \"spriteSourceSize\": { \"x\": 0, \"y\": 0, \"w\": 16, \"h\": 16 }, \"sourceSize\": { \"w\": 16, \"h\": 16 } }, { \"filename\": \"house2_bottom_doorOpen\", \"frame\": { \"x\": 119, \"y\": 51, \"w\": 16, \"h\": 16 }, \"rotated\": false, \"trimmed\": false, \"spriteSourceSize\": { \"x\": 0, \"y\": 0, \"w\": 16, \"h\": 16 }, \"sourceSize\": { \"w\": 16, \"h\": 16 } }, { \"filename\": \"house2_bottom_doorClosed\", \"frame\": { \"x\": 119, \"y\": 68, \"w\": 16, \"h\": 16 }, \"rotated\": false, \"trimmed\": false, \"spriteSourceSize\": { \"x\": 0, \"y\": 0, \"w\": 16, \"h\": 16 }, \"sourceSize\": { \"w\": 16, \"h\": 16 } }, { \"filename\": \"house1_bottom_window\", \"frame\": { \"x\": 119, \"y\": 85, \"w\": 16, \"h\": 16 }, \"rotated\": false, \"trimmed\": false, \"spriteSourceSize\": { \"x\": 0, \"y\": 0, \"w\": 16, \"h\": 16 }, \"sourceSize\": { \"w\": 16, \"h\": 16 } }, { \"filename\": \"house2_bottom_window\", \"frame\": { \"x\": 119, \"y\": 102, \"w\": 16, \"h\": 16 }, \"rotated\": false, \"trimmed\": false, \"spriteSourceSize\": { \"x\": 0, \"y\": 0, \"w\": 16, \"h\": 16 }, \"sourceSize\": { \"w\": 16, \"h\": 16 } }, { \"filename\": \"house1_bottom_doorClosed\", \"frame\": { \"x\": 119, \"y\": 119, \"w\": 16, \"h\": 16 }, \"rotated\": false, \"trimmed\": false, \"spriteSourceSize\": { \"x\": 0, \"y\": 0, \"w\": 16, \"h\": 16 }, \"sourceSize\": { \"w\": 16, \"h\": 16 } }, { \"filename\": \"beehive\", \"frame\": { \"x\": 0, \"y\": 136, \"w\": 16, \"h\": 16 }, \"rotated\": false, \"trimmed\": false, \"spriteSourceSize\": { \"x\": 0, \"y\": 0, \"w\": 16, \"h\": 16 }, \"sourceSize\": { \"w\": 16, \"h\": 16 } }, { \"filename\": \"target\", \"frame\": { \"x\": 17, \"y\": 136, \"w\": 16, \"h\": 16 }, \"rotated\": false, \"trimmed\": false, \"spriteSourceSize\": { \"x\": 0, \"y\": 0, \"w\": 16, \"h\": 16 }, \"sourceSize\": { \"w\": 16, \"h\": 16 } }, { \"filename\": \"well_top\", \"frame\": { \"x\": 34, \"y\": 136, \"w\": 16, \"h\": 16 }, \"rotated\": false, \"trimmed\": false, \"spriteSourceSize\": { \"x\": 0, \"y\": 0, \"w\": 16, \"h\": 16 }, \"sourceSize\": { \"w\": 16, \"h\": 16 } }, { \"filename\": \"well_bottom\", \"frame\": { \"x\": 51, \"y\": 136, \"w\": 16, \"h\": 16 }, \"rotated\": false, \"trimmed\": false, \"spriteSourceSize\": { \"x\": 0, \"y\": 0, \"w\": 16, \"h\": 16 }, \"sourceSize\": { \"w\": 16, \"h\": 16 } }, { \"filename\": \"castleRoof_top_left\", \"frame\": { \"x\": 68, \"y\": 136, \"w\": 16, \"h\": 16 }, \"rotated\": false, \"trimmed\": false, \"spriteSourceSize\": { \"x\": 0, \"y\": 0, \"w\": 16, \"h\": 16 }, \"sourceSize\": { \"w\": 16, \"h\": 16 } }, { \"filename\": \"castleRoof_top_right\", \"frame\": { \"x\": 85, \"y\": 136, \"w\": 16, \"h\": 16 }, \"rotated\": false, \"trimmed\": false, \"spriteSourceSize\": { \"x\": 0, \"y\": 0, \"w\": 16, \"h\": 16 }, \"sourceSize\": { \"w\": 16, \"h\": 16 } }, { \"filename\": \"castleRoofLadderDown\", \"frame\": { \"x\": 102, \"y\": 136, \"w\": 16, \"h\": 16 }, \"rotated\": false, \"trimmed\": false, \"spriteSourceSize\": { \"x\": 0, \"y\": 0, \"w\": 16, \"h\": 16 }, \"sourceSize\": { \"w\": 16, \"h\": 16 } }, { \"filename\": \"log\", \"frame\": { \"x\": 119, \"y\": 136, \"w\": 16, \"h\": 16 }, \"rotated\": false, \"trimmed\": false, \"spriteSourceSize\": { \"x\": 0, \"y\": 0, \"w\": 16, \"h\": 16 }, \"sourceSize\": { \"w\": 16, \"h\": 16 } }, { \"filename\": \"castleRoofHorizontal_middle\", \"frame\": { \"x\": 136, \"y\": 0, \"w\": 16, \"h\": 16 }, \"rotated\": false, \"trimmed\": false, \"spriteSourceSize\": { \"x\": 0, \"y\": 0, \"w\": 16, \"h\": 16 }, \"sourceSize\": { \"w\": 16, \"h\": 16 } }, { \"filename\": \"cauldron\", \"frame\": { \"x\": 136, \"y\": 17, \"w\": 16, \"h\": 16 }, \"rotated\": false, \"trimmed\": false, \"spriteSourceSize\": { \"x\": 0, \"y\": 0, \"w\": 16, \"h\": 16 }, \"sourceSize\": { \"w\": 16, \"h\": 16 } }, { \"filename\": \"castleRoofHorizontal_left\", \"frame\": { \"x\": 136, \"y\": 34, \"w\": 16, \"h\": 16 }, \"rotated\": false, \"trimmed\": false, \"spriteSourceSize\": { \"x\": 0, \"y\": 0, \"w\": 16, \"h\": 16 }, \"sourceSize\": { \"w\": 16, \"h\": 16 } }, { \"filename\": \"bomb\", \"frame\": { \"x\": 136, \"y\": 51, \"w\": 16, \"h\": 16 }, \"rotated\": false, \"trimmed\": false, \"spriteSourceSize\": { \"x\": 0, \"y\": 0, \"w\": 16, \"h\": 16 }, \"sourceSize\": { \"w\": 16, \"h\": 16 } }, { \"filename\": \"castleRoofHoriztonal_right\", \"frame\": { \"x\": 136, \"y\": 68, \"w\": 16, \"h\": 16 }, \"rotated\": false, \"trimmed\": false, \"spriteSourceSize\": { \"x\": 0, \"y\": 0, \"w\": 16, \"h\": 16 }, \"sourceSize\": { \"w\": 16, \"h\": 16 } }, { \"filename\": \"castleRoof_top_middle\", \"frame\": { \"x\": 136, \"y\": 85, \"w\": 16, \"h\": 16 }, \"rotated\": false, \"trimmed\": false, \"spriteSourceSize\": { \"x\": 0, \"y\": 0, \"w\": 16, \"h\": 16 }, \"sourceSize\": { \"w\": 16, \"h\": 16 } }, { \"filename\": \"castleRoof_single\", \"frame\": { \"x\": 136, \"y\": 102, \"w\": 16, \"h\": 16 }, \"rotated\": false, \"trimmed\": false, \"spriteSourceSize\": { \"x\": 0, \"y\": 0, \"w\": 16, \"h\": 16 }, \"sourceSize\": { \"w\": 16, \"h\": 16 } }, { \"filename\": \"castleDoors_top_right\", \"frame\": { \"x\": 136, \"y\": 119, \"w\": 16, \"h\": 16 }, \"rotated\": false, \"trimmed\": false, \"spriteSourceSize\": { \"x\": 0, \"y\": 0, \"w\": 16, \"h\": 16 }, \"sourceSize\": { \"w\": 16, \"h\": 16 } }, { \"filename\": \"castleRoof_center_left\", \"frame\": { \"x\": 136, \"y\": 136, \"w\": 16, \"h\": 16 }, \"rotated\": false, \"trimmed\": false, \"spriteSourceSize\": { \"x\": 0, \"y\": 0, \"w\": 16, \"h\": 16 }, \"sourceSize\": { \"w\": 16, \"h\": 16 } }, { \"filename\": \"castleRoof_center_middle\", \"frame\": { \"x\": 0, \"y\": 153, \"w\": 16, \"h\": 16 }, \"rotated\": false, \"trimmed\": false, \"spriteSourceSize\": { \"x\": 0, \"y\": 0, \"w\": 16, \"h\": 16 }, \"sourceSize\": { \"w\": 16, \"h\": 16 } }, { \"filename\": \"castleDoors_top_left\", \"frame\": { \"x\": 17, \"y\": 153, \"w\": 16, \"h\": 16 }, \"rotated\": false, \"trimmed\": false, \"spriteSourceSize\": { \"x\": 0, \"y\": 0, \"w\": 16, \"h\": 16 }, \"sourceSize\": { \"w\": 16, \"h\": 16 } }, { \"filename\": \"castleRoof_center_right\", \"frame\": { \"x\": 34, \"y\": 153, \"w\": 16, \"h\": 16 }, \"rotated\": false, \"trimmed\": false, \"spriteSourceSize\": { \"x\": 0, \"y\": 0, \"w\": 16, \"h\": 16 }, \"sourceSize\": { \"w\": 16, \"h\": 16 } }, { \"filename\": \"pickAxe\", \"frame\": { \"x\": 51, \"y\": 153, \"w\": 16, \"h\": 16 }, \"rotated\": false, \"trimmed\": false, \"spriteSourceSize\": { \"x\": 0, \"y\": 0, \"w\": 16, \"h\": 16 }, \"sourceSize\": { \"w\": 16, \"h\": 16 } }, { \"filename\": \"bow\", \"frame\": { \"x\": 68, \"y\": 153, \"w\": 16, \"h\": 16 }, \"rotated\": false, \"trimmed\": false, \"spriteSourceSize\": { \"x\": 0, \"y\": 0, \"w\": 16, \"h\": 16 }, \"sourceSize\": { \"w\": 16, \"h\": 16 } }, { \"filename\": \"key\", \"frame\": { \"x\": 85, \"y\": 153, \"w\": 16, \"h\": 16 }, \"rotated\": false, \"trimmed\": false, \"spriteSourceSize\": { \"x\": 0, \"y\": 0, \"w\": 16, \"h\": 16 }, \"sourceSize\": { \"w\": 16, \"h\": 16 } }, { \"filename\": \"pitchfork\", \"frame\": { \"x\": 102, \"y\": 153, \"w\": 16, \"h\": 16 }, \"rotated\": false, \"trimmed\": false, \"spriteSourceSize\": { \"x\": 0, \"y\": 0, \"w\": 16, \"h\": 16 }, \"sourceSize\": { \"w\": 16, \"h\": 16 } }, { \"filename\": \"arrow\", \"frame\": { \"x\": 119, \"y\": 153, \"w\": 16, \"h\": 16 }, \"rotated\": false, \"trimmed\": false, \"spriteSourceSize\": { \"x\": 0, \"y\": 0, \"w\": 16, \"h\": 16 }, \"sourceSize\": { \"w\": 16, \"h\": 16 } }, { \"filename\": \"castleRoof_bottom_middle\", \"frame\": { \"x\": 136, \"y\": 153, \"w\": 16, \"h\": 16 }, \"rotated\": false, \"trimmed\": false, \"spriteSourceSize\": { \"x\": 0, \"y\": 0, \"w\": 16, \"h\": 16 }, \"sourceSize\": { \"w\": 16, \"h\": 16 } }, { \"filename\": \"castleRoof_bottom_left\", \"frame\": { \"x\": 153, \"y\": 0, \"w\": 16, \"h\": 16 }, \"rotated\": false, \"trimmed\": false, \"spriteSourceSize\": { \"x\": 0, \"y\": 0, \"w\": 16, \"h\": 16 }, \"sourceSize\": { \"w\": 16, \"h\": 16 } }, { \"filename\": \"castleWall\", \"frame\": { \"x\": 153, \"y\": 17, \"w\": 16, \"h\": 16 }, \"rotated\": false, \"trimmed\": false, \"spriteSourceSize\": { \"x\": 0, \"y\": 0, \"w\": 16, \"h\": 16 }, \"sourceSize\": { \"w\": 16, \"h\": 16 } }, { \"filename\": \"bucketEmpty\", \"frame\": { \"x\": 153, \"y\": 34, \"w\": 16, \"h\": 16 }, \"rotated\": false, \"trimmed\": false, \"spriteSourceSize\": { \"x\": 0, \"y\": 0, \"w\": 16, \"h\": 16 }, \"sourceSize\": { \"w\": 16, \"h\": 16 } }, { \"filename\": \"axe\", \"frame\": { \"x\": 153, \"y\": 51, \"w\": 16, \"h\": 16 }, \"rotated\": false, \"trimmed\": false, \"spriteSourceSize\": { \"x\": 0, \"y\": 0, \"w\": 16, \"h\": 16 }, \"sourceSize\": { \"w\": 16, \"h\": 16 } }, { \"filename\": \"castleRoof_bottom_right\", \"frame\": { \"x\": 153, \"y\": 68, \"w\": 16, \"h\": 16 }, \"rotated\": false, \"trimmed\": false, \"spriteSourceSize\": { \"x\": 0, \"y\": 0, \"w\": 16, \"h\": 16 }, \"sourceSize\": { \"w\": 16, \"h\": 16 } }, { \"filename\": \"shovel\", \"frame\": { \"x\": 153, \"y\": 85, \"w\": 16, \"h\": 16 }, \"rotated\": false, \"trimmed\": false, \"spriteSourceSize\": { \"x\": 0, \"y\": 0, \"w\": 16, \"h\": 16 }, \"sourceSize\": { \"w\": 16, \"h\": 16 } }, { \"filename\": \"bucketFull\", \"frame\": { \"x\": 153, \"y\": 102, \"w\": 16, \"h\": 16 }, \"rotated\": false, \"trimmed\": false, \"spriteSourceSize\": { \"x\": 0, \"y\": 0, \"w\": 16, \"h\": 16 }, \"sourceSize\": { \"w\": 16, \"h\": 16 } }, { \"filename\": \"castleWallWindow\", \"frame\": { \"x\": 153, \"y\": 119, \"w\": 16, \"h\": 16 }, \"rotated\": false, \"trimmed\": false, \"spriteSourceSize\": { \"x\": 0, \"y\": 0, \"w\": 16, \"h\": 16 }, \"sourceSize\": { \"w\": 16, \"h\": 16 } }, { \"filename\": \"scythe\", \"frame\": { \"x\": 153, \"y\": 136, \"w\": 16, \"h\": 16 }, \"rotated\": false, \"trimmed\": false, \"spriteSourceSize\": { \"x\": 0, \"y\": 0, \"w\": 16, \"h\": 16 }, \"sourceSize\": { \"w\": 16, \"h\": 16 } }, { \"filename\": \"castleDoors_bottom_right\", \"frame\": { \"x\": 153, \"y\": 153, \"w\": 16, \"h\": 16 }, \"rotated\": false, \"trimmed\": false, \"spriteSourceSize\": { \"x\": 0, \"y\": 0, \"w\": 16, \"h\": 16 }, \"sourceSize\": { \"w\": 16, \"h\": 16 } }, { \"filename\": \"castleDoors_bottom_left\", \"frame\": { \"x\": 0, \"y\": 170, \"w\": 16, \"h\": 16 }, \"rotated\": false, \"trimmed\": false, \"spriteSourceSize\": { \"x\": 0, \"y\": 0, \"w\": 16, \"h\": 16 }, \"sourceSize\": { \"w\": 16, \"h\": 16 } }], \"meta\": { \"app\": \"https://www.leshylabs.com/apps/sstool/\", \"version\": \"Leshy SpriteSheet Tool v0.8.4\", \"image\": \"tinyTownSpritesheet.png\", \"size\": { \"w\": 169, \"h\": 186 }, \"scale\": 1 } };\n\nfunction preload() {\n spriteAtlasPairs.push({ spritesheet: loadImage(\"@asset('tinyTown_spritesheet')\"), atlas: tinyTown_atlas });\n}\n\nfunction setup() {\n let canvas = createCanvas(800, 800);\n canvas.parent('editor'); // Attach the canvas to the #editor div\n\n for (let pair of spriteAtlasPairs) {\n processSpriteAtlas(pair.spritesheet, pair.atlas);\n }\n\n levelMatrix = currentLevel;\n\n // Find initial player position\n findInitialPlayerPosition();\n\n if (editingMode) {\n let saveButton = createButton('Save Level');\n saveButton.position(165, 10);\n saveButton.mousePressed(() => {\n saveLevel();\n mouseButtonPressed = false;\n justSaved = true;\n setTimeout(() => {\n justSaved = false;\n }, 1)\n });\n\n let eraseButton = createButton('Erase Tile');\n eraseButton.position(165, 40);\n eraseButton.mousePressed(() => {\n selectedTile = '-';\n mouseButtonPressed = false;\n });\n }\n\n drawPalette();\n}\nfunction draw() {\n background(133, 198, 105); // Green grass background \n if (editingMode) {\n drawGrid();\n drawLevel(levelMatrix);\n select('#palette').style('display', 'block'); // Show palette\n\n // Draw semi-transparent text indicating edit mode\n fill(255, 255, 255, 150); // White color with 150 alpha (semi-transparent)\n textSize(32);\n textAlign(CENTER, CENTER);\n text(\"DRAW MODE\", width / 2, height / 2);\n } else {\n drawLevel(levelMatrix);\n select('#palette').style('display', 'none'); // Hide palette\n\n // Draw the player\n fill(0, 0, 255); // Blue color for the player\n rect(playerX, playerY, TILE_SIZE, TILE_SIZE);\n fill(255); // White color for the text\n textSize(12);\n textAlign(CENTER, CENTER);\n text('P', playerX + TILE_SIZE / 2, playerY + TILE_SIZE / 2);\n }\n}\n\nfunction saveLevel() {\n let levelData = JSON.stringify(levelMatrix);\n copyToClipboard(levelData);\n alert(\"Level saved! JSON level copied to clipboard. Press OK/CLOSE, then paste the new level into your code.\\n\\n\" + levelData);\n}\n\nfunction copyToClipboard(text) {\n let el = document.createElement('textarea');\n el.value = text;\n document.body.appendChild(el);\n el.select();\n document.execCommand('copy');\n document.body.removeChild(el);\n}\n\nfunction processSpriteAtlas(spritesheet, atlas) {\n let frames = atlas.frames;\n for (let i = 0; i < frames.length; i++) {\n let frameData = frames[i];\n let frame = frameData.frame;\n let sprite = spritesheet.get(frame.x, frame.y, frame.w, frame.h);\n assets[frameData.filename] = sprite;\n }\n}\n\nfunction drawLevel(matrix) {\n for (let row = 0; row < matrix.length; row++) {\n for (let col = 0; col < matrix[row].length; col++) {\n let tile = matrix[row][col];\n drawTile(tile, col * TILE_SIZE, row * TILE_SIZE);\n }\n }\n}\n\nfunction drawTile(tile, x, y) {\n if (tile && assets[tile]) {\n image(assets[tile], x, y, TILE_SIZE, TILE_SIZE);\n }\n}\n\nfunction drawPalette() {\n let paletteDiv = select('#palette');\n paletteDiv.html(''); // Clear existing content\n\n for (let key in assets) {\n if (assets.hasOwnProperty(key)) {\n let sprite = assets[key];\n if (sprite) {\n let tileImg = createImg(sprite.canvas.toDataURL(), key);\n tileImg.size(TILE_SIZE, TILE_SIZE);\n tileImg.mousePressed(() => selectedTile = key);\n paletteDiv.child(tileImg);\n } else {\n console.error(`Asset not found for key: ${key}`);\n }\n }\n }\n}\n\nfunction drawGrid() {\n stroke(200); // Light gray grid lines\n for (let x = 0; x < width; x += GRID_SIZE) {\n for (let y = 0; y < height; y += GRID_SIZE) {\n line(x, 0, x, height);\n line(0, y, width, y);\n }\n }\n}\n\nfunction mousePressed() {\n if (editingMode) {\n let col = Math.floor(mouseX / GRID_SIZE);\n let row = Math.floor(mouseY / GRID_SIZE);\n if (col >= 0 && col < levelMatrix[0].length && row >= 0 && row < levelMatrix.length) {\n levelMatrix[row][col] = selectedTile;\n }\n if (!justSaved) { mouseButtonPressed = true; }\n }\n}\n\nfunction mouseDragged() {\n if (editingMode && mouseButtonPressed) {\n let col = Math.floor(mouseX / GRID_SIZE);\n let row = Math.floor(mouseY / GRID_SIZE);\n if (col >= 0 && col < levelMatrix[0].length && row >= 0 && row < levelMatrix.length) {\n levelMatrix[row][col] = selectedTile;\n }\n }\n}\nfunction drawPalette() {\n let paletteDiv = select('#palette');\n paletteDiv.html(''); // Clear existing content\n\n for (let key in assets) {\n if (assets.hasOwnProperty(key)) {\n let sprite = assets[key];\n if (sprite) {\n let tileImg = createImg(sprite.canvas.toDataURL(), key);\n tileImg.size(TILE_SIZE, TILE_SIZE);\n tileImg.mousePressed(() => selectedTile = key);\n paletteDiv.child(tileImg);\n } else {\n console.error(`Asset not found for key: ${key}`);\n }\n }\n }\n\n // Add player tile to the palette\n let playerTile = createDiv('P');\n playerTile.style('width', `${TILE_SIZE}px`);\n playerTile.style('height', `${TILE_SIZE}px`);\n playerTile.style('display', 'inline-block');\n playerTile.style('text-align', 'center');\n playerTile.style('line-height', `${TILE_SIZE}px`);\n playerTile.style('border', '1px solid black');\n playerTile.style('cursor', 'pointer');\n playerTile.mousePressed(() => selectedTile = 'P');\n paletteDiv.child(playerTile);\n}\nfunction drawTile(tile, x, y) {\n if (tile && assets[tile]) {\n image(assets[tile], x, y, TILE_SIZE, TILE_SIZE);\n } else if (tile === 'P') {\n fill(0, 0, 255); // Blue color for the player\n rect(x, y, TILE_SIZE, TILE_SIZE);\n fill(255); // White color for the text\n textSize(12);\n textAlign(CENTER, CENTER);\n text('P', x + TILE_SIZE / 2, y + TILE_SIZE / 2);\n }\n}\nlet playerX, playerY;\nlet playerSpeed = 2;\nlet playerTile = 'P';\nfunction keyPressed() {\n if (!editingMode) {\n if (keyCode === LEFT_ARROW) {\n playerX -= playerSpeed;\n } else if (keyCode === RIGHT_ARROW) {\n playerX += playerSpeed;\n } else if (keyCode === UP_ARROW) {\n playerY -= playerSpeed;\n } else if (keyCode === DOWN_ARROW) {\n playerY += playerSpeed;\n }\n }\n}\nfunction findInitialPlayerPosition() {\n for (let row = 0; row < levelMatrix.length; row++) {\n for (let col = 0; col < levelMatrix[row].length; col++) {\n if (levelMatrix[row][col] === playerTile) {\n playerX = col * TILE_SIZE;\n playerY = row * TILE_SIZE;\n return;\n }\n }\n }\n}","style.css":"body {\n margin: 0;\n display: flex;\n}\n\n#palette {\n width: 150px;\n height: 100vh;\n overflow-y: scroll;\n background-color: #f0f0f0;\n border-right: 1px solid #ccc;\n}\n\n#editor {\n flex: 1;\n}","index.html":"\n\n\n\n \n \n Tiny Town Assets\n \n\n\n\n

\n \n \n

\n\n\n"},"chat_history":[{"deleted":0,"code_id":127780,"input_tokens":null,"id":62438,"project_id":2560,"sender":"human","message":"Let's get started!","created_at":"2024-08-04T17:48:42.237223Z","output_tokens":null},{"deleted":0,"code_id":127780,"input_tokens":null,"id":62439,"project_id":2560,"sender":"ai","message":"Great! Let's start by setting the player's starting position and the end of the level in your level editor. We'll build on top of your existing code to add these features.\n\n### Plan:\n1. **Add Player and Goal Tiles to the Palette**: Add new tiles to the palette for the player’s starting position and the end of the level.\n2. **Allow Setting Player and Goal Positions in the Editor**: Allow the player to place these new tiles on the grid.\n3. **Add Player Controls**: Implement basic player movement.\n4. **Add Gravity and Collision Detection**: Make sure the player can walk on the ground and not pass through objects.\n5. **Add Enemies, Lives, and Collectibles**: Add more interactive elements to make the game fun!\n\nDoes this plan sound good to you? If yes, let's start by adding the player and goal tiles to the palette. What symbols would you like to use for the player and the goal? For example, we could use 'P' for the player and 'G' for the goal.","created_at":"2024-08-04T17:48:42.243587Z","output_tokens":null},{"deleted":0,"code_id":128181,"input_tokens":null,"id":62668,"project_id":2560,"sender":"human","message":"can we add a player?","created_at":"2024-08-05T19:18:19.543386Z","output_tokens":null},{"deleted":0,"code_id":128181,"input_tokens":null,"id":62669,"project_id":2560,"sender":"ai","message":"Absolutely! Let's start by adding the player tile to the palette and allowing the user to place it on the grid. We'll use 'P' for the player tile. \n\nLet's update your code to include the 'P' tile in the palette and handle the placement of the player on the grid.\n\n### Steps:\n1. Modify the `drawPalette` function to include the 'P' tile.\n2. Ensure the player tile can be placed on the grid.\n\n#### Step 1: Modify `drawPalette` function\nWe'll add a simple square for the player tile to the palette.\n\n```javascript\nfunction drawPalette() {\n let paletteDiv = select('#palette');\n paletteDiv.html(''); // Clear existing content\n\n for (let key in assets) {\n if (assets.hasOwnProperty(key)) {\n let sprite = assets[key];\n if (sprite) {\n let tileImg = createImg(sprite.canvas.toDataURL(), key);\n tileImg.size(TILE_SIZE, TILE_SIZE);\n tileImg.mousePressed(() => selectedTile = key);\n paletteDiv.child(tileImg);\n } else {\n console.error(`Asset not found for key: ${key}`);\n }\n }\n }\n\n // Add player tile to the palette\n let playerTile = createDiv('P');\n playerTile.style('width', `${TILE_SIZE}px`);\n playerTile.style('height', `${TILE_SIZE}px`);\n playerTile.style('display', 'inline-block');\n playerTile.style('text-align', 'center');\n playerTile.style('line-height', `${TILE_SIZE}px`);\n playerTile.style('border', '1px solid black');\n playerTile.style('cursor', 'pointer');\n playerTile.mousePressed(() => selectedTile = 'P');\n paletteDiv.child(playerTile);\n}\n```\n\n#### Step 2: Draw the player tile on the grid\nNext, we'll update the `drawTile` function to handle drawing the 'P' tile.\n\n```javascript\nfunction drawTile(tile, x, y) {\n if (tile && assets[tile]) {\n image(assets[tile], x, y, TILE_SIZE, TILE_SIZE);\n } else if (tile === 'P') {\n fill(0, 0, 255); // Blue color for the player\n rect(x, y, TILE_SIZE, TILE_SIZE);\n fill(255); // White color for the text\n textSize(12);\n textAlign(CENTER, CENTER);\n text('P', x + TILE_SIZE / 2, y + TILE_SIZE / 2);\n }\n}\n```\n\n### Code Explanation:\n- **`drawPalette` function**: Adds an additional div for the player tile ('P') with styling and click functionality to select it.\n- **`drawTile` function**: Checks if the tile is 'P' and draws a blue square with 'P' text in the center if so.\n\nAdd these code blocks to your existing code, and you’ll be able to add a player tile to your grid! Let me know once you have added this, and we can move to the next step.","created_at":"2024-08-05T19:18:19.549261Z","output_tokens":null},{"deleted":0,"code_id":128225,"input_tokens":null,"id":62698,"project_id":2560,"sender":"human","message":"can we let the player build and move","created_at":"2024-08-05T19:23:53.837410Z","output_tokens":null},{"deleted":0,"code_id":128225,"input_tokens":null,"id":62699,"project_id":2560,"sender":"ai","message":"Absolutely! Let's break it down into two parts:\n1. Allowing the player to build (which we already partly did by adding the player tile).\n2. Adding player movement controls.\n\n### Plan:\n1. **Add player controls for movement**: Implement basic controls to move the player.\n2. **Add gravity and collision detection**: Ensure the player can walk on the ground and not pass through objects.\n\nLet's start by adding the player movement controls.\n\n### Step 1: Add Player Movement Controls\n\nWe'll add new variables to track the player's position and movement. We'll also modify the `draw` function to handle player movement.\n\n#### Step 1.1: Define Player Variables\n\nAdd these variables at the top of your `script.js` file:\n\n```javascript\nlet playerX, playerY;\nlet playerSpeed = 2;\nlet playerTile = 'P';\n```\n\n#### Step 1.2: Initialize Player Position\n\nModify the `setup` function to initialize the player position:\n\n```javascript\nfunction setup() {\n let canvas = createCanvas(800, 800);\n canvas.parent('editor'); // Attach the canvas to the #editor div\n\n for (let pair of spriteAtlasPairs) {\n processSpriteAtlas(pair.spritesheet, pair.atlas);\n }\n\n levelMatrix = currentLevel;\n\n // Find initial player position\n findInitialPlayerPosition();\n\n if (editingMode) {\n let saveButton = createButton('Save Level');\n saveButton.position(165, 10);\n saveButton.mousePressed(() => {\n saveLevel();\n mouseButtonPressed = false;\n justSaved = true;\n setTimeout(() => {\n justSaved = false;\n }, 1)\n });\n\n let eraseButton = createButton('Erase Tile');\n eraseButton.position(165, 40);\n eraseButton.mousePressed(() => {\n selectedTile = '-';\n mouseButtonPressed = false;\n });\n }\n\n drawPalette();\n}\n```\n\n#### Step 1.3: Find Initial Player Position\n\nAdd this function to find the initial player position:\n\n```javascript\nfunction findInitialPlayerPosition() {\n for (let row = 0; row < levelMatrix.length; row++) {\n for (let col = 0; col < levelMatrix[row].length; col++) {\n if (levelMatrix[row][col] === playerTile) {\n playerX = col * TILE_SIZE;\n playerY = row * TILE_SIZE;\n return;\n }\n }\n }\n}\n```\n\n#### Step 1.4: Add Player Movement Logic\n\nAdd this function to handle player controls:\n\n```javascript\nfunction keyPressed() {\n if (!editingMode) {\n if (keyCode === LEFT_ARROW) {\n playerX -= playerSpeed;\n } else if (keyCode === RIGHT_ARROW) {\n playerX += playerSpeed;\n } else if (keyCode === UP_ARROW) {\n playerY -= playerSpeed;\n } else if (keyCode === DOWN_ARROW) {\n playerY += playerSpeed;\n }\n }\n}\n```\n\n#### Step 1.5: Update the `draw` function\n\nModify the `draw` function to update the player position:\n\n```javascript\nfunction draw() {\n background(133, 198, 105); // Green grass background \n if (editingMode) {\n drawGrid();\n drawLevel(levelMatrix);\n select('#palette').style('display', 'block'); // Show palette\n\n // Draw semi-transparent text indicating edit mode\n fill(255, 255, 255, 150); // White color with 150 alpha (semi-transparent)\n textSize(32);\n textAlign(CENTER, CENTER);\n text(\"DRAW MODE\", width / 2, height / 2);\n } else {\n drawLevel(levelMatrix);\n select('#palette').style('display', 'none'); // Hide palette\n\n // Draw the player\n fill(0, 0, 255); // Blue color for the player\n rect(playerX, playerY, TILE_SIZE, TILE_SIZE);\n fill(255); // White color for the text\n textSize(12);\n textAlign(CENTER, CENTER);\n text('P', playerX + TILE_SIZE / 2, playerY + TILE_SIZE / 2);\n }\n}\n```\n\n### Code Explanation:\n- **Player Variables**: Variables to track player position (`playerX`, `playerY`) and speed (`playerSpeed`).\n- **`findInitialPlayerPosition` function**: Finds the initial position of the player in the level matrix.\n- **`keyPressed` function**: Handles the player movement based on arrow key inputs.\n- **`draw` function**: Updates the player position and draws the player on the canvas.\n\nAdd these code blocks to your existing code, and you’ll be able to move the player around the grid! Let me know once you have added this, and we can move to the next step.","created_at":"2024-08-05T19:23:53.845216Z","output_tokens":null},{"deleted":0,"code_id":128289,"input_tokens":null,"id":62744,"project_id":2560,"sender":"human","message":"ERROR Uncaught ReferenceError: findInitialPlayerPosition is not defined at 48:5 in script.js\nLOG 🌸 p5.js says: There's an error due to \"findInitialPlayerPosition\" not being defined in the current scope (on line 48 in 75599e2b-9d01-4557-91cf-8bc307e8d011 [blob:https://jippity.pro/75599e2b-9d01-4557-91cf-8bc307e8d011:48:5]). If you have defined it in your code, you should check its scope, spelling, and letter-casing (JavaScript is case-sensitive). For more: https://p5js.org/examples/data-variable-scope.html https://developer.mozilla.org/docs/Web/JavaScript/Reference/Errors/Not_Defined#What_went_wrong\n","created_at":"2024-08-05T19:31:56.116921Z","output_tokens":null},{"deleted":0,"code_id":128289,"input_tokens":null,"id":62745,"project_id":2560,"sender":"ai","message":"It looks like we forgot to define the `findInitialPlayerPosition` function. Let's go ahead and add that function to your code.\n\n### Define `findInitialPlayerPosition` Function\n\nAdd the following function to your","created_at":"2024-08-05T19:31:56.123289Z","output_tokens":null}],"assets":[{"cloudinary_id":"vkqailifxbo2d72eikhr","project_id":2560,"created_at":"2024-08-04T17:46:46.183420Z","deleted":false,"name":"tinyTown_spritesheet","resource_type":"image","id":16551},{"cloudinary_id":"jqffpn6kugxpw7pbcwnn","project_id":2560,"created_at":"2024-08-04T17:46:46.180482Z","deleted":false,"name":"tinyTownCover","resource_type":"image","id":16550}],"messages_sent":4,"comments":[],"steps":[{"instruction":"After looking at the available assets, chat with the AI tutor about what kind of project you would like to make. A cozy world builder? An RPG? A Village Simulation? Something else related to a town or castle?","title":"Decide on what kind of project to build","created_at":"2024-05-28T22:21:33.722328","project_id":2560,"complete":false,"step_number":1,"updated_at":"2024-08-04T17:46:46.174371","id":10495}]}