Skip to content
Permalink

Comparing changes

Choose two branches to see what’s changed or to start a new pull request. If you need to, you can also or learn more about diff comparisons.

Open a pull request

Create a new pull request by comparing changes across two branches. If you need to, you can also . Learn more about diff comparisons here.
base repository: bfanger/pixi-inspector
Failed to load repositories. Confirm that selected base ref is valid, then try again.
Loading
base: 2.2.0
Choose a base ref
...
head repository: bfanger/pixi-inspector
Failed to load repositories. Confirm that selected head ref is valid, then try again.
Loading
compare: main
Choose a head ref

Commits on Mar 12, 2023

  1. fix: Invalid event.movementX values in Firefox

    Bob Fanger committed Mar 12, 2023
    Copy the full SHA
    d056641 View commit details
  2. fix: Arrow buttons are now clickable

    Bob Fanger committed Mar 12, 2023
    Copy the full SHA
    9ed417a View commit details

Commits on Mar 17, 2023

  1. feat: Added SearchInput component

    Bob Fanger committed Mar 17, 2023
    Copy the full SHA
    167ece6 View commit details
  2. feat: Display the anchor/origin dot

    Fixes #110
    Bob Fanger committed Mar 17, 2023
    Copy the full SHA
    2836f01 View commit details
  3. feat: Added button to copy the code snippet

    Bob Fanger committed Mar 17, 2023
    Copy the full SHA
    73146e6 View commit details
  4. feat: Search

    Fixes #99
    Bob Fanger committed Mar 17, 2023
    Copy the full SHA
    a0d73c3 View commit details

Commits on Mar 18, 2023

  1. chore: Updated deps

    Bob Fanger committed Mar 18, 2023
    Copy the full SHA
    788d40e View commit details
  2. feat: Check for global PIXI object

    Adds a "Patch render engine" button.
    Which makes playing with the examples easier.
    
    #98
    Bob Fanger committed Mar 18, 2023
    Copy the full SHA
    ad874a6 View commit details
  3. Fix: Detect new canvas element and re-add overlay

    Fixes #109
    Bob Fanger committed Mar 18, 2023
    Copy the full SHA
    8cfbea1 View commit details

Commits on Mar 24, 2023

  1. chore: Updated deps

    Bob Fanger committed Mar 24, 2023
    Copy the full SHA
    e5477b0 View commit details
  2. feat: OriginX & Y for Phaser

    Fixes #112
    Bob Fanger committed Mar 24, 2023
    Copy the full SHA
    dc74921 View commit details

Commits on Mar 25, 2023

  1. feat: Uniform highlight outline (unaffected by scale)

    Bob Fanger committed Mar 25, 2023
    Copy the full SHA
    ab97817 View commit details
  2. feat: Added pivot property

    Bob Fanger committed Mar 25, 2023
    Copy the full SHA
    02f1831 View commit details
  3. feat: Improved click to select

    - Skip invisible items #113
    - Cycle through items at the same position when clicking again without moving
    Bob Fanger committed Mar 25, 2023
    Copy the full SHA
    82b9d0e View commit details

Commits on Mar 26, 2023

  1. refactor: Shuffled some files around

    Bob Fanger committed Mar 26, 2023
    Copy the full SHA
    85b5dd3 View commit details
  2. feat: Added Checkbox component

    Bob Fanger committed Mar 26, 2023
    Copy the full SHA
    263b268 View commit details
  3. feat: Selectable/Unselectable toggle in the outliner

    Fixed #113
    Bob Fanger committed Mar 26, 2023
    Copy the full SHA
    c8d06e2 View commit details

Commits on Apr 8, 2023

  1. feat: Added Visibility panel

    Bob Fanger committed Apr 8, 2023
    Copy the full SHA
    384f392 View commit details
  2. feat: Speed control

    Resolves #114
    Bob Fanger committed Apr 8, 2023
    Copy the full SHA
    c50a269 View commit details
  3. fix: Remember collapsed panels

    Bob Fanger committed Apr 8, 2023
    Copy the full SHA
    441576f View commit details

Commits on Apr 9, 2023

  1. feat: Text & Font properties

    Bob Fanger committed Apr 9, 2023
    Copy the full SHA
    c4a827d View commit details

