Demo
/
pixi-demo
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity
Browse Source

初始化提交

master
1549469775 3 years ago
commit
f5ad42cb4d
19 changed files with 2220 additions and 0 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 2
      .gitignore
  2. 21
      .prettierrc
  3. 24
      index.html
  4. 591
      package-lock.json
  5. 20
      package.json
  6. 1086
      pnpm-lock.yaml
  7. 154
      src/Game/Game.ts
  8. 5
      src/Game/Loader.ts
  9. 100
      src/Game/Stage.ts
  10. 28
      src/Game/detectOrient.ts
  11. 31
      src/Game/index.ts
  12. 9
      src/enmu/index.ts
  13. 22
      src/main.ts
  14. 16
      src/stages/welcome/circle.ts
  15. 27
      src/stages/welcome/page_welcome.ts
  16. 32
      src/stages/welcome2/page_welcome2.ts
  17. 24
      src/util/index.ts
  18. 22
      tsconfig.json
  19. 6
      vite.config.ts

2
.gitignore
View File

@ -0,0 +1,2 @@
node_modules
.cache

21
.prettierrc
View File

@ -0,0 +1,21 @@
{
"arrowParens": "always",
"bracketSpacing": true,
"endOfLine": "lf",
"htmlWhitespaceSensitivity": "css",
"insertPragma": false,
"jsxBracketSameLine": false,
"jsxSingleQuote": false,
"printWidth": 80,
"proseWrap": "preserve",
"quoteProps": "as-needed",
"requirePragma": false,
"semi": true,
"singleQuote": false,
"tabWidth": 4,
"trailingComma": "es5",
"useTabs": false,
"vueIndentScriptAndStyle": false,
"filepath": "/home/topuser/Code/pixijs/pixi-demo/src/App.ts",
"parser": "typescript"
}

24
index.html
View File

@ -0,0 +1,24 @@
<!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>Document</title>
<style>
html,body{
padding: 0;
margin: 0;
height: 100vh;
width: 100vw;
}
canvas{
display: block;
}
</style>
</head>
<body>
<script type="module" src="./src/main.ts"></script>
<audio src="https://g.mdcdn.cn/h5/music/act/sound2017/ms_canival_bgm.mp3" id="ms_canival_bgm" preload="auto" loop="loop" ></audio>
</body>
</html>

591
package-lock.json
View File

