Canvas based apps which allow user to interact directly using mouse — OZONE Asylum, home of the Mad Scientists

DHTML/Javascript

Canvas based apps which allow user to interact directly using mouse

This page's ID: 31360

Edit Post

Who can edit a post?	The poster and administrators may edit a post. The poster can only edit it for a short while after the initial post.

Your User Name:
Your Password:
Login Options:	Remember Me On This Computer

Your Text: Insert Slimies » Insert UBB Code » Close Last Tag \| All Tags UBB Help	Using SVG you could add any regular DOM event listener to the shapes or groups. Using Canvas, you can easily track the position of the mouse on click or mouse move, convert the coordinates to the coordinates system of your canvas ( if it's scaled ), then check if the point [url=http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-ispointinpath]is inside the path of some geometric shapes[/url] if you use geometric to represent or approximate the elements on your canvas. If you use bitmaps, one way to do collision detection is to have a hidden canvas where you draw each element with a unique color so that can simply check the color where the user clicked and voila. [url=http://www.p01.org/][sigrotate][img]http://poi.ribbon.free.fr/files/p01_ozoneasylum_sig_love.gif[/img]\|[img]http://poi.ribbon.free.fr/files/p01_ozoneasylum_sig_love_small.gif[/img]\|[img]http://poi.ribbon.free.fr/files/p01_ozoneasylum_sig_charly.gif[/img]\|[img]http://poi.ribbon.free.fr/files/p01_ozoneasylum_sig_dk.gif[/img]\|[img]http://poi.ribbon.free.fr/files/p01_ozoneasylum_sig_reason.gif[/img]\|[img]http://poi.ribbon.free.fr/files/p01_ozoneasylum_sig_galaxy.gif[/img]\|[img]http://poi.ribbon.free.fr/files/p01_ozoneasylum_sig_neon88x31.gif[/img]\|[img]http://poi.ribbon.free.fr/files/p01_ozoneasylum_sig_teapot.png[/img][/sigrotate][/url] Loading...
Options:	Enable Slimies Enable Linkwords

« Backwards — Onwards »

Show Forum Drop Down Menu