Using touch events with Createjs / Easeljs

javascript canvas easeljs createjs
Cod1ngFree picture Cod1ngFree · Jun 18, 2013 · Viewed 12.9k times · Source

I'm trying to use touch events with Createjs / Easeljs objects. For example, I'm trying to attach a touchstart and touchmove event using addEventListener.

Touchstart and mousedown seems to work: I'm using a browser and a touch device to test it and it seems to work in both cases.

However, mousemove and touchmove doesn't seem to work. I though it was because I removed the stopPropagation and preventDefault methods, but I saw that Lanny McNie wrote that there is no need to do it in CreateJS 1.

I can't figure out why it doesn't work.

This is my code: http://pastebin.com/pqxWLNKG

Regards.

Answer

Lanny picture Lanny · Jun 18, 2013

You can use the Touch class included with EaselJS to enable multi-touch - which translate into normal EaselJS mousedown/mousemove events. Check out the DragAndDrop demo: http://www.createjs.com/demos/easeljs/draganddrop

createjs.Touch.enable(stage);

Cheers.

Related questions

Center text in a container (EaselJS)

I am new to EaselJS and I am trying to create a colored container with a centered text. This is my code: var width = 100, height = 100; canvas.width = width + 10; canvas.height = height + 10; var container = new c.Container(); container.x = 10; container.y = 10; …

Read More
How to draw a polygon using EaselJS?

There are Shape.graphic methods to draw circles and rectangles easily, but no obvious method to draw polygons such as hexagons and polygons? How do you draw them using EaselJS?

Read More
Easel.js stage.clear() not working

Pretty simple concept but it doesn't seem to be working. Here is my code: stage.clear(); stage.update(); Simple stuff -- nothing happens. The docs aren't helping.

Read More