swarm-game/swarm
1
1
Fork 0
mirror of https://github.com/swarm-game/swarm.git synced 2025-01-05 23:34:35 +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> <html>
<head> <head>
<title>Web frontend</title> <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/display.js"></script>
<script src="script/fetch.js"></script> <script src="script/fetch.js"></script>
<script> <script type="module">
function startLoop() { async function startLoop() {
const button = document.getElementById('restart-button'); const button = document.getElementById('restart-button');
button.style.display = 'none'; button.style.display = 'none';
let displayWidth = 600; let displayWidth = 600;
let displayHeight = 300; let displayHeight = 300;
let out = setupGraphics(button, displayWidth, displayHeight); let out = await setupGraphics(button, displayWidth, displayHeight);
let appView = out[0]; let appView = out[0];
let graphics = out[1]; let graphics = out[1];
doFetch(button, appView, graphics, displayWidth, displayHeight); 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 // Create the application helper and add its render target to the page
let app = new PIXI.Application({ await app.init({
width: displayWidth, width: displayWidth,
height: displayHeight, height: displayHeight,
backgroundColor: 0xFFFFFF backgroundColor: 0xFFFFFF
}); });
document.body.insertBefore(app.view, button); document.body.insertBefore(app.canvas, button);
const graphics = new PIXI.Graphics(); const graphics = new PIXI.Graphics();
app.stage.addChild(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 colorIdx = row[colIdx];
let color = colorMap[colorIdx]; let color = colorMap[colorIdx];
graphics.beginFill(color);
let xPos = colIdx * cellSize; let xPos = colIdx * cellSize;
let yPos = rowIdx * cellSize; let yPos = rowIdx * cellSize;
graphics.drawRect(xPos, yPos, xPos + cellSize, yPos + cellSize); graphics.rect(xPos, yPos, xPos + cellSize, yPos + cellSize);
graphics.endFill(); graphics.fill(color);
} }
} }
} }

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

File diff suppressed because one or more lines are too long