@ -0,0 +1,591 @@
{
"name": "pixi-demo",
"version": "1.0.0",
"lockfileVersion": 1,
"requires": true,
"dependencies": {
"@cush/relative": {
"version": "1.0.0",
"resolved": "https://registry.npm.taobao.org/@cush/relative/download/@cush/relative-1.0.0.tgz",
"integrity": "sha1-jNF2m/m947sn2sNWsbyUr0D2zBY="
},
"@pixi/accessibility": {
"version": "6.2.0",
"resolved": "https://registry.npmmirror.com/@pixi/accessibility/download/@pixi/accessibility-6.2.0.tgz",
"integrity": "sha1-kSQAfSGQdjl2nL60u2gC6naMMdU="
},
"@pixi/app": {
"version": "6.2.0",
"resolved": "https://registry.npmmirror.com/@pixi/app/download/@pixi/app-6.2.0.tgz",
"integrity": "sha1-TaG1IuOkS8yNBBp8RIqd2YuwNFI="
},
"@pixi/compressed-textures": {
"version": "6.2.0",
"resolved": "https://registry.npmmirror.com/@pixi/compressed-textures/download/@pixi/compressed-textures-6.2.0.tgz",
"integrity": "sha1-U4MJA4iueVrh7oA3OLJDW7Xshgo="
},
"@pixi/constants": {
"version": "6.2.0",
"resolved": "https://registry.npmmirror.com/@pixi/constants/download/@pixi/constants-6.2.0.tgz",
"integrity": "sha1-FNtkp6aXUg2TI23GqyA0/tIY7b0="
},
"@pixi/core": {
"version": "6.2.0",
"resolved": "https://registry.npmmirror.com/@pixi/core/download/@pixi/core-6.2.0.tgz",
"integrity": "sha1-4d5Fpt8KlyDOxIQxOgFhm8zmeDU="
},
"@pixi/display": {
"version": "6.2.0",
"resolved": "https://registry.npmmirror.com/@pixi/display/download/@pixi/display-6.2.0.tgz",
"integrity": "sha1-OpF9rVBWuC3SW6Mi8JXXSvfAj9A="
},
"@pixi/extract": {
"version": "6.2.0",
"resolved": "https://registry.npmmirror.com/@pixi/extract/download/@pixi/extract-6.2.0.tgz",
"integrity": "sha1-zH9kN5pZ+NJ7DFz9BOrd77dLEJ0="
},
"@pixi/filter-alpha": {
"version": "6.2.0",
"resolved": "https://registry.npmmirror.com/@pixi/filter-alpha/download/@pixi/filter-alpha-6.2.0.tgz",
"integrity": "sha1-gFnSHxHqCIRK32OOFerFR5L6JlA="
},
"@pixi/filter-blur": {
"version": "6.2.0",
"resolved": "https://registry.npmmirror.com/@pixi/filter-blur/download/@pixi/filter-blur-6.2.0.tgz",
"integrity": "sha1-rqWnBNz7hiFEODcaBVH66uB0c0w="
},
"@pixi/filter-color-matrix": {
"version": "6.2.0",
"resolved": "https://registry.npmmirror.com/@pixi/filter-color-matrix/download/@pixi/filter-color-matrix-6.2.0.tgz",
"integrity": "sha1-pXLk9oZVNXJCZTzCiiVUQuUm1KU="
},
"@pixi/filter-displacement": {
"version": "6.2.0",
"resolved": "https://registry.npmmirror.com/@pixi/filter-displacement/download/@pixi/filter-displacement-6.2.0.tgz",
"integrity": "sha1-4baMYO7Y9nmVqkKFBLKL92RvSmQ="
},
"@pixi/filter-fxaa": {
"version": "6.2.0",
"resolved": "https://registry.npmmirror.com/@pixi/filter-fxaa/download/@pixi/filter-fxaa-6.2.0.tgz",
"integrity": "sha1-b89qxParSp5TvzEYiAtKcDBp0Xo="
},
"@pixi/filter-noise": {
"version": "6.2.0",
"resolved": "https://registry.npmmirror.com/@pixi/filter-noise/download/@pixi/filter-noise-6.2.0.tgz",
"integrity": "sha1-WZEZdn4W7J7cXCQ3NP+MbIZG988="
},
"@pixi/graphics": {
"version": "6.2.0",
"resolved": "https://registry.npmmirror.com/@pixi/graphics/download/@pixi/graphics-6.2.0.tgz",
"integrity": "sha1-U4XH+dWzic2UP7UyVR/QNq9p0JM="
},
"@pixi/interaction": {
"version": "6.2.0",
"resolved": "https://registry.npmmirror.com/@pixi/interaction/download/@pixi/interaction-6.2.0.tgz",
"integrity": "sha1-2cvpuivFL2ijcGe0ZPs14L8aPx8="
},
"@pixi/loaders": {
"version": "6.2.0",
"resolved": "https://registry.npmmirror.com/@pixi/loaders/download/@pixi/loaders-6.2.0.tgz",
"integrity": "sha1-PCHoOO6SZGTvjbOt7dZ8XDgBq6U="
},
"@pixi/math": {
"version": "6.2.0",
"resolved": "https://registry.npmmirror.com/@pixi/math/download/@pixi/math-6.2.0.tgz",
"integrity": "sha1-v5NI2k7ZiwrzZKmG0O8VsQi9OMU="
},
"@pixi/mesh": {
"version": "6.2.0",
"resolved": "https://registry.npmmirror.com/@pixi/mesh/download/@pixi/mesh-6.2.0.tgz",
"integrity": "sha1-ttWth/57OVXiR0/9X/g7Uyg6qS4="
},
"@pixi/mesh-extras": {
"version": "6.2.0",
"resolved": "https://registry.npmmirror.com/@pixi/mesh-extras/download/@pixi/mesh-extras-6.2.0.tgz",
"integrity": "sha1-q4wClvkgA2MoOxo1c3ztS1/sfyI="
},
"@pixi/mixin-cache-as-bitmap": {
"version": "6.2.0",
"resolved": "https://registry.npmmirror.com/@pixi/mixin-cache-as-bitmap/download/@pixi/mixin-cache-as-bitmap-6.2.0.tgz",
"integrity": "sha1-5ZMOB/WK8pi6/pMDrUhB92RL+ls="
},
"@pixi/mixin-get-child-by-name": {
"version": "6.2.0",
"resolved": "https://registry.npmmirror.com/@pixi/mixin-get-child-by-name/download/@pixi/mixin-get-child-by-name-6.2.0.tgz",
"integrity": "sha1-ohq6i4QHBOfD/r6vEWBdSrCU7Ks="
},
"@pixi/mixin-get-global-position": {
"version": "6.2.0",
"resolved": "https://registry.npmmirror.com/@pixi/mixin-get-global-position/download/@pixi/mixin-get-global-position-6.2.0.tgz",
"integrity": "sha1-mQQ65kwNe1ybuZ79L5vk5+EGldI="
},
"@pixi/particle-container": {
"version": "6.2.0",
"resolved": "https://registry.npmmirror.com/@pixi/particle-container/download/@pixi/particle-container-6.2.0.tgz",
"integrity": "sha1-xdIWiJHHLymSaKUSTRnJ4NRcRXU="
},
"@pixi/polyfill": {
"version": "6.2.0",
"resolved": "https://registry.npmmirror.com/@pixi/polyfill/download/@pixi/polyfill-6.2.0.tgz",
"integrity": "sha1-E1vY2IoZs+cnLTlak40s93yhe8U=",
"requires": {
"object-assign": "^4.1.1",
"promise-polyfill": "^8.2.0"
}
},
"@pixi/prepare": {
"version": "6.2.0",
"resolved": "https://registry.npmmirror.com/@pixi/prepare/download/@pixi/prepare-6.2.0.tgz",
"integrity": "sha1-Cv0tT5bXhk8R10nW/7wxrIOyxo8="
},
"@pixi/runner": {
"version": "6.2.0",
"resolved": "https://registry.npmmirror.com/@pixi/runner/download/@pixi/runner-6.2.0.tgz",
"integrity": "sha1-14TsGNHdEaNkF08OspP1qxlZeDI="
},
"@pixi/settings": {
"version": "6.2.0",
"resolved": "https://registry.npmmirror.com/@pixi/settings/download/@pixi/settings-6.2.0.tgz?cache=0&sync_timestamp=1635905027005&other_urls=https%3A%2F%2Fregistry.npmmirror.com%2F%40pixi%2Fsettings%2Fdownload%2F%40pixi%2Fsettings-6.2.0.tgz",
"integrity": "sha1-rptEoIPluR8wn/WCd3zULEolyZo=",
"requires": {
"ismobilejs": "^1.1.0"
}
},
"@pixi/sprite": {
"version": "6.2.0",
"resolved": "https://registry.npmmirror.com/@pixi/sprite/download/@pixi/sprite-6.2.0.tgz",
"integrity": "sha1-gPO6PwtxTQoTJ5+kogT5V+V2Y7U="
},
"@pixi/sprite-animated": {
"version": "6.2.0",
"resolved": "https://registry.npmmirror.com/@pixi/sprite-animated/download/@pixi/sprite-animated-6.2.0.tgz",
"integrity": "sha1-sz3oBRKyNfg72CTTEX4IXqWrm/c="
},
"@pixi/sprite-tiling": {
"version": "6.2.0",
"resolved": "https://registry.npmmirror.com/@pixi/sprite-tiling/download/@pixi/sprite-tiling-6.2.0.tgz",
"integrity": "sha1-m5JQPgToqQ2TvB+xncna0VkBwHM="
},
"@pixi/spritesheet": {
"version": "6.2.0",
"resolved": "https://registry.npmmirror.com/@pixi/spritesheet/download/@pixi/spritesheet-6.2.0.tgz",
"integrity": "sha1-xDXAobvrEdvL4APVeaETCH12wvo="
},
"@pixi/text": {
"version": "6.2.0",
"resolved": "https://registry.npmmirror.com/@pixi/text/download/@pixi/text-6.2.0.tgz",
"integrity": "sha1-6wslzP7a9+hWzvYkdkesquebkko="
},
"@pixi/text-bitmap": {
"version": "6.2.0",
"resolved": "https://registry.npmmirror.com/@pixi/text-bitmap/download/@pixi/text-bitmap-6.2.0.tgz",
"integrity": "sha1-DEENStKjivAPxATqslCOgBuYXfM="
},
"@pixi/ticker": {
"version": "6.2.0",
"resolved": "https://registry.npmmirror.com/@pixi/ticker/download/@pixi/ticker-6.2.0.tgz",
"integrity": "sha1-7JiuLczCcFfOyhZWsAsX+QUQoJU="
},
"@pixi/utils": {
"version": "6.2.0",
"resolved": "https://registry.npmmirror.com/@pixi/utils/download/@pixi/utils-6.2.0.tgz?cache=0&sync_timestamp=1635905114020&other_urls=https%3A%2F%2Fregistry.npmmirror.com%2F%40pixi%2Futils%2Fdownload%2F%40pixi%2Futils-6.2.0.tgz",
"integrity": "sha1-15w2HzRVKh8mZX/DvtXl4veTAbM=",
"requires": {
"@types/earcut": "^2.1.0",
"earcut": "^2.2.2",
"eventemitter3": "^3.1.0",
"url": "^0.11.0"
}
},
"@types/earcut": {
"version": "2.1.1"
},
"@types/json5": {
"version": "0.0.29",
"resolved": "https://registry.npm.taobao.org/@types/json5/download/@types/json5-0.0.29.tgz",
"integrity": "sha1-7ihweulOEdK4J7y+UnC86n8+ce4="
},
"debug": {
"version": "4.3.2",
"resolved": "https://registry.npmmirror.com/debug/download/debug-4.3.2.tgz",
"integrity": "sha1-8KScGKyHeeMdSgxgKd+3aHPHQos=",
"requires": {
"ms": "2.1.2"
}
},
"earcut": {
"version": "2.2.3",
"resolved": "https://registry.nlark.com/earcut/download/earcut-2.2.3.tgz?cache=0&sync_timestamp=1625748432796&other_urls=https%3A%2F%2Fregistry.nlark.com%2Fearcut%2Fdownload%2Fearcut-2.2.3.tgz",
"integrity": "sha1-1EztL/WhiFlWjjJ92cfUaxb1XPQ="
},
"esbuild": {
"version": "0.13.15",
"resolved": "https://registry.npmmirror.com/esbuild/download/esbuild-0.13.15.tgz",
"integrity": "sha512-raCxt02HBKv8RJxE8vkTSCXGIyKHdEdGfUmiYb8wnabnaEmHzyW7DCHb5tEN0xU8ryqg5xw54mcwnYkC4x3AIw==",
"requires": {
"esbuild-android-arm64": "0.13.15",
"esbuild-darwin-64": "0.13.15",
"esbuild-darwin-arm64": "0.13.15",
"esbuild-freebsd-64": "0.13.15",
"esbuild-freebsd-arm64": "0.13.15",
"esbuild-linux-32": "0.13.15",
"esbuild-linux-64": "0.13.15",
"esbuild-linux-arm": "0.13.15",
"esbuild-linux-arm64": "0.13.15",
"esbuild-linux-mips64le": "0.13.15",
"esbuild-linux-ppc64le": "0.13.15",
"esbuild-netbsd-64": "0.13.15",
"esbuild-openbsd-64": "0.13.15",
"esbuild-sunos-64": "0.13.15",
"esbuild-windows-32": "0.13.15",
"esbuild-windows-64": "0.13.15",
"esbuild-windows-arm64": "0.13.15"
}
},
"esbuild-android-arm64": {
"version": "0.13.15",
"resolved": "https://registry.npmmirror.com/esbuild-android-arm64/download/esbuild-android-arm64-0.13.15.tgz",
"integrity": "sha512-m602nft/XXeO8YQPUDVoHfjyRVPdPgjyyXOxZ44MK/agewFFkPa8tUo6lAzSWh5Ui5PB4KR9UIFTSBKh/RrCmg==",
"optional": true
},
"esbuild-darwin-64": {
"version": "0.13.15",
"resolved": "https://registry.npmmirror.com/esbuild-darwin-64/download/esbuild-darwin-64-0.13.15.tgz?cache=0&sync_timestamp=1637498160837&other_urls=https%3A%2F%2Fregistry.npmmirror.com%2Fesbuild-darwin-64%2Fdownload%2Fesbuild-darwin-64-0.13.15.tgz",
"integrity": "sha512-ihOQRGs2yyp7t5bArCwnvn2Atr6X4axqPpEdCFPVp7iUj4cVSdisgvEKdNR7yH3JDjW6aQDw40iQFoTqejqxvQ==",
"optional": true
},
"esbuild-darwin-arm64": {
"version": "0.13.15",
"resolved": "https://registry.npmmirror.com/esbuild-darwin-arm64/download/esbuild-darwin-arm64-0.13.15.tgz",
"integrity": "sha512-i1FZssTVxUqNlJ6cBTj5YQj4imWy3m49RZRnHhLpefFIh0To05ow9DTrXROTE1urGTQCloFUXTX8QfGJy1P8dQ==",
"optional": true
},
"esbuild-freebsd-64": {
"version": "0.13.15",
"resolved": "https://registry.npmmirror.com/esbuild-freebsd-64/download/esbuild-freebsd-64-0.13.15.tgz?cache=0&sync_timestamp=1637498589376&other_urls=https%3A%2F%2Fregistry.npmmirror.com%2Fesbuild-freebsd-64%2Fdownload%2Fesbuild-freebsd-64-0.13.15.tgz",
"integrity": "sha512-G3dLBXUI6lC6Z09/x+WtXBXbOYQZ0E8TDBqvn7aMaOCzryJs8LyVXKY4CPnHFXZAbSwkCbqiPuSQ1+HhrNk7EA==",
"optional": true
},
"esbuild-freebsd-arm64": {
"version": "0.13.15",
"resolved": "https://registry.npmmirror.com/esbuild-freebsd-arm64/download/esbuild-freebsd-arm64-0.13.15.tgz",
"integrity": "sha512-KJx0fzEDf1uhNOZQStV4ujg30WlnwqUASaGSFPhznLM/bbheu9HhqZ6mJJZM32lkyfGJikw0jg7v3S0oAvtvQQ==",
"optional": true
},
"esbuild-linux-32": {
"version": "0.13.15",
"resolved": "https://registry.npmmirror.com/esbuild-linux-32/download/esbuild-linux-32-0.13.15.tgz",
"integrity": "sha512-ZvTBPk0YWCLMCXiFmD5EUtB30zIPvC5Itxz0mdTu/xZBbbHJftQgLWY49wEPSn2T/TxahYCRDWun5smRa0Tu+g==",
"optional": true
},
"esbuild-linux-64": {
"version": "0.13.15",
"resolved": "https://registry.npmmirror.com/esbuild-linux-64/download/esbuild-linux-64-0.13.15.tgz",
"integrity": "sha512-eCKzkNSLywNeQTRBxJRQ0jxRCl2YWdMB3+PkWFo2BBQYC5mISLIVIjThNtn6HUNqua1pnvgP5xX0nHbZbPj5oA==",
"optional": true
},
"esbuild-linux-arm": {
"version": "0.13.15",
"resolved": "https://registry.npmmirror.com/esbuild-linux-arm/download/esbuild-linux-arm-0.13.15.tgz",
"integrity": "sha512-wUHttDi/ol0tD8ZgUMDH8Ef7IbDX+/UsWJOXaAyTdkT7Yy9ZBqPg8bgB/Dn3CZ9SBpNieozrPRHm0BGww7W/jA==",
"optional": true
},
"esbuild-linux-arm64": {
"version": "0.13.15",
"resolved": "https://registry.npmmirror.com/esbuild-linux-arm64/download/esbuild-linux-arm64-0.13.15.tgz?cache=0&sync_timestamp=1637498588090&other_urls=https%3A%2F%2Fregistry.npmmirror.com%2Fesbuild-linux-arm64%2Fdownload%2Fesbuild-linux-arm64-0.13.15.tgz",
"integrity": "sha512-bYpuUlN6qYU9slzr/ltyLTR9YTBS7qUDymO8SV7kjeNext61OdmqFAzuVZom+OLW1HPHseBfJ/JfdSlx8oTUoA==",
"optional": true
},
"esbuild-linux-mips64le": {
"version": "0.13.15",
"resolved": "https://registry.npmmirror.com/esbuild-linux-mips64le/download/esbuild-linux-mips64le-0.13.15.tgz?cache=0&sync_timestamp=1637498590849&other_urls=https%3A%2F%2Fregistry.npmmirror.com%2Fesbuild-linux-mips64le%2Fdownload%2Fesbuild-linux-mips64le-0.13.15.tgz",
"integrity": "sha512-KlVjIG828uFPyJkO/8gKwy9RbXhCEUeFsCGOJBepUlpa7G8/SeZgncUEz/tOOUJTcWMTmFMtdd3GElGyAtbSWg==",
"optional": true
},
"esbuild-linux-ppc64le": {
"version": "0.13.15",
"resolved": "https://registry.npmmirror.com/esbuild-linux-ppc64le/download/esbuild-linux-ppc64le-0.13.15.tgz?cache=0&sync_timestamp=1637462734786&other_urls=https%3A%2F%2Fregistry.npmmirror.com%2Fesbuild-linux-ppc64le%2Fdownload%2Fesbuild-linux-ppc64le-0.13.15.tgz",
"integrity": "sha512-h6gYF+OsaqEuBjeesTBtUPw0bmiDu7eAeuc2OEH9S6mV9/jPhPdhOWzdeshb0BskRZxPhxPOjqZ+/OqLcxQwEQ==",
"optional": true
},
"esbuild-netbsd-64": {
"version": "0.13.15",
"resolved": "https://registry.npmmirror.com/esbuild-netbsd-64/download/esbuild-netbsd-64-0.13.15.tgz",
"integrity": "sha512-3+yE9emwoevLMyvu+iR3rsa+Xwhie7ZEHMGDQ6dkqP/ndFzRHkobHUKTe+NCApSqG5ce2z4rFu+NX/UHnxlh3w==",
"optional": true
},
"esbuild-openbsd-64": {
"version": "0.13.15",
"resolved": "https://registry.npmmirror.com/esbuild-openbsd-64/download/esbuild-openbsd-64-0.13.15.tgz?cache=0&sync_timestamp=1637462735411&other_urls=https%3A%2F%2Fregistry.npmmirror.com%2Fesbuild-openbsd-64%2Fdownload%2Fesbuild-openbsd-64-0.13.15.tgz",
"integrity": "sha512-wTfvtwYJYAFL1fSs8yHIdf5GEE4NkbtbXtjLWjM3Cw8mmQKqsg8kTiqJ9NJQe5NX/5Qlo7Xd9r1yKMMkHllp5g==",
"optional": true
},
"esbuild-sunos-64": {
"version": "0.13.15",
"resolved": "https://registry.npmmirror.com/esbuild-sunos-64/download/esbuild-sunos-64-0.13.15.tgz?cache=0&sync_timestamp=1637498592154&other_urls=https%3A%2F%2Fregistry.npmmirror.com%2Fesbuild-sunos-64%2Fdownload%2Fesbuild-sunos-64-0.13.15.tgz",
"integrity": "sha512-lbivT9Bx3t1iWWrSnGyBP9ODriEvWDRiweAs69vI+miJoeKwHWOComSRukttbuzjZ8r1q0mQJ8Z7yUsDJ3hKdw==",
"optional": true
},
"esbuild-windows-32": {
"version": "0.13.15",
"resolved": "https://registry.npmmirror.com/esbuild-windows-32/download/esbuild-windows-32-0.13.15.tgz",
"integrity": "sha512-fDMEf2g3SsJ599MBr50cY5ve5lP1wyVwTe6aLJsM01KtxyKkB4UT+fc5MXQFn3RLrAIAZOG+tHC+yXObpSn7Nw==",
"optional": true
},
"esbuild-windows-64": {
"version": "0.13.15",
"resolved": "https://registry.npmmirror.com/esbuild-windows-64/download/esbuild-windows-64-0.13.15.tgz?cache=0&sync_timestamp=1637462733698&other_urls=https%3A%2F%2Fregistry.npmmirror.com%2Fesbuild-windows-64%2Fdownload%2Fesbuild-windows-64-0.13.15.tgz",
"integrity": "sha512-9aMsPRGDWCd3bGjUIKG/ZOJPKsiztlxl/Q3C1XDswO6eNX/Jtwu4M+jb6YDH9hRSUflQWX0XKAfWzgy5Wk54JQ==",
"optional": true
},
"esbuild-windows-arm64": {
"version": "0.13.15",
"resolved": "https://registry.npmmirror.com/esbuild-windows-arm64/download/esbuild-windows-arm64-0.13.15.tgz",
"integrity": "sha512-zzvyCVVpbwQQATaf3IG8mu1IwGEiDxKkYUdA4FpoCHi1KtPa13jeScYDjlW0Qh+ebWzpKfR2ZwvqAQkSWNcKjA==",
"optional": true
},
"eventemitter3": {
"version": "3.1.2",
"resolved": "https://registry.npm.taobao.org/eventemitter3/download/eventemitter3-3.1.2.tgz?cache=0&sync_timestamp=1598517714257&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Feventemitter3%2Fdownload%2Feventemitter3-3.1.2.tgz",
"integrity": "sha1-LT1I+cNGaY/Og6hdfWZOmFNd9uc="
},
"fsevents": {
"version": "2.3.2",
"resolved": "https://registry.npmmirror.com/fsevents/download/fsevents-2.3.2.tgz",
"integrity": "sha1-ilJveLj99GI7cJ4Ll1xSwkwC/Ro=",
"optional": true
},
"function-bind": {
"version": "1.1.1",
"resolved": "https://registry.npm.taobao.org/function-bind/download/function-bind-1.1.1.tgz",
"integrity": "sha1-pWiZ0+o8m6uHS7l3O3xe3pL0iV0="
},
"glob-regex": {
"version": "0.3.2",
"resolved": "https://registry.npm.taobao.org/glob-regex/download/glob-regex-0.3.2.tgz",
"integrity": "sha1-JzSPL2BkjsMqSlMTcJC5+5NPNCU="
},
"globrex": {
"version": "0.1.2",
"resolved": "https://registry.npm.taobao.org/globrex/download/globrex-0.1.2.tgz",
"integrity": "sha1-3V2eyCYjJzDNZ5Ol4zqTApheYJg="
},
"has": {
"version": "1.0.3",
"resolved": "https://registry.nlark.com/has/download/has-1.0.3.tgz",
"integrity": "sha1-ci18v8H2qoJB8W3YFOAR4fQeh5Y=",
"requires": {
"function-bind": "^1.1.1"
}
},
"is-core-module": {
"version": "2.8.0",
"resolved": "https://registry.npmmirror.com/is-core-module/download/is-core-module-2.8.0.tgz",
"integrity": "sha1-AyEzbD0JJeSX/Zf12VyxFKXM1Ug=",
"requires": {
"has": "^1.0.3"
}
},
"ismobilejs": {
"version": "1.1.1",
"resolved": "https://registry.npm.taobao.org/ismobilejs/download/ismobilejs-1.1.1.tgz",
"integrity": "sha1-xWygro5Sskyg8iul7zIVot27qg4="
},
"json5": {
"version": "1.0.1",
"resolved": "https://registry.npm.taobao.org/json5/download/json5-1.0.1.tgz",
"integrity": "sha1-d5+wAYYE+oVOrL9iUhgNg1Q+Pb4=",
"requires": {
"minimist": "^1.2.0"
}
},
"minimist": {
"version": "1.2.5",
"resolved": "https://registry.nlark.com/minimist/download/minimist-1.2.5.tgz?cache=0&sync_timestamp=1618846813226&other_urls=https%3A%2F%2Fregistry.nlark.com%2Fminimist%2Fdownload%2Fminimist-1.2.5.tgz",
"integrity": "sha1-Z9ZgFLZqaoqqDAg8X9WN9OTpdgI="
},
"ms": {
"version": "2.1.2",
"resolved": "https://registry.npmmirror.com/ms/download/ms-2.1.2.tgz",
"integrity": "sha1-0J0fNXtEP0kzgqjrPM0YOHKuYAk="
},
"nanoid": {
"version": "3.1.30",
"resolved": "https://registry.npmmirror.com/nanoid/download/nanoid-3.1.30.tgz",
"integrity": "sha1-Y/k8xUjSoRPcXfvGO/oJ4rm2Q2I="
},
"object-assign": {
"version": "4.1.1",
"resolved": "https://registry.npm.taobao.org/object-assign/download/object-assign-4.1.1.tgz",
"integrity": "sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM="
},
"path-parse": {
"version": "1.0.7",
"resolved": "https://registry.nlark.com/path-parse/download/path-parse-1.0.7.tgz",
"integrity": "sha1-+8EUtgykKzDZ2vWFjkvWi77bZzU="
},
"picocolors": {
"version": "1.0.0",
"resolved": "https://registry.npmmirror.com/picocolors/download/picocolors-1.0.0.tgz?cache=0&sync_timestamp=1634093378416&other_urls=https%3A%2F%2Fregistry.npmmirror.com%2Fpicocolors%2Fdownload%2Fpicocolors-1.0.0.tgz",
"integrity": "sha1-y1vcdP8/UYkiNur3nWi8RFZKuBw="
},
"pixi.js": {
"version": "6.2.0",
"requires": {
"@pixi/accessibility": "6.2.0",
"@pixi/app": "6.2.0",
"@pixi/compressed-textures": "6.2.0",
"@pixi/constants": "6.2.0",
"@pixi/core": "6.2.0",
"@pixi/display": "6.2.0",
"@pixi/extract": "6.2.0",
"@pixi/filter-alpha": "6.2.0",
"@pixi/filter-blur": "6.2.0",
"@pixi/filter-color-matrix": "6.2.0",
"@pixi/filter-displacement": "6.2.0",
"@pixi/filter-fxaa": "6.2.0",
"@pixi/filter-noise": "6.2.0",
"@pixi/graphics": "6.2.0",
"@pixi/interaction": "6.2.0",
"@pixi/loaders": "6.2.0",
"@pixi/math": "6.2.0",
"@pixi/mesh": "6.2.0",
"@pixi/mesh-extras": "6.2.0",
"@pixi/mixin-cache-as-bitmap": "6.2.0",
"@pixi/mixin-get-child-by-name": "6.2.0",
"@pixi/mixin-get-global-position": "6.2.0",
"@pixi/particle-container": "6.2.0",
"@pixi/polyfill": "6.2.0",
"@pixi/prepare": "6.2.0",
"@pixi/runner": "6.2.0",
"@pixi/settings": "6.2.0",
"@pixi/sprite": "6.2.0",
"@pixi/sprite-animated": "6.2.0",
"@pixi/sprite-tiling": "6.2.0",
"@pixi/spritesheet": "6.2.0",
"@pixi/text": "6.2.0",
"@pixi/text-bitmap": "6.2.0",
"@pixi/ticker": "6.2.0",
"@pixi/utils": "6.2.0"
}
},
"postcss": {
"version": "8.3.11",
"resolved": "https://registry.npmmirror.com/postcss/download/postcss-8.3.11.tgz",
"integrity": "sha1-w77KfqgRzV4cSj7G0udZnvH4+Fg=",
"requires": {
"nanoid": "^3.1.30",
"picocolors": "^1.0.0",
"source-map-js": "^0.6.2"
}
},
"promise-polyfill": {
"version": "8.2.1",
"resolved": "https://registry.npmmirror.com/promise-polyfill/download/promise-polyfill-8.2.1.tgz",
"integrity": "sha1-H6lVsyW+5Pa4pDEeGBSNTltG0lQ="
},
"punycode": {
"version": "1.3.2",
"resolved": "https://registry.npm.taobao.org/punycode/download/punycode-1.3.2.tgz",
"integrity": "sha1-llOgNvt8HuQjQvIyXM7v6jkmxI0="
},
"querystring": {
"version": "0.2.0",
"resolved": "https://registry.npmmirror.com/querystring/download/querystring-0.2.0.tgz",
"integrity": "sha1-sgmEkgO7Jd+CDadW50cAWHhSFiA="
},
"recrawl-sync": {
"version": "2.2.1",
"resolved": "https://registry.nlark.com/recrawl-sync/download/recrawl-sync-2.2.1.tgz",
"integrity": "sha1-ywLICEwis86hA6v0a7iHNAdu1rs=",
"requires": {
"@cush/relative": "^1.0.0",
"glob-regex": "^0.3.0",
"slash": "^3.0.0",
"tslib": "^1.9.3"
}
},
"resolve": {
"version": "1.20.0",
"resolved": "https://registry.nlark.com/resolve/download/resolve-1.20.0.tgz",
"integrity": "sha1-YpoBP7P3B1XW8LeTXMHCxTeLGXU=",
"requires": {
"is-core-module": "^2.2.0",
"path-parse": "^1.0.6"
}
},
"rollup": {
"version": "2.60.0",
"resolved": "https://registry.npmmirror.com/rollup/download/rollup-2.60.0.tgz?cache=0&sync_timestamp=1636694133279&other_urls=https%3A%2F%2Fregistry.npmmirror.com%2Frollup%2Fdownload%2Frollup-2.60.0.tgz",
"integrity": "sha512-cHdv9GWd58v58rdseC8e8XIaPUo8a9cgZpnCMMDGZFDZKEODOiPPEQFXLriWr/TjXzhPPmG5bkAztPsOARIcGQ==",
"requires": {
"fsevents": "~2.3.2"
}
},
"slash": {
"version": "3.0.0",
"resolved": "https://registry.nlark.com/slash/download/slash-3.0.0.tgz",
"integrity": "sha1-ZTm+hwwWWtvVJAIg2+Nh8bxNRjQ="
},
"source-map-js": {
"version": "0.6.2",
"resolved": "https://registry.npmmirror.com/source-map-js/download/source-map-js-0.6.2.tgz?cache=0&sync_timestamp=1636400772640&other_urls=https%3A%2F%2Fregistry.npmmirror.com%2Fsource-map-js%2Fdownload%2Fsource-map-js-0.6.2.tgz",
"integrity": "sha1-C7XeYxtBz72mz7qL0FqA79/SOF4="
},
"strip-bom": {
"version": "3.0.0",
"resolved": "https://registry.nlark.com/strip-bom/download/strip-bom-3.0.0.tgz",
"integrity": "sha1-IzTBjpx1n3vdVv3vfprj1YjmjtM="
},
"tsconfig-paths": {
"version": "3.12.0",
"resolved": "https://registry.npmmirror.com/tsconfig-paths/download/tsconfig-paths-3.12.0.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npmmirror.com%2Ftsconfig-paths%2Fdownload%2Ftsconfig-paths-3.12.0.tgz",
"integrity": "sha512-e5adrnOYT6zqVnWqZu7i/BQ3BnhzvGbjEjejFXO20lKIKpwTaupkCPgEfv4GZK1IBciJUEhYs3J3p75FdaTFVg==",
"requires": {
"@types/json5": "^0.0.29",
"json5": "^1.0.1",
"minimist": "^1.2.0",
"strip-bom": "^3.0.0"
}
},
"tslib": {
"version": "1.14.1",
"resolved": "https://registry.nlark.com/tslib/download/tslib-1.14.1.tgz?cache=0&sync_timestamp=1628722556410&other_urls=https%3A%2F%2Fregistry.nlark.com%2Ftslib%2Fdownload%2Ftslib-1.14.1.tgz",
"integrity": "sha1-zy04vcNKE0vK8QkcQfZhni9nLQA="
},
"typescript": {
"version": "4.5.2",
"dev": true
},
"url": {
"version": "0.11.0",
"resolved": "https://registry.nlark.com/url/download/url-0.11.0.tgz",
"integrity": "sha1-ODjpfPxgUh63PFJajlW/3Z4uKPE=",
"requires": {
"punycode": "1.3.2",
"querystring": "0.2.0"
}
},
"vite": {
"version": "2.6.14",
"requires": {
"esbuild": "^0.13.2",
"fsevents": "~2.3.2",
"postcss": "^8.3.8",
"resolve": "^1.20.0",
"rollup": "^2.57.0"
}
},
"vite-tsconfig-paths": {
"version": "3.3.17",
"resolved": "https://registry.npmmirror.com/vite-tsconfig-paths/download/vite-tsconfig-paths-3.3.17.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npmmirror.com%2Fvite-tsconfig-paths%2Fdownload%2Fvite-tsconfig-paths-3.3.17.tgz",
"integrity": "sha1-sUIcSgHmtEa3jMHdEtRfMCvDons=",
"requires": {
"debug": "^4.1.1",
"globrex": "^0.1.2",
"recrawl-sync": "^2.0.3",
"tsconfig-paths": "^3.9.0"
}
}
}
}

