need help Converting Actionscript to HTML5 in Adobe Animate using random

Question

this is my code for Actionscript:

//for creating a hexagon on click

stage.addEventListener(MouseEvent.CLICK, addHex);
function addHex(e:MouseEvent):void {
var newHex: hex1 = new hex1
var size:int = Math.round(Math.random()*50+10);
this.addChildAt(newHex, 1);
newHex.x= mouseX;
newHex.y= mouseY;
newHex.width= size;
newHex.height= size;
}

How could I convert this to HTML5?

THANK YOU IN ADVANCE

JoãoCésar17023019 · Accepted Answer

https://shared-assets.adobe.com/link/8a1e0f2a-d854-4d7d-59e1-cbb5650b6232

Thanks.

There are multiple instances that are interfering with the mouse click.

One solution will be to place an invisible button at the top that covers the entire canvas and then add the click listener to the button instead of adding to the stage.

The code would be slightly modified:

function addHex(e)
{
	var newHex = new lib.hex1();
	var size = Math.round(Math.random() * 50 + 10);
	
	newHex.x = stage.mouseX / stage.scaleX;
	newHex.y = stage.mouseY / stage.scaleY;
	newHex.scaleX = size / newHex.nominalBounds.width;
	newHex.scaleY = newHex.scaleX;
	
	this.addChild(newHex);
}

this.hit.cursor = "none"; // hit is the instance name of the invisible button
this.hit.on("click", addHex, this);

I hope it works.

JoãoCésar17023019 · Answer

Hi. Like this:function addHex(e){var newHex = new lib.hex1();var size = Math.round(Math.random() * 50 + 10);newHex.x = stage.mouseX / stage.scaleX;newHex.y = stage.mouseY / stage.scaleY;newHex.scaleX = size / newHex.nominalBounds.width;newHex.scaleY = newHex.scaleX;this.addChildAt(newHex, 1);}stage.on("click", addHex, this); Besides the code, you will need to set the linkage name of your symbol in the Library to hex1 and you will also need to have some shape, bitmap or symbol instance in the background to serve as a hit area so the click event will be fired.  I hope this helps. Regards,JC

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded