swarm-game/swarm
1
1
Fork 0
mirror of https://github.com/swarm-game/swarm.git synced 2024-12-13 05:10:31 +03:00
Code Issues Projects Releases Wiki Activity

Migrate to v8 of pixi.js, vendor the library (#2144)

Browse Source 
Include `pixi.js` in repo to avoid getting broken by upstream changes.

```
scripts/play.sh -i data/scenarios/Challenges/ice-cream.yaml
```
![Screenshot from 2024-09-14 16-41-24](https://github.com/user-attachments/assets/89edaef0-4197-4dac-adde-a409ac5c86f4)
This commit is contained in:
Karl Ostmo 2024-09-14 17:57:40 -07:00 committed by GitHub
parent 7b99e721a6
commit 746be8f4f6
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
4 changed files with 44124 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
web/play.html
View File

@ -2,20 +2,20 @@
<html>
<head>
<title>Web frontend</title>
<script src="https://pixijs.download/release/pixi.js"></script>
<script src="script/pixi.js"></script>
<script src="script/display.js"></script>
<script src="script/fetch.js"></script>
<script>
<script type="module">
function startLoop() {
async function startLoop() {
const button = document.getElementById('restart-button');
button.style.display = 'none';
let displayWidth = 600;
let displayHeight = 300;
let out = setupGraphics(button, displayWidth, displayHeight);
let out = await setupGraphics(button, displayWidth, displayHeight);
let appView = out[0];
let graphics = out[1];
doFetch(button, appView, graphics, displayWidth, displayHeight);

9
web/script/display.js
View File

@ -1,15 +1,16 @@
function setupGraphics(button, displayWidth, displayHeight) {
async function setupGraphics(button, displayWidth, displayHeight) {
const app = new PIXI.Application();
// Create the application helper and add its render target to the page
let app = new PIXI.Application({
await app.init({
width: displayWidth,
height: displayHeight,
backgroundColor: 0xFFFFFF
});
document.body.insertBefore(app.view, button);
document.body.insertBefore(app.canvas, button);
const graphics = new PIXI.Graphics();
app.stage.addChild(graphics);
return [app.view, graphics];
return [app.canvas, graphics];
}

5
web/script/fetch.js
View File

@ -14,11 +14,10 @@ function drawGraphics(graphics, colorMap, grid) {
let colorIdx = row[colIdx];
let color = colorMap[colorIdx];
graphics.beginFill(color);
let xPos = colIdx * cellSize;
let yPos = rowIdx * cellSize;
graphics.drawRect(xPos, yPos, xPos + cellSize, yPos + cellSize);
graphics.endFill();
graphics.rect(xPos, yPos, xPos + cellSize, yPos + cellSize);
graphics.fill(color);
}
}
}

44113
web/script/pixi.js Normal file
View File

File diff suppressed because one or more lines are too long