Sign in to follow this  
Bitcanvas

Appropriate use of the right tools

Recommended Posts

Hi,

I am trying to build an trading orderbook heatmap which basically takes all pending orders from a securities and plots it in the form of a heatmap shown below where brighter colors mean more volumes.  Canvas 2D implementation has has performance issues given the number of blocks and so I am exploring the idea of using webGL through PIXIJS as I am familiar with Canvas 2D APIs.  Would like to know which tools should I start experimenting with.  I understand you may not have a definite set but a menu of tools to choose and experiment with for best performance).  Use case is to efficiently draw large number of small blocks

trading_foot.gif

D90V286f2DPigAAAABJRU5ErkJggg.png

 

Share this post


Link to post
Share on other sites

what about PIXI.RenderTexture ?
I do it very fast i don't know if i do it well, maybe @ivan.popelyshev can confirm.
I use this kind of rendering for my item menu with a lot of stuff.
https://www.pixiplayground.com/#/edit/JfMIVX3TxcttWQCZyrI5F
Also add some culling will maybe help here
https://davidfig.github.io/pixi-cull/
 

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.