KayacChang

Members
  • Content Count

    9
  • Joined

  • Last visited

  • Days Won

    1

KayacChang last won the day on September 13

KayacChang had the most liked content!

About KayacChang

  • Rank
    Newbie

Recent Profile Visitors

221 profile views
  1. I think it is wised decision that pixijs team exclude keyboard event. because pixijs is a "render" library not "game" engine. The easiest way is listening the keyboard event fire from "window" or "document". Please see [KeyBoard Event](https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent). If you keep going you will start deal with the issued like: [Sync keyboard event to requestAnimationFrame] (https://gist.github.com/KayacChang/861f6be2970f47eaccc6b0814a930ccf). The second requirement is about the three topic: 1. how to deal with focus, like "focus event" 2. how to manage the "state" in the application, like "store the current focus target" 3. change the application behavior by the state change, like "observer pattern"
  2. Hey!!! I'm Kayac Chang from Taiwan. I just create a template to quickly setup the pixi.js project by using [Create React App] (https://create-react-app.dev/) Now, if you already install npm or yarn. You can just typing npx create-react-app my-app --template pixijs # or yarn create react-app my-app --template pixijs Also have the typescript setup npx create-react-app my-app --template pixijs-typescript # or yarn create react-app my-app --template pixijs-typescript Happy hacking.
  3. Hey!!! I'm Kayac Chang from Taiwan. I just create a template to quickly setup the pixi.js project by using [Create React App] (https://create-react-app.dev/) Now, if you already install npm or yarn. You can just typing npx create-react-app my-app --template pixijs # or yarn create react-app my-app --template pixijs Also have the typescript setup npx create-react-app my-app --template pixijs-typescript # or yarn create react-app my-app --template pixijs-typescript Happy hacking.
  4. Hey @opd, Thank you for advice, I update the gist for this issue. Which will print out the resource if error occur.
  5. I made a carousel example for this, which implement the infinite scrolling behavior. The showcase below, maybe this will help you. https://codesandbox.io/s/carousel-example-3rjhn
  6. https://gist.github.com/KayacChang/db88df446cf5b6271a2fba41059bfcc5 Maybe this will help.
  7. Hello @ivan.popelyshev , Could you told me which OS and Browser you use? The keypress holding functionality work fine in my system, using Mac OS and Chrome. And Yes, I will change my movement logic, this is a great idea to both fix the problem and improve performance. Thank you very much.
  8. Hi everyone, I just create a simple show case for PIXI.JS. A top-down Tank game with: 1. Physic engine integration with matter-js. 2. ViewPort for 2D camara. 3. Custom Tile map and grid system. 4. Dynamic generate new area . 5. Keyboard Control. 6. GUI Interface. Example: https://kayacchang.github.io/Tank/dist/ Source Code: https://github.com/KayacChang/Tank
  9. Hi everyone, I just create a simple show case for PIXI.JS. A top-down Tank game with: 1. Physic engine integration with matter-js. 2. ViewPort for 2D camara. 3. Custom Tile map and grid system. 4. Dynamic generate new area . 5. Keyboard Control. 6. GUI Interface. Example: https://kayacchang.github.io/Tank/dist/ Source Code: https://github.com/KayacChang/Tank