CreateJS for Mousemove

Explorer ,
Dec 13, 2019 Dec 13, 2019

Copy link to clipboard

Copied

How do I do what is shown below in Animate, using a movieclip instead of a div? I'm not understanding how to work with CreateJS. Code source: https://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_onmousemove_addeventlistener

 

<!DOCTYPE html>
<html>
<head>
<style>
div {
width: 200px;
height: 100px;
border: 1px solid black;
}
</style>
</head>
<body>

<p>This example uses the addEventListener() method to attach a "mousemove" event to a div element.</p>

<div id="myDIV"></div>

<p>Mouse over the rectangle above, and get the coordinates of your mouse pointer.</p>

<p id="demo"></p>

<script>
document.getElementById("myDIV").addEventListener("mousemove", function(event) {
myFunction(event);
});

function myFunction(e) {
var x = e.clientX;
var y = e.clientY;
var coor = "Coordinates: (" + x + "," + y + ")";
document.getElementById("demo").innerHTML = coor;
}
</script>

</body>
</html>
TOPICS
Code, How to

Views

371

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 1 Correct Answer

Adobe Community Professional , Dec 17, 2019 Dec 17, 2019
Try this. Get mouse position and causes movieClip to follow mouse without hiding the cursor: this.addEventListener("tick", fl_CustomMouseCursor.bind(this)); function fl_CustomMouseCursor() {   this.ball.x = stage.mouseX;   this.ball.y = stage.mouseY; }

Likes

Translate

Translate
Adobe Community Professional ,
Dec 17, 2019 Dec 17, 2019

Copy link to clipboard

Copied

Try this.

 

Get mouse position and causes movieClip to follow mouse without hiding the cursor:

 

this.addEventListener("tick", fl_CustomMouseCursor.bind(this));

function fl_CustomMouseCursor() {

  this.ball.x = stage.mouseX;

  this.ball.y = stage.mouseY;

}

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
Dec 19, 2019 Dec 19, 2019

Copy link to clipboard

Copied

LATEST

How can I get this to work with "pressmove" and "mousedown"? It doesn't work when I swap out "tick" for the other two. Thanks.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines