• Content Count

  • Joined

  • Last visited

About William

  • Rank

Recent Profile Visitors

587 profile views
  1. Title: Still thinking of a name (feel free to suggest one). Demo Link: https://ccg-game.firebaseapp.com/ Description: A collectable card game similar to games like Eternal, MTG or Hex but with a new resource system and some fresh mechanics. The goal is to build a fast paced, but strategic game, without unfun mechanics like mana screw. Technologies: The game is written in Typescript and the frontend uses Angular. The backend uses websockets for multiplayer and runs on node (also written in TS). Features Includes both PvP multiplayer and an A.I for singleplayer. Four starter decks with differents strategies. A deck editor to build your own decks using the ~100 cards currently implemented (more to come). Resource system which allows arbitrary faction pairings, but doesn't rely on luck to draw the right resources. Credits Art is from http://game-icons.net/ Music is from https://incompetech.com/music/
  2. Ok, thanks for your help. I will experiment with those techniques.
  3. That works well initially but does not re-size when the canvas re-sizes (eg when I bring up the dev tools). Is there any way to either make the size of the overlay relative to the size of the canvas through css or update it to the same size via javascript when the canvas resizes? I suppose you could watch for window resize events and reset the size of the overlay to match the canvas but I am curious if there is a more idiomatic pandajs way to do it. You would also need to adjust the positioning of any child elements to represent a percentage of the original size. I imagine you could do this by storing the original dimensions then looping through them and using some math to make there positions a percentage of the original. It seems like a neat implementation of such capabilities would be a good candidate for a plugin.
  4. I know It can be done with only pixi/panda elements. The question is should it be done. After all why replace already existing and battle tested html input elements with something that would probably be buggier and harder to style. Interesting, would you mind telling me how?
  5. I am working on a PandaJS game that requires several reasonably complex GUI elements (eg slidebars, buttons, non-bitmap text). I think the best way to accomplish them would be to use the overly the existing HTML tags that implement these elements over my game. I am wondering if anyone has experience doing this and knows the best way to go about it. I can think of several ways to hack it together but am curious if there is a recommended way. I am especially concerned about making it work well with re-sizing. PandaJS does a good job of resizing the game as the window grows and shrinks and I would like that functionality to still work with overlapped elements if possible.