Basic Renderer
* Adds Tiled map JSON rendering * TODO Cleanup & Organization
This commit is contained in:
Indrajith K L
1
.gitignore
vendored
Normal file
1
.gitignore
vendored
Normal file
@@ -0,0 +1 @@
|
|||||||
|
*.log
|
||||||
73
assets/level1.json
Normal file
73
assets/level1.json
Normal file
@@ -0,0 +1,73 @@
|
|||||||
|
{ "compressionlevel":-1,
|
||||||
|
"editorsettings":
|
||||||
|
{
|
||||||
|
"export":
|
||||||
|
{
|
||||||
|
"format":"json",
|
||||||
|
"target":"level1.json"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"height":16,
|
||||||
|
"infinite":false,
|
||||||
|
"layers":[
|
||||||
|
{
|
||||||
|
"data":[1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1],
|
||||||
|
"height":16,
|
||||||
|
"id":1,
|
||||||
|
"name":"ground",
|
||||||
|
"opacity":1,
|
||||||
|
"type":"tilelayer",
|
||||||
|
"visible":true,
|
||||||
|
"width":16,
|
||||||
|
"x":0,
|
||||||
|
"y":0
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"data":[0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 81, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 97, 98, 99, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 114, 115, 116, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 131, 132, 133, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 108, 110, 109, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
|
||||||
|
"height":16,
|
||||||
|
"id":2,
|
||||||
|
"name":"buildings",
|
||||||
|
"opacity":1,
|
||||||
|
"type":"tilelayer",
|
||||||
|
"visible":true,
|
||||||
|
"width":16,
|
||||||
|
"x":0,
|
||||||
|
"y":0
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"data":[0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 120, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
|
||||||
|
"height":16,
|
||||||
|
"id":4,
|
||||||
|
"name":"Tile Layer 3",
|
||||||
|
"opacity":1,
|
||||||
|
"type":"tilelayer",
|
||||||
|
"visible":true,
|
||||||
|
"width":16,
|
||||||
|
"x":0,
|
||||||
|
"y":0
|
||||||
|
}],
|
||||||
|
"nextlayerid":5,
|
||||||
|
"nextobjectid":1,
|
||||||
|
"orientation":"orthogonal",
|
||||||
|
"renderorder":"right-down",
|
||||||
|
"tiledversion":"1.5.0",
|
||||||
|
"tileheight":16,
|
||||||
|
"tilesets":[
|
||||||
|
{
|
||||||
|
"columns":17,
|
||||||
|
"firstgid":1,
|
||||||
|
"image":"tilemap_packed.png",
|
||||||
|
"imageheight":128,
|
||||||
|
"imagewidth":272,
|
||||||
|
"margin":0,
|
||||||
|
"name":"main_tileset",
|
||||||
|
"spacing":0,
|
||||||
|
"tilecount":136,
|
||||||
|
"tileheight":16,
|
||||||
|
"tilewidth":16
|
||||||
|
}],
|
||||||
|
"tilewidth":16,
|
||||||
|
"type":"map",
|
||||||
|
"version":1.5,
|
||||||
|
"width":16
|
||||||
|
}
|
||||||
67
assets/level1.tmx
Normal file
67
assets/level1.tmx
Normal file
@@ -0,0 +1,67 @@
|
|||||||
|
<?xml version="1.0" encoding="UTF-8"?>
|
||||||
|
<map version="1.5" tiledversion="1.5.0" orientation="orthogonal" renderorder="right-down" width="16" height="16" tilewidth="16" tileheight="16" infinite="0" nextlayerid="5" nextobjectid="1">
|
||||||
|
<editorsettings>
|
||||||
|
<export target="level1.json" format="json"/>
|
||||||
|
</editorsettings>
|
||||||
|
<tileset firstgid="1" source="main_tileset.tsx"/>
|
||||||
|
<layer id="1" name="ground" width="16" height="16">
|
||||||
|
<data encoding="csv">
|
||||||
|
1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,
|
||||||
|
1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,
|
||||||
|
1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,
|
||||||
|
1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,
|
||||||
|
1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,
|
||||||
|
1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,
|
||||||
|
1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,
|
||||||
|
1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,
|
||||||
|
1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,
|
||||||
|
1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,
|
||||||
|
1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,
|
||||||
|
1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,
|
||||||
|
1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,
|
||||||
|
1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,
|
||||||
|
1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,
|
||||||
|
1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1
|
||||||
|
</data>
|
||||||
|
</layer>
|
||||||
|
<layer id="2" name="buildings" width="16" height="16">
|
||||||
|
<data encoding="csv">
|
||||||
|
0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,
|
||||||
|
0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,
|
||||||
|
0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,
|
||||||
|
0,0,0,0,0,0,0,81,0,0,0,0,0,0,0,0,
|
||||||
|
0,0,0,0,0,0,97,98,99,0,0,0,0,0,0,0,
|
||||||
|
0,0,0,0,0,0,114,115,116,0,0,0,0,0,0,0,
|
||||||
|
0,0,0,0,0,0,131,132,133,0,0,0,0,0,0,0,
|
||||||
|
0,0,0,0,0,0,108,110,109,0,0,0,0,0,0,0,
|
||||||
|
0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,
|
||||||
|
0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,
|
||||||
|
0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,
|
||||||
|
0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,
|
||||||
|
0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,
|
||||||
|
0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,
|
||||||
|
0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,
|
||||||
|
0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0
|
||||||
|
</data>
|
||||||
|
</layer>
|
||||||
|
<layer id="4" name="Tile Layer 3" width="16" height="16">
|
||||||
|
<data encoding="csv">
|
||||||
|
0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,
|
||||||
|
0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,
|
||||||
|
0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,
|
||||||
|
0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,
|
||||||
|
0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,
|
||||||
|
0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,
|
||||||
|
0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,
|
||||||
|
0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,
|
||||||
|
0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,
|
||||||
|
0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,
|
||||||
|
0,0,0,0,0,120,0,0,0,0,0,0,0,0,0,0,
|
||||||
|
0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,
|
||||||
|
0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,
|
||||||
|
0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,
|
||||||
|
0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,
|
||||||
|
0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0
|
||||||
|
</data>
|
||||||
|
</layer>
|
||||||
|
</map>
|
||||||
4
assets/main_tileset.tsx
Normal file
4
assets/main_tileset.tsx
Normal file
@@ -0,0 +1,4 @@
|
|||||||
|
<?xml version="1.0" encoding="UTF-8"?>
|
||||||
|
<tileset version="1.5" tiledversion="1.5.0" name="main_tileset" tilewidth="16" tileheight="16" tilecount="136" columns="17">
|
||||||
|
<image source="tilemap_packed.png" width="272" height="128"/>
|
||||||
|
</tileset>
|
||||||
BIN
assets/tilemap_packed.png
Normal file
BIN
assets/tilemap_packed.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.4 KiB |
5
layerType.wren
Normal file
5
layerType.wren
Normal file
@@ -0,0 +1,5 @@
|
|||||||
|
// ENUM lol
|
||||||
|
class LayerType {
|
||||||
|
static Tile { "tilelayer" }
|
||||||
|
static Object { "objectgroup" }
|
||||||
|
}
|
||||||
72
main.wren
Normal file
72
main.wren
Normal file
@@ -0,0 +1,72 @@
|
|||||||
|
import "graphics" for ImageData
|
||||||
|
import "json" for Json
|
||||||
|
import "graphics" for Canvas, Color
|
||||||
|
import "./layerType" for LayerType
|
||||||
|
import "dome" for Window
|
||||||
|
import "math" for Math
|
||||||
|
class Main {
|
||||||
|
construct new() {
|
||||||
|
_tileSheet = ImageData.loadFromFile("assets/tilemap_packed.png")
|
||||||
|
_tileSheetH = 128
|
||||||
|
_tileSheetW = 272
|
||||||
|
_tileH = 16
|
||||||
|
_tileW = 16
|
||||||
|
_rows = _tileSheetW/_tileW
|
||||||
|
_cols = _tileSheetH/_tileH
|
||||||
|
_levelData = Json.load("assets/level1.json")
|
||||||
|
_levelHeight = _levelData["tileheight"]
|
||||||
|
_levelWidth = _levelData["tilewidth"]
|
||||||
|
_layers = _levelData["layers"]
|
||||||
|
Window.resize(256, 256)
|
||||||
|
Canvas.resize(256, 256)
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
init() {
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
update() {
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
drawTile(tileIndex, mapX, mapY) {
|
||||||
|
var spriteX = (tileIndex % _rows)
|
||||||
|
var spriteY = Math.floor ((tileIndex - spriteX) % _cols)
|
||||||
|
_tileSheet.transform({
|
||||||
|
"srcX": spriteX * 16,
|
||||||
|
"srcY": spriteY * 16,
|
||||||
|
"srcW": _tileW,
|
||||||
|
"srcH": _tileH,
|
||||||
|
"scaleX": 1,
|
||||||
|
"scaleY": 1
|
||||||
|
}).draw(mapX*16,mapY*16)
|
||||||
|
}
|
||||||
|
|
||||||
|
drawLevel(x, y) {
|
||||||
|
for(layer in _layers) {
|
||||||
|
var index = 0
|
||||||
|
for(levelY in 0...(_levelHeight)) {
|
||||||
|
for(levelX in 0...(_levelWidth)) {
|
||||||
|
if((layer["type"] == LayerType.Tile) && (layer["visible"] == true)) {
|
||||||
|
var tileIndex = layer["data"][index]
|
||||||
|
if (tileIndex > 0) {
|
||||||
|
drawTile(tileIndex-1, levelX, levelY)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
index = index + 1
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
getTile() {
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
draw(alpha) {
|
||||||
|
drawLevel(0,0)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
var Game = Main.new()
|
||||||
22
scratch.md
Normal file
22
scratch.md
Normal file
@@ -0,0 +1,22 @@
|
|||||||
|
|
||||||
|
## Wren Scratch
|
||||||
|
### Matrix
|
||||||
|
```wren
|
||||||
|
var matrix = [[1, 2, 3], [4, 5, 6]]
|
||||||
|
System.print(matrix[0][0])
|
||||||
|
for(layer in _layerData) {
|
||||||
|
System.print(layer)
|
||||||
|
}
|
||||||
|
```
|
||||||
|
|
||||||
|
### Sprite Sheet Transform
|
||||||
|
```wren
|
||||||
|
_spriteSheet.transform({
|
||||||
|
"srcX": 16*14,
|
||||||
|
"srcY": 0,
|
||||||
|
"srcW": 16,
|
||||||
|
"srcH": 16,
|
||||||
|
"scaleX": 2,
|
||||||
|
"scaleY": 2
|
||||||
|
}).draw(0,0)
|
||||||
|
```
|
||||||
Reference in New Issue
Block a user