phreaknation

Members
  • Content Count

    183
  • Joined

  • Last visited

  • Days Won

    1

phreaknation last won the day on January 16 2017

phreaknation had the most liked content!

2 Followers

About phreaknation

  • Rank
    Advanced Member
  • Birthday 03/31/1984

Profile Information

  • Gender
    Male
  • Location
    Fort Worth, Texas

Recent Profile Visitors

1897 profile views
  1. Sadly this past week I was unable to get much work done. With the hurricane that hot Houston, I'm in the DFW area, I've been helping out over the weekend with my wife's animal rescue and transport 501c. I was also sick earlier in the week which put me down. With that, over the next couple weeks I'll be playing catch-up to try and get things back on schedule. Fingers crossed.
  2. Another screen of the tags with a the type set to arrow. code example below. new this.game.PhaserWebComponents.components.UI.Tag({ game: this.game, options: { backgroundColor: `rgb(${Math.floor(Math.random() * 255)}, ${Math.floor(Math.random() * 255)}, ${Math.floor(Math.random() * 255)})`, // This is the type of tag. 'color' or 'arrow'. Arrow tags adds an arrow to the side. type: 'arrow', /// Direction of the arrow. Only for type 'arrow`. Default: left arrowDirection: index % 2? 'right' : 'left', text: 'Tag ' + index, isCloseable: index % 2? true : false, } })
  3. @samid737 So I have added in the ability to add buttons to the tag component. Currently supports one single click callback but I might roll in the events system with the buttons later on. Below is the current code that is used for the tags as a full example. let tags = []; for (let index = 0; index < 2; index++) { let tag = this.game.add.existing( new this.game.PhaserWebComponents.components.UI.Tag({ game: this.game, options: { backgroundColor: `rgb(${Math.floor(Math.random() * 255)}, ${Math.floor(Math.random() * 255)}, ${Math.floor(Math.random() * 255)})`, // This is the type of tag. 'color' or 'arrow'. Arrow tags adds an arrow to the side. type: 'color', /// Direction of the arrow. Only for type 'arrow // arrowDirection: 'left', text: 'Tag ' + index, // The 'html' option is to allow for more control over the tag. Will replace the inner text content. // html: ``, isCloseable: index % 2? true : false, buttons: [ { // align the control to the left or the right of the label content. align: index % 2? 'right' : 'left', // Text of the button text: 'Click me', // String of space separated classes to pass into the class attribute clssses: 'asdf', // The 'html' option is to allow for more control over the tag. Will replace the inner text content. // html: '', // Callback for the click action callback: (ev) => { // ev is the event // do something when clicked console.log('Clicked') }, } ] } }), ); secondWindow.getContainerNode().querySelector('.body').appendChild(tag.getContainerNode()); tags.push(tag); }
  4. I will be working on it being draggable at a later on, I will be adding this feature to a lot of the components. Windows already are. What kid of buttons? All styling can be done through CSS. I am providing basic support for the "label" color. I also have an options isClosable which does provide a close button. Might allow a way for adding some any kind of button that can be added. Let me work on that and see if I can do that.
  5. Today I have removed one component as it did not make sense to make a component with it which is the Showcase component. If anyone has any ideas for it that make sense, by all means, shoot them over to me. With that I wanted to show some progress with the tag controls. I have finished up the screen splatter and line components. At least to the point of being releasable. I am currently working on the Tag component which will have a few nifty features around it. Below is the current progress on what is currently done with the Tags. You can customize the tags how you wish quite easily. Stay tuned for more
  6. This is the current structure to create the Splatter effect as shown. If anyone has any ideas or recommendations on making this simpler, I will take that into consideration before it is released soon. https://github.com/phreaknation/phaserwebcomponents/wiki/Game-ScreenSplatter-[WIP]
  7. Whoops. This is what I get for writing the post at two am. Added to the post as well as here https://github.com/phreaknation/phaserwebcomponents
  8. tl;dr: An HTML based UI component system for phaser. MIT License, and links to pretty pictures and videos at the bottom. So I have spent the last week or so working on a new way to handle ui components with Phaser. Most of the UI plugins out there are created with Phaser which means Phaser not only has to handle the game but the UI as well. Meaning that Canvas/WebGL has to handle both the game and ui. With other games platforms versus web games this is not an issue because performance is expected so the systems typically are beefier. With web games the games can be played on anything from an older tablet to an Lenovo Thinkpad to a raspberry pi. So the systems that these games can be played on can be lacking in power. As a developer you want your game to utilize as much of the accelerated GPU as possible. Chrome and other web browsers tend to offload Canvas and WebGL rendering to the GPU. While some aspect of html nodes, most of which are minimally impactful as opposed to the Phaser created ui components. This is where this plugin comes into play. Introducing Phaser Web Components. A growing library of HTML based elements to handle all of your UI needs. You can use your standard HTML elements to create your UI as well as use the custom components that are packaged as well. One of the great features is that you can attach these components to Phaser game objects and they will move with the objects on screen and the disappear when the object no longer is on screen. Already there is a lot of power with this library and it is barely a week old. First off, its free. Not just free to use but you can customize the library how you see fit with the MIT license. You can create your own custom components and if you wish to give back you may even create a pull request and share your work with everyone else. Also, each component has minimal dependencies and some only depend on the base web component which means you can build the library for your game and cut out any fat with ease. Documentation is a thing that it is currently lacking. However, with each control I release I update the wiki page for that control with the base code to get that component up and running. At the moment it is light but expect the documentation to grow over time. I am also at the constant keeping things up to date with the release chart so that way people can see what to expect with things coming down the pipeline. Also if you wish to see work done on a component that doesnt have a release date yet, to see if it can be focused on, or if you have a new idea for a component then you can request that through the issues tab in github. With all that, if you wish to see it in action, below are some links to screen captures of **some** of the components that are already working. GitHub link Damage Indicator Name Plate and Stat Bars Marker Window Volume bar Video Player Avatar Icon Screen Splatter Component improperly loaded
  9. So I took a small break, well long break. Back at it again. I am adding a new plugin I started working on last night. Expect things like this to come
  10. Your team would have to also be taught how to use phaser as after the project is built, otherwise how is your team going to maintain it and how are they going to add new features? The game itself might take two months but your team from what I talked to last night is refusing technologies that would make building the phaser game self easier. That in itself is a hurdle that your team must overcome as it's not just picking up Plain Jane phaser and using it. Most development teams use node.js as I said last night and since this is quite a large project which as will required node.js and your team to learn node.js. There are ways were you don't have to use node.js but those are a hodgepodge lucian's that typically don't work. To teacher team everything it needs to know to be a real JavaScript development shop for phaser and then building the game would probably be a four-month gig at minimum.
  11. suggest some kinda intro or help screen. First click I had no idea what to do. After the second click I knew though
  12. Just wrapped up the initial release of the dialog manager 😁. Check out the video and demo for more details.
  13. Much progress. Such wow. Dialog manager.
  14. I was making a game that was not really MMO but could be considered. The map its self for the online game would be mmo style so shared. Generating it on the back end allows me to keep the original spritesheets used private while generating hundreds of sprites with said sheet. You could totally do it on the client side but would you wouldnt want that for an online game. People would essentially run it and penises would be everywhere. Side note, mine isnt so much open source. Free to use in private stuff but once you go public I do ask to purchase the plugin. At 4.99 and 9.99 per plugin or supporting me on Patreon to help things along. If you decide to use it in a public game without purchase I wont get all crazy about it. That on that person if they want to be an a** hat. lol