Commits on Apr 10, 2023

  1. refactor: Removed <Properties> component

    Bob Fanger committed Apr 10, 2023
    Copy the full SHA
    198087e View commit details

Commits on Apr 11, 2023

  1. feat: Added toggles for fontStyle & fontVariant

    Bob Fanger committed Apr 11, 2023
    Copy the full SHA
    b4a5b89 View commit details

Commits on Apr 15, 2023

  1. feat: Multiline TextInput (shift-enter)

    Bob Fanger committed Apr 15, 2023
    Copy the full SHA
    3e4cb92 View commit details
  2. Copy the full SHA
    01d84de View commit details

Commits on Apr 16, 2023

  1. feat: SelectMenu component

    Bob Fanger committed Apr 16, 2023
    Copy the full SHA
    e108d0a View commit details

Commits on Apr 18, 2023

  1. fix: Properties when not using __PIXI_APP__

    `let mode` was declared outside the injected code. Fixes #117
    
    Also added _lastObjectRendered as  scene fallback, making the `globalThis.__PIXI_STAGE__ = yourContainer;` also optional in Pixi v5.x
    Bob Fanger committed Apr 18, 2023
    Copy the full SHA
    7f1afcf View commit details

Commits on Apr 27, 2023

  1. Copy the full SHA
    e917f03 View commit details

Commits on Aug 31, 2023

  1. chore: Updated deps

    bfanger committed Aug 31, 2023
    Copy the full SHA
    9c88418 View commit details

Commits on Sep 23, 2023

  1. chore: Updated deps

    bfanger committed Sep 23, 2023
    Copy the full SHA
    6da4ed1 View commit details

Commits on Sep 24, 2023

  1. Copy the full SHA
    6a6f9bb View commit details
  2. feat: Added Rendering & Interactivity panels

    Fixes #121 & 120
    bfanger committed Sep 24, 2023
    Copy the full SHA
    4ac4032 View commit details

Commits on Oct 22, 2023

  1. chore: Update deps

    Bob Fanger committed Oct 22, 2023
    Copy the full SHA
    931b24a View commit details

Commits on Nov 12, 2023

  1. chore: Updated deps

    Bob Fanger committed Nov 12, 2023
    Copy the full SHA
    58b17a3 View commit details

Commits on Jan 19, 2024

  1. chore: Updated deps

    bfanger committed Jan 19, 2024
    Copy the full SHA
    7cc1efe View commit details

Commits on Jan 20, 2024

  1. chore: Updated deps

    bfanger committed Jan 20, 2024
    Copy the full SHA
    1ef6a2a View commit details

Commits on Feb 4, 2024

  1. chore: Updated deps

    bfanger committed Feb 4, 2024
    Copy the full SHA
    6203fa8 View commit details

Commits on Mar 7, 2024

  1. Copy the full SHA
    6e4cf59 View commit details

Commits on Mar 9, 2024

  1. Copy the full SHA
    bc453ea View commit details

Commits on Apr 12, 2024

  1. chore: Updated deps

    bfanger committed Apr 12, 2024
    Copy the full SHA
    6f88acd View commit details
  2. doc: Roadmap for version 3

    bfanger committed Apr 12, 2024
    Copy the full SHA
    2ff6b31 View commit details

Commits on Apr 14, 2024

  1. feat: Highlight node on hover

    Fixes #128
    bfanger committed Apr 14, 2024
    Copy the full SHA
    54440b5 View commit details

Commits on Apr 19, 2024

  1. Copy the full SHA
    891ffc6 View commit details
  2. chore: Updated deps

    bfanger committed Apr 19, 2024
    Copy the full SHA
    68432b6 View commit details

Commits on Jun 30, 2024

  1. Copy the full SHA
    427ef8e View commit details
  2. Copy the full SHA
    94fd464 View commit details
  3. chore: Updated deps

    bfanger committed Jun 30, 2024
    Copy the full SHA
    f1321ff View commit details

Commits on Aug 3, 2024

  1. chore: Updated deps

    bfanger committed Aug 3, 2024
    Copy the full SHA
    7e16417 View commit details
  2. Copy the full SHA
    3f219ee View commit details

Commits on Oct 30, 2024

  1. Copy the full SHA
    296c595 View commit details
