编辑**
在我的文字游戏中,有一个带有3个字母单词的网格.
游戏的目的是通过点击侧面的相应字母来拼写单词.
当网格中的区域突出显示时,它向用户指示要拼写的单词.用户单击网格侧面的字母,然后移动到突出显示的区域.
目前我的样式显示,如果单个字母是正确的,但是当一个字完成我需要认识到这一点,所以我可以应用样式到它.
有人能告诉我一些识别正确和错误单词的代码吗？
当它是一个拖放游戏时,我这样做了......
if (guesses[word].length == 3) {
if (guesses[word].join('') == word) {
$('td[data-word=' + word + ']').addClass('wordglow2');
} else {
$('td[data-word=' + word + ']').addClass("wordglow4");
target.splice(0, guesses[word].length);
}
});
这是点击动画功能的代码......
if (target.length) {
$(".minibutton").prop("disabled", true);
b.clone().addClass(
b.data("letter") == target.data("letter") ? "wordglow3" : "wordglow").appendTo("table").css({
background: "transparent",
position: "absolute",
top: currentPos.top,
left: currentPos.left
}).animate({
top: targetPos.top,
left: targetPos.left
}, "slow", function() {
$(this).css({
top: 0,
left: 0
}).appendTo(target);
target.addClass("occupied");
});
}
我试过这个......
if (target.length == 3) { …我正在创建一个加法和减法游戏,其中随机生成一个总和并显示在容器的顶部.然后数字从下到上动画,想法是点击正确的.
数字在开始时被赋予随机的"x"位置,然后以相同的速度动画到顶部.
我遇到的问题是,当程序运行时,元素有时会重叠,因为它们在开始时被赋予类似的"x"位置.
我需要告诉程序不要给出相同的"x"位置,直到使用它的元素在屏幕上足够远以使它们不重叠.
问题在于游戏首次启动时最糟糕的情况.
这是相关代码......
var currentMoving = [];
function moveRandom(id) {
// Mark this one as animating
currentMoving.push(id);
var cPos = $('#container').offset();
var cHeight = $('#container').height();
var cWidth = $('#container').width();
var bWidth = $('#' + id).width();
var bHeight = $('#' + id).css('top', '395px').fadeIn(100).animate({
'top': '-55px'
}, AnimationSpeed,'linear').fadeOut();
maxWidth = cPos.left + cWidth - bWidth;
minWidth = cPos.left;
newWidth = randomFromTo(minWidth, maxWidth);
$('#' + id).css({
left: newWidth
}).fadeIn(100, function () {
setTimeout(function () {
$('#' + id).fadeOut(10);
// Mark …我最近发现了一个.NET教程,向我展示了如何使用.NET库,signalr在Visual Studio中创建一个简单的聊天应用程序.
我创建了应用程序并进行了一些调整,包括一些AES加密.然后我将其作为网站托管在Windows Azure上.
聊天应用程序工作并已经过测试,但我不知道如何查看从一个用户发送到另一个用户的消息.
有人能告诉我在哪里可以找到这些消息流吗？
谢谢
在我的拼写游戏中,新单词将一直添加,因此总会有新的拼写单词选择.
添加到游戏中的每个单词对图像具有"src",并且声音将提示用户在游戏中获得正确的拼写.
当我完成游戏的制作时,添加新单词的工作归功于我的一位同事.这意味着他将不得不为pic和音频以及单词添加链接.
由于他们对这类事情知之甚少,我想让他尽可能容易地添加图像和声音,当我添加单词时我想创建一个默认路径到共享位置,他将存储所有这些东西.
通过这种方式,他可以输入单词"bug",图片中输入".bug-pic",声音输入".bug-audio",这样他就可以轻松添加到HTML中.
这是最好的方法吗？
他们输入这些东西最简单的方法是什么？
这是我现在存储单词,声音和图像的方式......
<ul style="display:none;" id="wordlist">
<li data-word="mum" data-audio="file:///C:/smilburn/AudioClips/mum.wav" data-pic="http://www.clker.com/cliparts/5/e/7/f/1195445022768793934Gerald_G_Lady_Face_Cartoon_1.svg.med.png"></li>
<li data-word="cat" data-audio="file:///C:/smilburn/AudioClips/cat.wav" data-pic="http://www.clker.com/cliparts/c/9/9/5/119543969236915703Gerald_G_Cartoon_Cat_Face.svg.med.png"></li>
<li data-word="dog" data-audio="file:///C:/smilburn/AudioClips/dog.wav" data-pic="http://www.clker.com/cliparts/e/9/4/1/1195440435939167766Gerald_G_Dog_Face_Cartoon_-_World_Label_1.svg.med.png"></li>
<li data-word="bug" data-audio="file:///C:/smilburn/AudioClips/bug.wav" data-pic="http://www.clker.com/cliparts/4/b/4/2/1216180545881311858laurent_scarabe.svg.med.png"></li>
<li data-word="rat" data-audio="file:///C:/smilburn/AudioClips/rat.wav" data-pic="http://www.clker.com/cliparts/C/j/X/e/k/D/mouse-md.png"></li>
<li data-word="dad" data-audio="file:///C:/smilburn/AudioClips/dad.wav" data-pic="http://www.clker.com/cliparts/H/I/n/C/p/Z/bald-man-face-with-a-mustache-md.png"></li>
</ul>
谢谢
在我目前的拼写游戏中,网格设计为3个字母的单词.我可以在"wordList"(动态创建网格)中添加更大的单词,但网格的大小会更改并重叠在较大单词所在的行上.
例如,当添加一个四个字母的单词时,网格将在该行的末尾添加一个额外的单元格,而不是判断该单词不适合该行,并在网格中的另一个位置起作用.
基本上我需要网格保持相同的大小,并且当文字随机放置时,确定一个位置,允许网格保持6x6而不是当它们不适合位置时走出边缘.显然,当添加大于6个字母的单词时,这将不起作用,因为它是6x6,但这不应该是一个问题,因为我认为我们不会延伸到那么大的单词.
像这样通过html添加单词...
<ul style="display:none;" id="wordlist">
<li data-word="rat"
data-audio="http://www.wav-sounds.com/cartoon/bugsbunny1.wav"
data-pic="http://www.clker.com/cliparts/C/j/X/e/k/D/mouse-md.png">
</li>
</ul>
然后像这样从列表中动态创建网格......
var listOfWords = [];
var rndWord = [];
var counter = 0;
var ul = document.getElementById("wordlist");
var i;
for (i = 0; i < ul.children.length; ++i) {
listOfWords.push({
"name": ul.children[i].getAttribute("data-word"),
"pic": ul.children[i].getAttribute("data-pic"),
"audio": ul.children[i].getAttribute("data-audio")
});
}
var chosenWords = [];
var copylist = listOfWords.slice();
for (var x = 0; x < ul.children.length; x++) {
var rand = Math.floor(Math.random() * (copylist.length));
chosenWords.push(copylist[rand].name);
copylist.splice(rand, 1);
if (chosenWords.length < …编辑 - 我现在有一个正确答案的工作计数器,并为错误答案完成相同但无法使其正常工作.它不会超过一个 - http://jsfiddle.net/smilburn/Dxxmh/33/
我正在为儿童创建拼写游戏,其中空格在网格中突出显示,并且通过单击网格侧面的相应字母,可以提供线索以正确拼写单词.
如果你说得对,那么网格中的空间会因使用"wordglow2"而消失.如果你弄错了它会发出"wordglow4"的红色.
在我的拼写游戏中,我想计算单词的正确和错误尝试次数,然后在最后显示它们.
我在HTML中创建了一个名为"counter"的div,它应该显示正确的答案,但在1个正确的答案之后它不会保持计数.
这是脚本
var completeLetters = $('.wordglow2').length;
var threeLetter = (completeLetters / 3);
var rightWords = $(threeLetter).length;
$('.counter').text(rightWords).show();
if (threeLetter == 3) {
$('table').fadeOut(2000);
}
我试图创建一个名为"rightWord"的变量,它接受"threeLetter"的长度,然后通过计数器显示它.计数最多为1然后停止.
我正在为儿童创建一个"打鼹鼠"风格的教育游戏,在这里给出一个问题,他们必须点击正确的出现数字.例如,当给出类似"2 + 2"的总和时,孩子必须等待"4"出现并单击它.每次遇到正确答案时问题都会改变,但问题是当新问题出现时没有正确的答案,而且您点击的每个号码都会添加错误的答案.有人能告诉我为什么会这样.
这是总和的案例..
function correctlabels() {
switch (Math.ceil(Math.random() * 9)) {
case 1:
check = sum1;
$('#target').html('0 + 1 = ?');
break;
case 2:
check = sum2;
$('#target').html('1 + 1 = ?');
break;
case 3:
check = sum3;
$('#target').html('2 + 1 = ?');
break;
case 4:
check = sum4;
$('#target').html('2 + 2 = ?');
break;
case 5:
check = sum5;
$('#target').html('2 + 3 = ?');
break;
case 6:
check = sum6;
$('#target').html('3 + 3 = ?');
break;
case 7: …我是JavaScript和JQuery世界的新手,所以我的代码结构仍然存在.我知道有一些编写方法可以减少对性能的压力,从而使您的程序更快地运行.
我已经研究了各种方法来实现这一目标,但却看不出如何将它应用到我拥有的东西上.我正在寻找堆栈溢出,以帮助向我展示一些关于使我的代码在结构上更健全的指示.
console.log(wordIsCorrect);
console.log($('.drop-box.spellword').length);
if ($('.drop-box.spellword').length == wordIsCorrect) {
$('.drop-box.spellword').addClass('wordglow2');
$(right).val('Well Done!');
$(right).show();
audioS.play();
$('.counter').html(completeWords + '/6').show();
$(wrong).hide();
$('.minibutton').prop('disabled', false);
var completeLetters = $('.wordglow2').length;
var completeWords = (completeLetters / 3);
$('.counter').html(completeWords + '/6');
if (completeWords == 3) {
$('table').fadeOut(2000);
}
var incompleteWords = $('.spellword').hasClass('.wordglow4').length;
if (incompleteWords == 3) {
$('.minibutton').prop('disabled', false);
}
} else {
$('.drop-box.spellword').addClass("wordglow4").css('color', 'transparent');
$(wrong).val('Try Again');
$('.minibutton').prop('disabled');
$(wrong).show();
audioF.play();
$('.counter').html(completeWords + '/6').show();
$(right).hide();
$('.drop-box.spellword').animate({
'opacity': 1
}, 1000, function() {
$(this).removeClass('wordglow4').removeClass('occupied').html('')
});
}
我的代码中的这个if语句之一.我明白我应该单独完成每项任务,但我不知道从哪里开始.
有人可以指出我正确的方向,以便我可以开始处理我的其余代码.谢谢!