title: How should I approach rendering pixel grid in Pixi.js?
body: <p>I am trying to make a simple, pixel based, realtime game to have fun with new HTML5 technologies:</p>
  
  <ul>
  <li>Web Sockets</li>
  <li>WebGL through Pixi.js</li>
  </ul>
  
  <p>The concept of game is going to be something like Snake. To allow all kinds of patterns I decided to base the basic rendering on a pixel grid - this will also make it much easier to calculate collisions, I am not really do this to train my analytic geometry skills. Other visual effect will be added later, right now I just need to render pixels in several different colors.</p>
  
  <p>What would be, in terms of performance, the best strategy? Modern screens are really large so I expect up to 5000 of individual pixels.</p>