20
package.json
View File

@ -0,0 +1,20 @@
{
"name": "pixi-demo",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"dev": "vite --host"
},
"keywords": [],
"author": "",
"license": "ISC",
"dependencies": {
"pixi.js": "^6.2.0",
"vite": "^2.6.14",
"vite-tsconfig-paths": "^3.3.17"
},
"devDependencies": {
"typescript": "^4.5.2"
}
}

1086
pnpm-lock.yaml
View File

File diff suppressed because it is too large

154
src/Game/Game.ts
View File

@ -0,0 +1,154 @@
import {
autoDetectRenderer,
Container,
AbstractRenderer,
Ticker,
Loader,
} from "pixi.js";
import detectOrient from "./detectOrient";
import { EDirection } from "@/enmu";
export default class Game {
constructor() {}
private static instance: Game = new Game();
public static getInstance(): Game {
if (Game.instance == null) {
Game.instance = new Game();
}
return Game.instance;
}
private _stage: Container;
private _renderer: AbstractRenderer;
private _ticker: Ticker;
private _loader: Loader;
public get renderer(): AbstractRenderer {
return this._renderer;
}
public get stage(): Container {
return this._stage;
}
public get ticker(): Ticker {
return this._ticker;
}
public get loader(): Loader {
return this._loader;
}
public info = {
width: 0,
height: 0,
}
getInfo(){
return this.info
}
init(direction: EDirection = EDirection.Portrait) {
let screenWidght = document.documentElement.clientWidth;
let screenHeight = document.documentElement.clientHeight;
const stage = new Container();
stage.name = "root";
let renderer = autoDetectRenderer({
width: screenWidght,
height: screenHeight,
antialias: true,
backgroundAlpha: 255,
resolution: 1,
backgroundColor: 0x1d9ce0,
forceCanvas: true,
});
this._stage = stage;
this._renderer = renderer;
document.body.appendChild(renderer.view);
const updateView = () => {
let screenWidght = document.documentElement.clientWidth;
let screenHeight = document.documentElement.clientHeight;
renderer.resize(screenWidght, screenHeight);
let offsetWidth = 0;
let offsetHeight = 0;
const curDirection = detectOrient();
if (curDirection === EDirection.Landscape) {
offsetWidth = screenHeight;
offsetHeight = screenWidght;
} else {
offsetWidth = screenWidght;
offsetHeight = screenHeight;
}
this.info.width = offsetWidth
this.info.height = offsetHeight
const designWidth = 750;
if (direction == EDirection.Landscape) {
/// 强制竖屏
if (curDirection === "landscape") {
[screenWidght, screenHeight] = [screenHeight, screenWidght];
stage.rotation = -Math.PI / 2;
stage.y = screenWidght;
} else {
stage.rotation = 0;
stage.y = 0;
}
let screenScaleRito = screenWidght / designWidth;
stage.scale.set(screenScaleRito, screenScaleRito);
// stage.position.set(0, 0);
this.info.width = offsetWidth/screenScaleRito
this.info.height = offsetHeight/screenScaleRito
} else {
/// 强制横屏
if (curDirection === EDirection.Landscape) {
stage.rotation = 0;
stage.y = 0;
let screenScaleRito = offsetWidth / designWidth;
stage.scale.set(screenScaleRito, screenScaleRito);
this.info.width = offsetHeight/screenScaleRito
this.info.height = offsetWidth/screenScaleRito
} else {
stage.rotation = -Math.PI / 2;
stage.y = offsetHeight;
let screenScaleRito = offsetWidth / designWidth;
stage.scale.set(screenScaleRito, screenScaleRito);
this.info.width = offsetHeight/screenScaleRito
this.info.height = offsetWidth/screenScaleRito
}
}
};
updateView();
window.addEventListener("resize", function () {
updateView();
});
const ticker = new Ticker();
ticker.autoStart = true;
this._ticker = ticker;
const loader = new Loader();
this._loader = loader;
}
render(dt?:number){
this.renderer.render(this.stage);
}
// init(): Application {
// let screenWidght = document.documentElement.clientWidth;
// let screenHeight = document.documentElement.clientHeight;
// const app = new Application({
// width: screenWidght,
// height: screenHeight,
// antialias: true,
// backgroundAlpha: 255,
// resolution: 1,
// backgroundColor: 0x1d9ce0,
// });
// document.body.appendChild(app.view);
// window.addEventListener("resize", function () {
// app.resizeTo = document.body;
// });
// return app;
// }
}

