Set speed rotation with text input filed in html5

Question

Hi everyone, it's me again&#128522; How can I make a button rotate another object, like this: There is an object, button and input text field:when I put the number in the input text field and then click the button, it will effect on rotation speed.  Higher numbers that user type in the input text will cause faster rotation. But, in other case, i want to set the object rotate only 10 times not continously. How can I do this using html5? Can anyone tell me the code?Thanks in advance!Have a nice daySorry, I'm not good in English. Hope you can understand my question&#128522;

JoãoCésar17023019 · Accepted Answer

Hi.

Here is a suggestion to get you started:

var root = this;
var yourRotatingInstance = root.yourRotatingInstance;
var yourButton = root.yourButton;
var rotationSpeed = 1;

createjs.Ticker.on("tick", function()
{
	yourRotatingInstance.rotation += rotationSpeed;
});

yourButton.on("click", function()
{
	yourInput = document.getElementById("yourInput");
	
	if (yourInput.value && !isNaN(yourInput.value))
		rotationSpeed = Number(yourInput.value);
});

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.