{"json_modified": "2015-11-20T21:31:39.233351", "slug": "Games/Techniques/Tilemaps", "tags": [], "locale": "pt-BR", "title": "No\u00e7\u00f5es de tile e tilemaps", "translations": [{"title": "Tiles and tilemaps overview", "url": "/en-US/docs/Games/Techniques/Tilemaps", "tags": ["Canvas", "Static", "WebGL", "JavaScript", "tiles", "tilemap", "Games", "2D"], "summary": "Tilemaps are a very popular technique in 2D game development, consisting of building the game world or level map out of small, regular-shaped images called <strong>tiles</strong>. This results in performance and memory usage gains \u2014 big image files containing entire level maps are not needed, as they are constructed by small images or image fragments multiple times. This set of articles covers the basics of creating tile maps using <a href=\"/en-US/docs/Web/JavaScript\">JavaScript</a> and <a href=\"/en-US/docs/Web/API/Canvas_API\">Canvas</a> (although the same high level techniques could be used in any programming language.)", "localization_tags": [], "locale": "en-US", "last_edit": "2015-10-19T10:50:33", "review_tags": []}], "modified": "2015-11-20T21:31:38", "label": "No\u00e7\u00f5es de tile e tilemaps", "localization_tags": ["inprogress"], "url": "/pt-BR/docs/Games/Techniques/Tilemaps", "last_edit": "2015-11-20T21:31:37", "summary": "A constru\u00e7\u00e3o de\u00a0 tilemaps \u00e9 uma t\u00e9cnica muito popular no desenvolvimento de jogos 2D, consistindo em\u00a0construir\u00a0o mundo do jogo ou\u00a0mapas de pequeno porte\u00a0atrav\u00e9s de imagens em forma de quadrado regular chamadas\u00a0tile. O uso de tilemaps resulta em uma melhor performance e baixo gasto de mem\u00f3ria nos\u00a0jogos\u00a0\u2014 uma grande imagem como fundo cont\u00e9m locais inacess\u00edveis ao jogador e acaba consumindo\u00a0uma quantidade de\u00a0mem\u00f3ria desnecessariamente. Esse conjunto de artigos cont\u00e9m o b\u00e1sico para criar tilemaps usando JavaScript e o Canvas\u00a0(embora essas mesmas t\u00e9cnicas\u00a0pudessem ser aplicadas em qualquer outra linguagem de programa\u00e7\u00e3o.)", "sections": [{"id": "The_tile_atlas", "title": "The tile atlas"}, {"id": "The_tilemap_data_structure", "title": "The tilemap data structure"}, {"id": "Square_tiles", "title": "Square tiles"}, {"id": "Static_tilemaps", "title": "Static tilemaps"}, {"id": "Scrolling_tilemaps", "title": "Scrolling tilemaps"}, {"id": "Positioning_and_camera", "title": "Positioning and camera"}, {"id": "Rendering", "title": "Rendering"}, {"id": "Layers", "title": "Layers"}, {"id": "The_logic_grid", "title": "The logic grid"}, {"id": "Isometric_tilemaps", "title": "Isometric tilemaps"}, {"id": "Performance", "title": "Performance"}, {"id": "See_also", "title": "See also"}], "id": 166937, "review_tags": []}