5
src/Game/Loader.ts
View File

@ -0,0 +1,5 @@
class Loader {
}

100
src/Game/Stage.ts
View File

@ -0,0 +1,100 @@
import { EP } from "@/enmu";
import { Container } from "pixi.js";
import Game from "./Game";
type TStage = {
type: EP,
name: string,
stage: Container
}
export default class Stage {
private static instance: Stage = null
private _stages: Record<string,TStage>= {}
curStage: TStage = null
static getInstance(){
if(Stage.instance == null){
Stage.instance = new Stage()
}
return Stage.instance
}
gameManager: Game = null
constructor(){
this.gameManager = Game.getInstance();
}
private _wscb: ((stage: TStage, lastStage?:TStage)=>void)[]= []
watchStageChange(cb: (stage: TStage, lastStage?:TStage)=>void){
this._wscb.push(cb)
}
initStage(name: string){
if(!this._stages[name]){
throw new Error("不存在该舞台")
}
let curStage = this._stages[name];
this.curStage = curStage
// this.gameManager.stage.children.forEach(stage=>{
// stage.destroy()
// this.gameManager.stage.removeChild(stage)
// })
if(curStage&&curStage.type === EP.Normal){
this.gameManager.stage.addChild(curStage.stage)
}else if(curStage&&curStage.type === EP.Resident){
curStage.stage.visible = true
}
this._wscb.forEach(v=>v(curStage))
}
changeStage(name: string){
if(!this._stages[name]){
throw new Error("不存在该舞台")
}
if(!this.curStage){
console.warn("请先初始化一个场景")
return
}
let lastStage = this.curStage
if(lastStage&&lastStage.type === EP.Normal){
this.gameManager.stage.removeChild(lastStage.stage)
}else if(lastStage&&lastStage.type === EP.Resident){
lastStage.stage.visible = false
}
let curStage = this._stages[name];
this.curStage = curStage
if(curStage&&curStage.type === EP.Normal){
this.gameManager.stage.addChild(curStage.stage)
}else if(curStage&&curStage.type === EP.Resident){
curStage.stage.visible = true
}
this._wscb.forEach(v=>v(curStage, lastStage))
}
getStage(name: string, type: EP = EP.Normal): Container{
if(name === "root"){
throw new Error("最好换过一个名字")
}
if(this._stages[name]){
throw new Error("已存在该舞台")
}
if(!this._stages[name]){
this.create(name, type)
}
return this._stages[name].stage
}
private create(name: string, type: EP = EP.Normal): Container{
const stage = new Container();
stage.name = name
this._stages[name] = {
type: type,
stage: stage,
name: name
}
if(type === EP.Resident){
this.gameManager.stage.addChild(stage)
}
return stage
}
}

