在 animateCC 上的 createJS 中使用按钮键入文本
Posted
技术标签:
【中文标题】在 animateCC 上的 createJS 中使用按钮键入文本【英文标题】:Typing text with a button in createJS on animateCC 【发布时间】:2019-07-06 14:49:08 【问题描述】:我从 CreateJS 开始.. 我的代码不起作用,我需要帮助。
我想实现一个虚拟键盘。目标是使用不同的按钮(从 0 到 9)输入正确的 4 位代码。 C键删除数字。
如何制作一个在点击时显示文本的按钮?
非常感谢您的帮助! 马特
//Référence du scénario
_this = this;
//Curseur souris
stage.enableMouseOver();
//Gestion du touché sur tablette/mobile
createjs.Touch.enable(stage);
//Variables
var passKey = "1234";
var displayText;
var displayAccessText;
function numDisplay(num)
if (displayText.length < 5)
displayAccessText="";
displayText +=num;
displayNum.text = displayText;
displayAccess.text= displayAccessText;
_this.key1.addEventListener("mousedown", clicknum1);
_this.key2.addEventListener("mousedown", clicknum2);
_this.key3.addEventListener("mousedown", clicknum3);
_this.key4.addEventListener("mousedown", clicknum4);
_this.key5.addEventListener("mousedown", clicknum5);
_this.key6.addEventListener("mousedown", clicknum6);
_this.key7.addEventListener("mousedown", clicknum7);
_this.key8.addEventListener("mousedown", clicknum8);
_this.key9.addEventListener("mousedown", clicknum9);
_this.key0.addEventListener("mousedown", clicknum0);
_this.keycancel.addEventListener("mousedown", clicknumc);
_this.keyenter.addEventListener("mousedown", clicknumenter);
function clicknum1()
numDisplay("1");
function clicknum2()
numDisplay("2");
function clicknum3()
numDisplay("3");
function clicknum4()
numDisplay("4");
function clicknum5()
numDisplay("5");
function clicknum6()
numDisplay("6");
function clicknum7()
numDisplay("7");
function clicknum8()
numDisplay("8");
function clicknum9()
numDisplay("9");
function clicknum0()
numDisplay("0");
function clicknumc()
displayText = "";
displayNum.text= displayText;
function clicknumenter()
if (displayText==passKey)
displayText="";
displayAccess.text="TRUE";
else
displayText="";
displayAccessText="FALSE";
displayAccess.text=displayAccessText;
displayNum.text = displayText;
【问题讨论】:
【参考方案1】:对不起,很好!
我忘记初始化变量...并尝试添加到未初始化的变量(displayText)。
谢谢!
【讨论】:
以上是关于在 animateCC 上的 createJS 中使用按钮键入文本的主要内容,如果未能解决你的问题,请参考以下文章
Animate CC 中的 CreateJS JavaScript 帧脚本
H5实例教学--微信内嵌视频2(素材来自腾讯孙尚香末日机甲皮肤宣传H5)