{"id":15259,"date":"2015-06-06T05:01:22","date_gmt":"2015-06-05T19:01:22","guid":{"rendered":"http:\/\/www.rjmprogramming.com.au\/ITblog\/?p=15259"},"modified":"2016-02-08T21:19:31","modified_gmt":"2016-02-08T11:19:31","slug":"html-canvas-memories-game-drag-and-drop-tutorial","status":"publish","type":"post","link":"https:\/\/www.rjmprogramming.com.au\/ITblog\/html-canvas-memories-game-drag-and-drop-tutorial\/","title":{"rendered":"HTML Canvas Memories Game Drag and Drop Tutorial"},"content":{"rendered":"
\"HTML<\/a>

HTML Canvas Memories Game Drag and Drop Tutorial<\/p><\/div>\n

The Canvas<\/a> HTML element tag combines with some drag and drop<\/a> event Javascript logic today with our revised Memories Card Game we first developed some time back with HTML\/Javascript Canvas Memories Card Game Primer Tutorial<\/a> as shown below. In the same line of thinking was yesterday’s HTML Colour Coded Tic Tac Toe Drag and Drop Tutorial<\/a>.<\/p>\n

An HTML5 canvas element can be used as the container to draw graphics on the fly usually via the use of Javascript functions for rendering and event management.<\/p>\n

Today, with this topic, we’ve focussed on non-mobile platforms with the new drag and drop possibilities, but the old methods, with touch\/click, will still work for mobile platforms, and at a later date we may find room for “drag and drop” improvement with the mobile platforms as well … in the fullness of time … given the constraints of economic belt tightening … over the course of the current forward estimates.<\/p>\n

So what events, applied directly to the canvas element this time (incidentally, yesterday, this was not the case), were additionally of interest for non-mobile drag and drop functionality (in decreasing order of importance (where the already existant canvas “onclick” event remains the most important))?<\/p>\n