28
src/Game/detectOrient.ts
View File

@ -0,0 +1,28 @@
export default function detectOrient() {
let storage = localStorage; // 不一定要使用localStorage，其他存储数据的手段都可以
// let data = storage.getItem('J-recordOrientX');
let cw = document.documentElement.clientWidth;
let _Width = 0,
_Height = 0;
// if (!data) {
var sw = document.documentElement.clientWidth//window.screen.width;
var sh = document.documentElement.clientHeight//window.screen.height;
// 2.在某些机型（如华为P9）下出现 screen.width/height 值交换，所以进行大小值比较判断
_Width = sw < sh ? sw : sh;
_Height = sw >= sh ? sw : sh;
storage.setItem('J-recordOrientX', _Width + ',' + _Height);
// } else {
// var str = data.split(',');
// _Width = +str[0];
// _Height = +str[1];
// }
if (cw == _Width) {
// 竖屏
return 'portrait';
}
if (cw == _Height) {
// 横屏
return 'landscape';
}
return cw+','+_Width+ "||"+cw+','+_Height
}

31
src/Game/index.ts
View File

@ -0,0 +1,31 @@
import Game from "./Game";
import Stage from "./Stage";
import {Container} from "pixi.js"
import { EDirection, EP } from "@/enmu";
const gameManager = Game.getInstance();
const stageManager = Stage.getInstance();
gameManager.init(EDirection.Landscape);
const windows: Record<string, IWindow>= {}
function defineWindow(name: string, abstractClass: Constructor<IWindow>, type?: EP) {
const stage = stageManager.getStage(name, type);
const stageClass = new abstractClass(stage)
windows[name] = stageClass
}
type Constructor<T> = new (...args: any[]) => T;
interface IWindow {
stage: Container;
onLoad?(): void;
onUnLoad?(): void;
lateUpdate?(dt: number): void;
update?(dt: number): void;
}
export {
gameManager,
stageManager,
defineWindow,
windows
}