Showing with 12,955 additions and 6,126 deletions.
  1. +0 −2 .eslintignore
  2. +0 −15 .eslintrc
  3. +2 −0 .gitignore
  4. +1 −4 .husky/pre-commit
  5. +0 −4 .husky/precommit
  6. +3 −0 .prettierrc
  7. +10 −10 apps/chrome-extension/build.js
  8. +4 −4 apps/chrome-extension/package.json
  9. +2 −1 apps/chrome-extension/src/manifest.json
  10. +1 −1 apps/chrome-extension/src/pixi-devtools.html
  11. BIN apps/chrome-extension/src/pixi-panel-hint.png
  12. +1 −1 apps/chrome-extension/src/pixi-panel.html
  13. +6 −8 apps/chrome-extension/src/pixi-panel.ts
  14. +18 −0 apps/chrome-extension/src/pixi-popup.html
  15. +1 −1 apps/example-phaser-project/index.html
  16. +2 −2 apps/example-phaser-project/package.json
  17. BIN apps/example-phaser-project/public/assets/particles/red.png
  18. BIN apps/example-phaser-project/public/assets/skies/space3.png
  19. BIN apps/example-phaser-project/public/assets/sprites/phaser3-logo.png
  20. BIN apps/example-phaser-project/public/favicon.ico
  21. +5 −7 apps/example-phaser-project/src/main.ts
  22. +1 −1 apps/example-pixi-project/index.html
  23. +12 −0 apps/example-pixi-project/interactivity.html
  24. +2 −2 apps/example-pixi-project/package.json
  25. BIN apps/example-pixi-project/public/favicon.ico
  26. +100 −0 apps/example-pixi-project/src/interactivity.ts
  27. +53 −47 apps/example-pixi-project/src/main.ts
  28. +91 −0 apps/example-pixi-project/src/text.ts
  29. +12 −0 apps/example-pixi-project/text.html
  30. +10 −11 apps/firefox-extension/build.js
  31. +7 −9 apps/firefox-extension/package.json
  32. +1 −1 apps/firefox-extension/src/manifest.json
  33. 0 apps/firefox-extension/src/{panel-icon.svg → panel-icon@dark.svg}
  34. +3 −0 apps/firefox-extension/src/panel-icon@light.svg
  35. +1 −1 apps/firefox-extension/src/pixi-devtools.html
  36. +14 −1 apps/firefox-extension/src/pixi-devtools.ts
  37. +1 −1 apps/firefox-extension/src/pixi-panel.html
  38. +5 −6 apps/firefox-extension/src/pixi-panel.ts
  39. +1 −1 docs/architecture.md
  40. +65 −0 docs/roadmap.md
  41. +83 −0 eslint.config.js
  42. +31 −41 package.json
  43. +19 −0 packages/blender-elements/.storybook/main.js
  44. +23 −0 packages/blender-elements/.storybook/preview.js
  45. +0 −14 packages/blender-elements/Base.svelte
  46. +0 −17 packages/blender-elements/NumberInput.story.svelte
  47. +0 −154 packages/blender-elements/OutlinerRow.svelte
  48. +5 −0 packages/blender-elements/README.md
  49. +0 −29 packages/blender-elements/Toggle.svelte
  50. +0 −6 packages/blender-elements/histoire.config.ts
  51. +0 −43 packages/blender-elements/icons.ts
  52. +12 −8 packages/blender-elements/package.json
  53. +21 −0 packages/blender-elements/src/Base.svelte
  54. +73 −0 packages/blender-elements/src/Button.svelte
  55. +15 −0 packages/blender-elements/src/Checkbox/Checkbox.stories.ts
  56. +32 −0 packages/blender-elements/src/Checkbox/Checkbox.story.svelte
  57. +72 −0 packages/blender-elements/src/Checkbox/Checkbox.svelte
  58. +46 −0 packages/blender-elements/src/IconButton.svelte
  59. +16 −0 packages/blender-elements/src/NumberField/NumberField.stories.ts
  60. +30 −0 packages/blender-elements/src/NumberField/NumberField.story.svelte
  61. +100 −77 packages/blender-elements/{NumberInput.svelte → src/NumberField/NumberField.svelte}
  62. +227 −0 packages/blender-elements/src/OutlinerRow.svelte
  63. +84 −0 packages/blender-elements/src/Panel/Panel.svelte
  64. +41 −0 packages/blender-elements/src/Property/Property.svelte
  65. +14 −0 packages/blender-elements/src/SearchField/SearchField.stories.ts
  66. +108 −0 packages/blender-elements/src/SearchField/SearchField.svelte
  67. +49 −0 packages/blender-elements/src/SelectMenu/Option.svelte
  68. +28 −0 packages/blender-elements/src/SelectMenu/SelectMenu.story.svelte
  69. +236 −0 packages/blender-elements/src/SelectMenu/SelectMenu.svelte
  70. +94 −0 packages/blender-elements/src/Tabs/Tabs.svelte
  71. +23 −0 packages/blender-elements/src/TextField/TextField.story.svelte
  72. +158 −0 packages/blender-elements/src/TextField/TextField.svelte
  73. +65 −0 packages/blender-elements/src/Toggle/Toggle.story.svelte
  74. +126 −0 packages/blender-elements/src/Toggle/Toggle.svelte
  75. +2 −2 packages/blender-elements/{ → src/actions}/blurOnEnter.ts
  76. +27 −16 packages/blender-elements/{ → src/actions}/numberDrag.ts
  77. +11 −5 packages/blender-elements/{ → src/actions}/revertOnEscape.ts
  78. 0 packages/blender-elements/{ → src/actions}/selectOnFocus.ts
  79. +106 −0 packages/blender-elements/src/icons.ts
  80. +0 −1 packages/blender-elements/svelte.config.cjs
  81. +3 −0 packages/blender-elements/svelte.config.js
  82. +1 −1 packages/blender-elements/vite.config.ts
  83. +2 −2 packages/pixi-panel/package.json
  84. +0 −23 packages/pixi-panel/src/ErrorMessage.svelte
  85. +42 −12 packages/pixi-panel/src/Instructions.svelte
  86. +404 −0 packages/pixi-panel/src/ObjectProperties.svelte
  87. +72 −25 packages/pixi-panel/src/PixiPanel.svelte
  88. +0 −175 packages/pixi-panel/src/Properties.svelte
  89. +114 −0 packages/pixi-panel/src/PropertiesArea.svelte
  90. +1 −1 packages/pixi-panel/src/ReloadButton.svelte
  91. +0 −64 packages/pixi-panel/src/SceneGraph.svelte
  92. +145 −0 packages/pixi-panel/src/SceneGraphArea.svelte
  93. +42 −0 packages/pixi-panel/src/SceneProperties.svelte
  94. +466 −0 packages/pixi-panel/src/TextProperties.svelte
  95. +75 −24 packages/pixi-panel/src/Tree.svelte
  96. +42 −0 packages/pixi-panel/src/Warning.svelte
  97. +5 −2 packages/pixi-panel/src/bridge-fns.ts
  98. +43 −26 packages/pixi-panel/src/connect.ts
  99. +47 −0 packages/pixi-panel/src/patchPixi.ts
  100. +85 −32 packages/pixi-panel/src/pixi-devtools/pixiDevtools.ts
  101. +44 −8 packages/pixi-panel/src/pixi-devtools/pixiDevtoolsClickToSelect.ts
  102. +83 −12 packages/pixi-panel/src/pixi-devtools/pixiDevtoolsOutline.ts
  103. +275 −94 packages/pixi-panel/src/pixi-devtools/pixiDevtoolsOverlay.ts
  104. +279 −57 packages/pixi-panel/src/pixi-devtools/pixiDevtoolsProperties.ts
  105. +32 −0 packages/pixi-panel/src/pixi-devtools/pixiDevtoolsSelection.ts
  106. +44 −42 packages/pixi-panel/src/pixi-devtools/pixiDevtoolsViewport.ts
  107. +73 −4 packages/pixi-panel/src/types.ts
  108. +79 −0 packages/ui-protocol/Readme.md
  109. +3 −0 packages/ui-protocol/TODO.md
  110. +13 −0 packages/ui-protocol/index.html
  111. +25 −0 packages/ui-protocol/package.json
  112. +23 −0 packages/ui-protocol/src/createReceiver.ts
  113. +126 −0 packages/ui-protocol/src/createSender.ts
  114. +27 −0 packages/ui-protocol/src/demo/main.ts
  115. +3 −0 packages/ui-protocol/src/index.ts
  116. +10 −0 packages/ui-protocol/src/svelte/Container.svelte
  117. +48 −0 packages/ui-protocol/src/svelte/Display.svelte
  118. +19 −0 packages/ui-protocol/src/svelte/VDOMNode.svelte
  119. +87 −0 packages/ui-protocol/src/svelte/vdom.svelte.ts
  120. +246 −0 packages/ui-protocol/src/tree-fns.ts
  121. +120 −0 packages/ui-protocol/src/types.ts
  122. +3 −0 packages/ui-protocol/svelte.config.js
  123. +208 −0 packages/ui-protocol/tests/applyPatch.spec.ts
  124. +104 −0 packages/ui-protocol/tests/bridge.spec.ts
  125. +44 −0 packages/ui-protocol/tests/createTestControllerTree.ts
  126. +42 −0 packages/ui-protocol/tests/createTestDisplayTree.ts
  127. +82 −0 packages/ui-protocol/tests/syncTree.spec.ts
  128. +1 −0 packages/ui-protocol/tsconfig.json
  129. +5 −0 packages/ui-protocol/vite.config.js
  130. +6,782 −4,956 pnpm-lock.yaml
  131. +0 −6 svelte.config.cjs
  132. +13 −0 svelte.config.js
  133. +11 −6 tsconfig.json
