在 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 中使用按钮键入文本的主要内容,如果未能解决你的问题,请参考以下文章

H5实例教学--从AnimateCC到CreateJS入门

Animate CC 中的 CreateJS JavaScript 帧脚本

createjs开发教程

H5实例教学--微信内嵌视频2(素材来自腾讯孙尚香末日机甲皮肤宣传H5)

canvas 动画库 CreateJs 之 EaselJS(上篇)

canvas 动画库 CreateJs 之 EaselJS(上篇)