9
src/enmu/index.ts
View File

@ -0,0 +1,9 @@
export enum EDirection {
Landscape="landscape",
Portrait="portrait",
}
export enum EP {
Resident, // 常驻场景
Normal // 普通场景
}

22
src/main.ts
View File

@ -0,0 +1,22 @@
import { EP } from "./enmu";
import { gameManager, stageManager, windows } from "./Game";
// @ts-ignore
const t = import.meta.globEager("./stages/**/page_*.ts");
// 场景切换监听
stageManager.watchStageChange((stage, lastStage) => {
if (lastStage && lastStage.type === EP.Normal) {
let lastWindow = windows[lastStage.name];
lastWindow.onUnLoad && lastWindow.onUnLoad();
}
let curWindow = windows[stage.name];
curWindow.onLoad && curWindow.onLoad();
});
gameManager.ticker.add((dt: number) => {
let curWindow = windows[stageManager.curStage.name];
curWindow.update && curWindow.update(dt);
gameManager.render();
curWindow.lateUpdate && curWindow.lateUpdate(dt);
});
stageManager.initStage("welcome");

16
src/stages/welcome/circle.ts
View File

@ -0,0 +1,16 @@
import {Container, Graphics} from "pixi.js"
export default new (class Circle{
render(stage: Container){
const circle = new Graphics();
circle.name = "circle";
circle.beginFill(0xfb6a8f);
circle.drawCircle(0, 0, 32);
circle.endFill();
circle.x = 130;
circle.y = 130;
circle.interactive = true;
circle.buttonMode = true;
stage.addChild(circle)
}
})

