samid737 Posted August 29, 2017 Share Posted August 29, 2017 PocketDebug displays fps and timing graphs inside A HTML DOM Text element for maximum conciseness. Source & Docs DemoNPMpocketplot is the platform independent version . It can be used if you want to add a graph to A plain website. Looking forward to receive feedback (please do), ideas, contributions, optimizations so that the plugin can be enhanced for Phaser stupot and samme 2 Link to comment Share on other sites More sharing options...
samid737 Posted September 8, 2017 Author Share Posted September 8, 2017 EDIT: please read below v1.0.6: handy features, including timings for physics updates , graph color switching ,bit mode (for retro feel) and more. The source code for the wrapper function I used is from englercj phaser debug module: Demo Changelog Readme Link to comment Share on other sites More sharing options...
samid737 Posted September 9, 2017 Author Share Posted September 9, 2017 I will probably switch to canvas driven graphics in the next update , after finding out the consequences of manipulating DOM text via Javascript. Any change in the DOM element via JS forces a paint operation , which I have measured and it does not look alright (2 ms in firefox, <1ms in chrome? safari unknown)......Also, the string building has garbage collector overhead , which already was a bottleneck I was concerned with... I'm disappointed to see these results, because I was so excited with the new features (and displaying something using DOM text is ideal!, I believed) , but then the unexpected..... Do you guys have more advice? Any tips/tricks to deal with this? It breaks my heart..._*__*_____*__*___*_____*_*_____*_*______*______*__*__16ms____*___*____\_____*____*___/___*________*_\_*____________*______ Link to comment Share on other sites More sharing options...
Recommended Posts