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 graphics too complex for creating paths, see e.g.
http://www.openttd.org/screens.php?imag ... 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 actually drawn on the screen (thus, we are talking about real pixels). 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:
- Code: Select all
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:
- Code: Select all
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.
Regards,
Ondra Zizka