imshvc/noxious_client
1
0
Fork 0
forked from noxious/client
Code Pull Requests Activity

Optimization, small tailwind tweaks

Browse Source
This commit is contained in:
Colin Kallemein
2024-07-06 23:31:37 +02:00
parent 5fad4583ad
commit dfe5550fa6
14 changed files with 66 additions and 68 deletions
Download Patch File Download Diff File Expand all files Collapse all files

61
src/screens/Game.vue
View File

@ -78,13 +78,13 @@ const preloadScene = (scene: Phaser.Scene) => {
/**
* Create loading bar
*/
const width = scene.cameras.main.width;
const height = scene.cameras.main.height;
const width = scene.cameras.main.width
const height = scene.cameras.main.height
const progressBox = scene.add.graphics();
const progressBar = scene.add.graphics();
progressBox.fillStyle(0x222222, 0.8);
progressBox.fillRect(width / 2 - 180, height / 2, 320, 50);
const progressBox = scene.add.graphics()
const progressBar = scene.add.graphics()
progressBox.fillStyle(0x222222, 0.8)
progressBox.fillRect(width / 2 - 180, height / 2, 320, 50)
const loadingText = scene.make.text({
x: width / 2,
@ -94,21 +94,21 @@ const preloadScene = (scene: Phaser.Scene) => {
font: '20px monospace',
fill: '#ffffff'
}
});
loadingText.setOrigin(0.5, 0.5);
})
loadingText.setOrigin(0.5, 0.5)
scene.load.on('progress', function (value: any) {
progressBar.clear();
progressBar.fillStyle(0x368f8b, 1);
progressBar.fillRect(width / 2 - 180 + 10, height / 2 + 10, 300 * value, 30);
});
progressBar.clear()
progressBar.fillStyle(0x368f8b, 1)
progressBar.fillRect(width / 2 - 180 + 10, height / 2 + 10, 300 * value, 30)
})
scene.load.on('complete', function () {
progressBar.destroy();
progressBox.destroy();
loadingText.destroy();
progressBar.destroy()
progressBox.destroy()
loadingText.destroy()
isLoaded.value = true
});
})
/**
* Load the assets into the Phaser scene
@ -144,21 +144,20 @@ const createScene = (scene: Phaser.Scene) => {
* Watch for changes in assets and reload them
*/
watch(assets, (newAssets) => {
newAssets.forEach((asset) => {
if (asset.type === 'link') {
scene.load.image(asset.key, config.server_endpoint + '/assets' + asset.value + '.png')
}
if (asset.type === 'base64') {
scene.textures.addBase64(asset.key, asset.value)
}
})
newAssets.forEach((asset) => {
if (asset.type === 'link') {
scene.load.image(asset.key, config.server_endpoint + '/assets' + asset.value + '.png')
}
if (asset.type === 'base64') {
scene.textures.addBase64(asset.key, asset.value)
}
})
scene.load.start()
scene.load.start()
scene.load.once('complete', () => {
console.log('assets re-loaded')
})
}
)
scene.load.once('complete', () => {
console.log('assets re-loaded')
})
})
}
</script>
</script>