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

refactor: move missing texture into context

Browse source
This commit is contained in:
trafficlunar 2024-12-24 20:12:03 +00:00
parent 324f9569ce
commit 78b762a361
4 changed files with 17 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

11
src/context/Textures.tsx
View file

@ -12,6 +12,7 @@ interface Props {
}
export const TexturesContext = createContext({
missingTexture: {} as PIXI.Texture | undefined,
textures: {} as Record<string, PIXI.Texture>,
solidTextures: {} as Record<string, PIXI.Texture>,
});
@ -19,10 +20,18 @@ export const TexturesContext = createContext({
export const TexturesProvider = ({ children }: Props) => {
const { setLoading } = useContext(LoadingContext);
const [missingTexture, setMissingTexture] = useState<PIXI.Texture>();
const [textures, setTextures] = useState<Record<string, PIXI.Texture>>({});
const [solidTextures, setSolidTextures] = useState<Record<string, PIXI.Texture>>({});
useEffect(() => {
// Load missing texture
const baseTexture = new PIXI.BaseTexture(
"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAIAAACQkWg2AAAAGUlEQVR42mPABX4w/MCKaKJhVMPgcOuoBgDZRfgBVl5QdQAAAABJRU5ErkJggg=="
);
setMissingTexture(new PIXI.Texture(baseTexture));
// Load textures
const sheet = new PIXI.Spritesheet(PIXI.BaseTexture.from("/blocks/programmer-art/spritesheet.png"), spritesheet);
sheet.parse().then((t) => {
setTextures(t);
@ -54,5 +63,5 @@ export const TexturesProvider = ({ children }: Props) => {
setLoading(false);
}, []);
return <TexturesContext.Provider value={{ textures, solidTextures }}>{children}</TexturesContext.Provider>;
return <TexturesContext.Provider value={{ missingTexture, textures, solidTextures }}>{children}</TexturesContext.Provider>;
};