Highlighted

CreateJS for Mousemove

Explorer ,
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>
Adobe Community Professional
Correct answer by PickleNick28 | Adobe Community Professional

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;

}

TOPICS
Code, How to

Views

146

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

CreateJS for Mousemove

Explorer ,
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>
Adobe Community Professional
Correct answer by PickleNick28 | Adobe Community Professional

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;

}

TOPICS
Code, How to

Views

147

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
Dec 13, 2019 0
Adobe Community Professional ,
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
Reply
Loading...
Dec 17, 2019 0
Explorer ,
Dec 19, 2019

Copy link to clipboard

Copied

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
Reply
Loading...
Dec 19, 2019 0