27
src/stages/welcome/page_welcome.ts
View File

@ -0,0 +1,27 @@
import { EP } from "@/enmu";
import { stageManager, gameManager,defineWindow } from "@/Game";
import { Graphics, Sprite, Container, Text } from "pixi.js";
import Circle from "./circle"
defineWindow("welcome", class{
stage:Container = null
constructor(stage: Container){
this.stage = stage
}
onLoad(){
console.log("onLoad 1");
Circle.render(this.stage)
let text = new Text("sda")
text.x = gameManager.getInfo().width-50
text.y = gameManager.getInfo().height-50
this.stage.addChild(text)
}
onUnLoad(){
console.log("onUnLoad 1");
}
// update(){
// console.log(22);
// }
}, EP.Resident)

32
src/stages/welcome2/page_welcome2.ts
View File

@ -0,0 +1,32 @@
import { stageManager, gameManager,defineWindow } from "@/Game";
import { Graphics, Sprite, Container } from "pixi.js";
const circle = new Graphics();
circle.name = "circle";
circle.beginFill(0xfb6a8f);
circle.drawCircle(0, 0, 32);
circle.endFill();
circle.x = 130;
circle.y = 300;
circle.interactive = true;
circle.buttonMode = true;
circle.on("touchend", () => {
circle.x += 10;
})
defineWindow("welcome2", class{
stage:Container = null
constructor(stage: Container){
this.stage = stage
}
onLoad(){
console.log("onLoad 2");
this.stage.addChild(circle)
}
onUnLoad(){
console.log("onUnLoad 2");
}
update(){
console.log(33);
}
})

