trafficlunar/blockmatic
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: update spritesheet and data

Browse source
This commit is contained in:
trafficlunar 2024-12-21 16:53:52 +00:00
parent 01bb44965d
commit 94e560a60d
7 changed files with 7 additions and 731 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
public/bliss.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 107 KiB

BIN
public/blocks/programmer-art/spritesheet.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 133 KiB

After

Width:  |  Height:  |  Size: 125 KiB

2
src/components/canvas/Blocks.tsx
View file

@ -31,7 +31,7 @@ function Blocks({ blocks, setBlocks, textures, image, imageDimensions, coords, s
tilemap.clear();
blocks.forEach((block) => {
tilemap.tile(textures[block.name] ?? missingTexture, block.x * 16, block.y * 16);
tilemap.tile(textures[`${block.name}.png`] ?? missingTexture, block.x * 16, block.y * 16);
});
};

3
src/components/toolbar/SelectedBlock.tsx
View file

@ -10,6 +10,9 @@ function SelectedBlock() {
const { selectedBlock } = useContext(ToolContext);
const convertToDataUrl = (textureName: string): string => {
// Show missing texture if fail
if (!textures["stone"])
return "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAIAAACQkWg2AAAAGUlEQVR42mPABX4w/MCKaKJhVMPgcOuoBgDZRfgBVl5QdQAAAABJRU5ErkJggg==";
const texture = textures[textureName];
const canvas = document.createElement("canvas");

273
src/data/blocks/programmer-art/average_colors.json
View file

File diff suppressed because one or more lines are too long

2
src/data/blocks/programmer-art/spritesheet.json
View file

File diff suppressed because one or more lines are too long

458
src/data/welcome.json
View file

@ -1,457 +1 @@
[
{
"name": "stone",
"x": 0,
"y": 0
},
{
"name": "stone",
"x": 0,
"y": 1
},
{
"name": "stone",
"x": 0,
"y": 2
},
{
"name": "stone",
"x": 0,
"y": 3
},
{
"name": "stone",
"x": 1,
"y": 0
},
{
"name": "stone",
"x": 0,
"y": 4
},
{
"name": "stone",
"x": 2,
"y": 2
},
{
"name": "stone",
"x": 2,
"y": 1
},
{
"name": "stone",
"x": 2,
"y": 3
},
{
"name": "stone",
"x": 1,
"y": 4
},
{
"name": "stone",
"x": 1,
"y": 2
},
{
"name": "stone",
"x": 4,
"y": 0
},
{
"name": "stone",
"x": 4,
"y": 1
},
{
"name": "stone",
"x": 4,
"y": 2
},
{
"name": "stone",
"x": 4,
"y": 3
},
{
"name": "stone",
"x": 4,
"y": 4
},
{
"name": "stone",
"x": 5,
"y": 4
},
{
"name": "stone",
"x": 8,
"y": 0
},
{
"name": "stone",
"x": 7,
"y": 0
},
{
"name": "stone",
"x": 7,
"y": 1
},
{
"name": "stone",
"x": 7,
"y": 2
},
{
"name": "stone",
"x": 7,
"y": 3
},
{
"name": "stone",
"x": 7,
"y": 4
},
{
"name": "stone",
"x": 8,
"y": 4
},
{
"name": "stone",
"x": 9,
"y": 4
},
{
"name": "stone",
"x": 9,
"y": 3
},
{
"name": "stone",
"x": 9,
"y": 2
},
{
"name": "stone",
"x": 9,
"y": 1
},
{
"name": "stone",
"x": 9,
"y": 0
},
{
"name": "stone",
"x": 12,
"y": 0
},
{
"name": "stone",
"x": 11,
"y": 0
},
{
"name": "stone",
"x": 11,
"y": 1
},
{
"name": "stone",
"x": 11,
"y": 2
},
{
"name": "stone",
"x": 11,
"y": 3
},
{
"name": "stone",
"x": 11,
"y": 4
},
{
"name": "stone",
"x": 12,
"y": 4
},
{
"name": "stone",
"x": 14,
"y": 0
},
{
"name": "stone",
"x": 14,
"y": 1
},
{
"name": "stone",
"x": 14,
"y": 2
},
{
"name": "stone",
"x": 14,
"y": 3
},
{
"name": "stone",
"x": 14,
"y": 4
},
{
"name": "stone",
"x": 15,
"y": 2
},
{
"name": "stone",
"x": 16,
"y": 1
},
{
"name": "stone",
"x": 16,
"y": 0
},
{
"name": "stone",
"x": 16,
"y": 3
},
{
"name": "stone",
"x": 16,
"y": 4
},
{
"name": "stone",
"x": 18,
"y": 4
},
{
"name": "stone",
"x": 18,
"y": 3
},
{
"name": "stone",
"x": 18,
"y": 2
},
{
"name": "stone",
"x": 18,
"y": 1
},
{
"name": "stone",
"x": 18,
"y": 0
},
{
"name": "stone",
"x": 19,
"y": 0
},
{
"name": "stone",
"x": 20,
"y": 1
},
{
"name": "stone",
"x": 20,
"y": 2
},
{
"name": "stone",
"x": 21,
"y": 0
},
{
"name": "stone",
"x": 22,
"y": 1
},
{
"name": "stone",
"x": 22,
"y": 2
},
{
"name": "stone",
"x": 22,
"y": 3
},
{
"name": "stone",
"x": 22,
"y": 4
},
{
"name": "stone",
"x": 22,
"y": 0
},
{
"name": "stone",
"x": 24,
"y": 4
},
{
"name": "stone",
"x": 24,
"y": 3
},
{
"name": "stone",
"x": 24,
"y": 2
},
{
"name": "stone",
"x": 24,
"y": 1
},
{
"name": "stone",
"x": 24,
"y": 0
},
{
"name": "stone",
"x": 25,
"y": 0
},
{
"name": "stone",
"x": 26,
"y": 0
},
{
"name": "stone",
"x": 26,
"y": 1
},
{
"name": "stone",
"x": 26,
"y": 2
},
{
"name": "stone",
"x": 26,
"y": 3
},
{
"name": "stone",
"x": 26,
"y": 4
},
{
"name": "stone",
"x": 25,
"y": 3
},
{
"name": "stone",
"x": 28,
"y": 0
},
{
"name": "stone",
"x": 30,
"y": 0
},
{
"name": "stone",
"x": 29,
"y": 0
},
{
"name": "stone",
"x": 29,
"y": 1
},
{
"name": "stone",
"x": 29,
"y": 2
},
{
"name": "stone",
"x": 29,
"y": 3
},
{
"name": "stone",
"x": 29,
"y": 4
},
{
"name": "stone",
"x": 32,
"y": 0
},
{
"name": "stone",
"x": 32,
"y": 1
},
{
"name": "stone",
"x": 32,
"y": 2
},
{
"name": "stone",
"x": 32,
"y": 3
},
{
"name": "stone",
"x": 32,
"y": 4
},
{
"name": "stone",
"x": 35,
"y": 0
},
{
"name": "stone",
"x": 34,
"y": 0
},
{
"name": "stone",
"x": 34,
"y": 1
},
{
"name": "stone",
"x": 34,
"y": 2
},
{
"name": "stone",
"x": 34,
"y": 3
},
{
"name": "stone",
"x": 34,
"y": 4
},
{
"name": "stone",
"x": 35,
"y": 4
}
]
[{"name":"stone","x":0,"y":0},{"name":"stone","x":0,"y":1},{"name":"stone","x":0,"y":2},{"name":"stone","x":0,"y":3},{"name":"stone","x":1,"y":0},{"name":"stone","x":0,"y":4},{"name":"stone","x":2,"y":2},{"name":"stone","x":2,"y":1},{"name":"stone","x":2,"y":3},{"name":"stone","x":1,"y":4},{"name":"stone","x":1,"y":2},{"name":"stone","x":4,"y":0},{"name":"stone","x":4,"y":1},{"name":"stone","x":4,"y":2},{"name":"stone","x":4,"y":3},{"name":"stone","x":4,"y":4},{"name":"stone","x":5,"y":4},{"name":"stone","x":8,"y":0},{"name":"stone","x":7,"y":0},{"name":"stone","x":7,"y":1},{"name":"stone","x":7,"y":2},{"name":"stone","x":7,"y":3},{"name":"stone","x":7,"y":4},{"name":"stone","x":8,"y":4},{"name":"stone","x":9,"y":4},{"name":"stone","x":9,"y":3},{"name":"stone","x":9,"y":2},{"name":"stone","x":9,"y":1},{"name":"stone","x":9,"y":0},{"name":"stone","x":12,"y":0},{"name":"stone","x":11,"y":0},{"name":"stone","x":11,"y":1},{"name":"stone","x":11,"y":2},{"name":"stone","x":11,"y":3},{"name":"stone","x":11,"y":4},{"name":"stone","x":12,"y":4},{"name":"stone","x":14,"y":0},{"name":"stone","x":14,"y":1},{"name":"stone","x":14,"y":2},{"name":"stone","x":14,"y":3},{"name":"stone","x":14,"y":4},{"name":"stone","x":15,"y":2},{"name":"stone","x":16,"y":1},{"name":"stone","x":16,"y":0},{"name":"stone","x":16,"y":3},{"name":"stone","x":16,"y":4},{"name":"stone","x":18,"y":4},{"name":"stone","x":18,"y":3},{"name":"stone","x":18,"y":2},{"name":"stone","x":18,"y":1},{"name":"stone","x":18,"y":0},{"name":"stone","x":19,"y":0},{"name":"stone","x":20,"y":1},{"name":"stone","x":20,"y":2},{"name":"stone","x":21,"y":0},{"name":"stone","x":22,"y":1},{"name":"stone","x":22,"y":2},{"name":"stone","x":22,"y":3},{"name":"stone","x":22,"y":4},{"name":"stone","x":22,"y":0},{"name":"stone","x":24,"y":4},{"name":"stone","x":24,"y":3},{"name":"stone","x":24,"y":2},{"name":"stone","x":24,"y":1},{"name":"stone","x":24,"y":0},{"name":"stone","x":25,"y":0},{"name":"stone","x":26,"y":0},{"name":"stone","x":26,"y":1},{"name":"stone","x":26,"y":2},{"name":"stone","x":26,"y":3},{"name":"stone","x":26,"y":4},{"name":"stone","x":25,"y":3},{"name":"stone","x":28,"y":0},{"name":"stone","x":30,"y":0},{"name":"stone","x":29,"y":0},{"name":"stone","x":29,"y":1},{"name":"stone","x":29,"y":2},{"name":"stone","x":29,"y":3},{"name":"stone","x":29,"y":4},{"name":"stone","x":32,"y":0},{"name":"stone","x":32,"y":1},{"name":"stone","x":32,"y":2},{"name":"stone","x":32,"y":3},{"name":"stone","x":32,"y":4},{"name":"stone","x":35,"y":0},{"name":"stone","x":34,"y":0},{"name":"stone","x":34,"y":1},{"name":"stone","x":34,"y":2},{"name":"stone","x":34,"y":3},{"name":"stone","x":34,"y":4},{"name":"stone","x":35,"y":4}]