W3C home > Mailing lists > Public > whatwg@whatwg.org > June 2008

[whatwg] '' <canvas> element "selection buffer"

From: Ondøej ®i¾ka <ondra@dynawest.cz>
Date: Sat, 7 Jun 2008 17:36:18 +0200
Message-ID: <002901c8c8b4$3de315a0$43cee593@d020330a>

I've been looking for something similar to OpenGL's selection buffer - that is, you can get some object ID for the given coordinates.

E.g.,  Jacob Seidelin's chess game http://blog.nihilogic.dk/search/label/chess could use it, but instead, keyboard control had to be used.

isPointInPath() does not solve the problem effectively if the path would be too complex - e.g. pixel-based sprites in several layers.

For an example of what I want to implement, see e.g.
http://www.openttd.org/screens.php?image=images/screens/0.5.0/japan_national_railway_3_aug_1984 .
Mathematical computation of the object is principially impossible (or too complex in best case).

So, my suggestion is to add functionality similar to OpenGL's selection buffer:
The canvas element would keep a 2D array with an integer ID for each pixel. When turned on, these values would be set by every operation that changes the pixel, seting it to the current context's value. Pseudo-code example:

function DrawCell( iCellId ){

  canvas.selectionBuffer.trackChanges( ON );
  canvas.selectionBuffer.setFillValue( iCellId );

  canvas.drawRasterImage( ..., cellImage );

  canvas.selectionBuffer.trackChanges( OFF );


Then, upon user's mouse click on the canvas, you could determine which object was clicked:

canvas.onclick = function( e ){
  id = canvas.selectionBuffer.getIdAt( e.x, e.y );
  // eventually:
  id = e.selectionBufferID;

Such feature would allow interactive application with isometric or 3D graphic.
Is something like this planned or already suggested? I haven't found.

Ondra Zizka
Received on Saturday, 7 June 2008 08:36:18 UTC

This archive was generated by hypermail 2.4.0 : Wednesday, 22 January 2020 16:59:03 UTC