2 changes: 0 additions & 2 deletions .eslintignore

This file was deleted.

15 changes: 0 additions & 15 deletions .eslintrc

This file was deleted.

2 changes: 2 additions & 0 deletions .gitignore
Original file line number Diff line number Diff line change
@@ -4,3 +4,5 @@ node_modules
/apps/firefox-extension/build
/apps/firefox-extension/web-ext-artifacts
/packages/blender-elements/.histoire/

*storybook.log
5 changes: 1 addition & 4 deletions .husky/pre-commit
100755 → 100644
Original file line number Diff line number Diff line change
@@ -1,4 +1 @@
#!/bin/sh
. "$(dirname "$0")/_/husky.sh"

npm run precommit
lint-staged
4 changes: 0 additions & 4 deletions .husky/precommit

This file was deleted.

3 changes: 3 additions & 0 deletions .prettierrc
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
{
"plugins": ["prettier-plugin-svelte"]
}
20 changes: 10 additions & 10 deletions apps/chrome-extension/build.js
Original file line number Diff line number Diff line change
@@ -1,24 +1,25 @@
// @ts-check
import fs from "fs";
import { fileURLToPath } from "url";
import path from "path";
import esbuild from "esbuild";
import sveltePlugin from "esbuild-svelte";
import rimraf from "rimraf";
// eslint-disable-next-line import/no-relative-packages
import svelteConfig from "../../svelte.config.cjs";
import fs from "fs";
import path from "path";
import { rimrafSync } from "rimraf";
import { fileURLToPath } from "url";
import svelteConfig from "../../svelte.config.js";