24
src/util/index.ts
View File

@ -0,0 +1,24 @@
import { Sprite, Texture } from "pixi.js";
export function addTextureSprite(texture: Texture, cb?: (sprite: Sprite) => void) {
const avatar = new Sprite(texture);
avatar.interactive = true;
avatar.on("click", () => {
cb && cb(avatar);
});
avatar.buttonMode = true;
avatar.scale.set(0.5, 0.5);
return avatar;
}
export function addSprite(cb: (sprite: Sprite) => void) {
let texture = Texture.from("http://anata.me/img/avatar.jpg");
const avatar = new Sprite(texture);
avatar.interactive = true;
avatar.on("click", () => {
cb && cb(avatar);
});
avatar.buttonMode = true;
avatar.scale.set(0.5, 0.5);
return avatar;
}

22
tsconfig.json
View File

@ -0,0 +1,22 @@
{
"compilerOptions": {
"outDir": "./dist/",
"noImplicitAny": true,
"sourceMap": true,
"module": "ESNext",
"moduleResolution": "node",
"allowSyntheticDefaultImports": true,
"experimentalDecorators": true,
"noUnusedLocals": true,
"noUnusedParameters": true,
"target": "es5",
"esModuleInterop": true,
"baseUrl": ".",
"paths": {
"@/*": [ "src/*" ]
}
},
"include": [
"src"
]
}

6
vite.config.ts
View File

@ -0,0 +1,6 @@
import { defineConfig } from "vite";
import tsconfigPaths from "vite-tsconfig-paths";
export default defineConfig({
plugins: [tsconfigPaths()],
});
Write Preview
Loading…
Cancel
Save