trafficlunar/blockmatic
1
0
Fork 0
mirror of https://github.com/trafficlunar/blockmatic.git synced 2026-06-28 06:34:13 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix: add air block and fix transparency on images

Browse source
This commit is contained in:
trafficlunar 2024-12-28 16:57:50 +00:00
parent 5c856d55c4
commit 5804853395
6 changed files with 44 additions and 20 deletions
Download patch file Download diff file Expand all files Collapse all files

15
src/context/Textures.tsx
View file

@ -28,19 +28,22 @@ export const TexturesProvider = ({ children }: Props) => {
useEffect(() => {
// Load missing texture
const baseTexture = new PIXI.BaseTexture(
const missingBaseTexture = new PIXI.BaseTexture(
"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAIAAACQkWg2AAAAGUlEQVR42mPABX4w/MCKaKJhVMPgcOuoBgDZRfgBVl5QdQAAAABJRU5ErkJggg=="
);
setMissingTexture(new PIXI.Texture(baseTexture));
setMissingTexture(new PIXI.Texture(missingBaseTexture));
// Load textures
const sheet = new PIXI.Spritesheet(PIXI.BaseTexture.from("/blocks/spritesheet.png"), spritesheet);
sheet.parse().then((t) => {
setTextures(t);
// Add air texture
const airBaseTexture = new PIXI.BaseTexture("/blocks/air.png");
setTextures({ ...t, "air.png": new PIXI.Texture(airBaseTexture) });
});
// Load solid textures
const solidT: Record<string, PIXI.Texture> = {};
const solidTexturesCollection: Record<string, PIXI.Texture> = {};
const canvas = document.createElement("canvas");
canvas.width = 16;
@ -58,10 +61,10 @@ export const TexturesProvider = ({ children }: Props) => {
const baseTexture = new PIXI.BaseTexture(image);
const texture = new PIXI.Texture(baseTexture);
solidT[blockName] = texture;
solidTexturesCollection[blockName] = texture;
});
setSolidTextures(solidT);
setSolidTextures(solidTexturesCollection);
setLoading(false);
}, []);