const cwd = path.dirname(fileURLToPath(import.meta.url));
const outdir = path.resolve(cwd, "build");
const srcDir = path.resolve(cwd, "src");

rimraf.sync(outdir);
rimrafSync(outdir);

fs.mkdirSync(outdir, { recursive: true });
for (const file of [
"manifest.json",
"pixi-devtools.html",
"pixi-panel.html",
"pixi-popup.html",
"pixi-panel-hint.png",
"icon.png",
"panel-icon.png",
]) {
@@ -44,7 +45,6 @@ if (WATCH) {
await ctx.watch();
await ctx.serve({ port: 10808 });
} else {
await ctx.rebuild().then(() => {
ctx.dispose();
});
await ctx.rebuild();
await ctx.dispose();
}
8 changes: 4 additions & 4 deletions apps/chrome-extension/package.json
Original file line number Diff line number Diff line change
@@ -8,10 +8,10 @@
"format": "prettier --write ."
},
"devDependencies": {
"esbuild": "^0.17.11",
"esbuild-svelte": "^0.7.3",
"esbuild": "^0.24.2",
"esbuild-svelte": "^0.9.0",
"pixi-panel": "workspace:*",
"rimraf": "^4.4.0",
"svelte": "^3.56.0"
"rimraf": "^6.0.1",
"svelte": "^5.16.1"
}
}
3 changes: 2 additions & 1 deletion apps/chrome-extension/src/manifest.json
Original file line number Diff line number Diff line change
@@ -2,8 +2,9 @@
"manifest_version": 3,
"name": "PixiJS Devtools",
"description": "Debug games and apps written with PixiJS",
"version": "2.2.0",
"version": "2.9.2",
"devtools_page": "pixi-devtools.html",
"action": { "default_popup": "pixi-popup.html" },
"icons": {
"16": "icon.png",
"48": "icon.png"
2 changes: 1 addition & 1 deletion apps/chrome-extension/src/pixi-devtools.html
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
<!DOCTYPE html>
<!doctype html>
<html>
<script src="./pixi-devtools.js"></script>
</html>
Binary file added apps/chrome-extension/src/pixi-panel-hint.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
2 changes: 1 addition & 1 deletion apps/chrome-extension/src/pixi-panel.html
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
<!DOCTYPE html>
<!doctype html>
<html lang="en" style="background: #161616">
<head>
<meta charset="UTF-8" />
14 changes: 6 additions & 8 deletions apps/chrome-extension/src/pixi-panel.ts
Original file line number Diff line number Diff line change
@@ -1,8 +1,9 @@
import PixiPanel from "pixi-panel/src/PixiPanel.svelte";
import type { BridgeFn } from "pixi-panel/src/types";
import PixiPanel from "pixi-panel/src/PixiPanel.svelte";
import { mount } from "svelte";

const bridge: BridgeFn = (code: string) => {
return new Promise((resolve, reject) => {
const bridge: BridgeFn = (code: string) =>
new Promise((resolve, reject) => {
chrome.devtools.inspectedWindow.eval(code, (result, err) => {
if (err) {
if (err instanceof Error) {
@@ -13,10 +14,7 @@ const bridge: BridgeFn = (code: string) => {
resolve(result as any);
});
});
};

// eslint-disable-next-line no-new
new PixiPanel({
mount(PixiPanel, {
target: document.body,
props: { bridge },
});
@@ -28,6 +26,6 @@ if (WATCH) {
() => {
bridge("window.location.reload()");
window.location.reload();
}
},
);
}
18 changes: 18 additions & 0 deletions apps/chrome-extension/src/pixi-popup.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,18 @@
<style>
html,
body {
min-width: 250px;
min-height: 200px;
background-color: #353535;
color: white;
margin: 0;
}
body {
padding: 8px 16px;
}
p {
line-height: 1.5;
}
</style>
<p>Open the developer tools, and navigate to the "PixiJS" tab.</p>
<img src="pixi-panel-hint.png" width="100%" />
2 changes: 1 addition & 1 deletion apps/example-phaser-project/index.html
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
<!DOCTYPE html>
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
4 changes: 2 additions & 2 deletions apps/example-phaser-project/package.json
Original file line number Diff line number Diff line change
@@ -5,7 +5,7 @@
"dev": "vite dev --port 5174"
},
"dependencies": {
"phaser": "^3.55.2",
"vite": "^4.1.4"
"phaser": "^3.87.0",
"vite": "^6.0.7"
}
}
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added apps/example-phaser-project/public/favicon.ico
Binary file not shown.
12 changes: 5 additions & 7 deletions apps/example-phaser-project/src/main.ts
Original file line number Diff line number Diff line change
@@ -7,7 +7,7 @@ const game = new Phaser.Game({
physics: {
default: "arcade",
arcade: {
gravity: { y: 200 },
gravity: { y: 200, x: 0 },
},
},
scene: {
@@ -16,10 +16,10 @@ const game = new Phaser.Game({
},
});

(globalThis as any).__PHASER_GAME__ = game; // eslint-disable-line
(globalThis as any).__PHASER_GAME__ = game;

function preload(this: Phaser.Scene) {
this.load.setBaseURL("http://labs.phaser.io");
this.load.setBaseURL("/");

this.load.image("sky", "assets/skies/space3.png");
this.load.image("logo", "assets/sprites/phaser3-logo.png");
@@ -28,10 +28,9 @@ function preload(this: Phaser.Scene) {

function create(this: Phaser.Scene) {
this.add.image(400, 300, "sky");
this.add.text(16, 16, `Phaser ${Phaser.VERSION}`);

const particles = this.add.particles("red");

const emitter = particles.createEmitter({
const emitter = this.add.particles(0, 0, "red", {
speed: 100,
scale: { start: 1, end: 0 },
blendMode: "ADD",
@@ -42,6 +41,5 @@ function create(this: Phaser.Scene) {
logo.setVelocity(100, 200);
logo.setBounce(1, 1);
logo.setCollideWorldBounds(true);

emitter.startFollow(logo);
}
2 changes: 1 addition & 1 deletion apps/example-pixi-project/index.html
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
<!DOCTYPE html>
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
12 changes: 12 additions & 0 deletions apps/example-pixi-project/interactivity.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,12 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Interactivity - PixiJS Examples</title>
</head>
<body>
<script type="module" src="./src/interactivity.ts"></script>
</body>
</html>
4 changes: 2 additions & 2 deletions apps/example-pixi-project/package.json
Original file line number Diff line number Diff line change
@@ -5,7 +5,7 @@
"dev": "vite dev"
},
"dependencies": {
"pixi.js": "^7.1.4",
"vite": "^4.1.4"
"pixi.js": "^8.6.6",
"vite": "^6.0.7"
}
}
Binary file added apps/example-pixi-project/public/favicon.ico
Binary file not shown.
100 changes: 100 additions & 0 deletions apps/example-pixi-project/src/interactivity.ts
Original file line number Diff line number Diff line change
@@ -0,0 +1,100 @@
/**
* https://pixijs.com/examples/events/interactivity
*/
import { Application, Assets, Sprite, Texture } from "pixi.js";

(async () => {
const app = new Application();

await app.init({ preference: "webgl", resizeTo: window });

document.body.appendChild(app.canvas);

await Assets.load([
"https://pixijs.com/assets/bg_button.jpg",
"https://pixijs.com/assets/button.png",
"https://pixijs.com/assets/button_down.png",
"https://pixijs.com/assets/button_over.png",
]);

const background = Sprite.from("https://pixijs.com/assets/bg_button.jpg");

background.width = app.screen.width;
background.height = app.screen.height;

app.stage.addChild(background);

const textureButton = Texture.from("https://pixijs.com/assets/button.png");
const textureButtonDown = Texture.from(
"https://pixijs.com/assets/button_down.png",
);
const textureButtonOver = Texture.from(
"https://pixijs.com/assets/button_over.png",
);

type Button = Sprite & { isdown: boolean; isOver: boolean };
const buttons = [];

const buttonPositions = [175, 75, 655, 75, 410, 325, 150, 465, 685, 445];

for (let i = 0; i < 5; i += 1) {
const button = new Sprite(textureButton);

button.anchor.set(0.5);
button.x = buttonPositions[i * 2];
button.y = buttonPositions[i * 2 + 1];

button.eventMode = "static";
button.cursor = "pointer";

button
.on("pointerdown", onButtonDown)
.on("pointerup", onButtonUp)
.on("pointerupoutside", onButtonUp)
.on("pointerover", onButtonOver)
.on("pointerout", onButtonOut);

app.stage.addChild(button);

buttons.push(button);
}

buttons[0].scale.set(1.2);
buttons[2].rotation = Math.PI / 10;
buttons[3].scale.set(0.8);
buttons[4].scale.set(0.8, 1.2);
buttons[4].rotation = Math.PI;

function onButtonDown(this: Button) {
this.isdown = true;
this.texture = textureButtonDown;
this.alpha = 1;
}

function onButtonUp(this: Button) {
this.isdown = false;
if (this.isOver) {
this.texture = textureButtonOver;
} else {
this.texture = textureButton;
}
}

function onButtonOver(this: Button) {
this.isOver = true;
if (this.isdown) {
return;
}
this.texture = textureButtonOver;
}

function onButtonOut(this: Button) {
this.isOver = false;
if (this.isdown) {
return;
}
this.texture = textureButton;
}

(globalThis as any).__PIXI_APP__ = app;
})();
Loading