首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

在JS中创建一个Simon游戏,但有些地方出了问题,需要帮助

在JS中创建一个Simon游戏,Simon游戏是一种记忆力训练游戏,玩家需要按照一系列随机产生的音频或颜色序列进行操作。如果在创建Simon游戏时遇到问题,可以尝试以下步骤来解决:

  1. 确定问题:首先需要确定具体出了什么问题,例如游戏无法开始、音频无法播放、颜色序列显示错误等。
  2. 检查代码:仔细检查你的代码,确保没有语法错误和逻辑错误。特别关注与游戏逻辑相关的部分,如生成随机序列、播放音频、显示颜色等。
  3. 调试工具:使用浏览器的开发者工具来调试代码。可以在控制台查看错误信息、打印变量的值,以及逐行调试代码。
  4. 音频播放问题:如果音频无法播放,首先确保音频文件的路径正确,并且文件格式受支持。可以尝试使用HTML5的<audio>标签来播放音频,或者使用第三方库如Howler.js来处理音频播放。
  5. 颜色序列显示问题:如果颜色序列显示错误,检查相关的CSS样式是否正确应用。可以使用CSS类来控制颜色的显示,或者使用JavaScript来动态修改元素的样式。
  6. 事件处理问题:Simon游戏需要处理玩家的点击事件,确保你正确地绑定了点击事件,并在事件处理函数中执行相应的逻辑。
  7. 测试和调试:在每次修改代码后,进行测试和调试。可以使用console.log()语句来输出变量的值,以便检查代码的执行情况。

总结:创建Simon游戏可能涉及到前端开发、音视频处理、事件处理等方面的知识。如果你在某个特定的问题上遇到困难,可以提供更具体的问题描述,以便获得更准确的帮助。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

“首席增长官”诞生记——Growing or Dying | 数据科学50人·张溪梦

(图片说明:张溪梦SimonGrowingIO北京办公室接受DT数据侠的专访) 曾做过脑外科医生,年少时喜爱电脑游戏Simon2002年离开中国,离开从医的天津肿瘤医院,开启了他的留美之旅。...(图片说明:左Sean·Ellis,右张溪梦Simon Zhang ) 美国学习与工作得一帆风顺的Simon2015年突然回国创建用户行为数据分析产品GrowingIO,为什么选择海归创业呢?...(图片说明:李开复博士对比、 美两国四波人工智能浪潮的实力评估及未来5年发展趋势,并给出了相应的评分 ) 美国对于研发的投入巨大,包括MIT(麻省理工学院)2018年宣布以10亿美元捐赠成立新计算机学院...虽然当下人民热议“AI与人类的关系、中美AI的对比”等话题,Simon认为我们需要重视的是创造AI的人本身价值观一定要正确,关于未来,Simon的展望有三点:更加智能,更多数据以及去中心化。...工作的公司一定是要找有数据地方,去练习打磨Skills(技术),一方便提升数据能力,另一方面开发商业能力。 教育背景和年龄都不是问题,就算年过三十也一样可以通过坚持自学来转型。

1.1K20

前端黑魔法:webworker动态化,无需JS文件创建worker

通过JS文件和路径创建webworker带来的问题 Webworker,我其实一直觉得用法比较生硬,因为似乎需要创建额外的JS文件才能运行,就像下面这样 var worker =new Worker('...work.js’) 这意味着,你需要额外创建一个js文件。...我原本只是想“悄无声息”地创建一个文件,结果JS创建的时候突然弹出一个下载框,这可让人受不了。啊,难受。(此处应有[我太难了]表情包)。...也就是,这时候的webWorker是“静态”的,是需要额外JS文件的,是受约束的。 四次转换,将一个普通函数强行变成WebWorker 但是 @simon3000 的建议让我眼前一亮!...,你可以主线程创建任意个webworker!

3.5K10
  • 【译】CSS存在随机数吗?

    avatar 为什么我关心CSS的随机数 在过去,我曾开发过一些简单的只使用CSS的应用程序,如益智游戏Simon游戏和魔术。但是我想做一些更复杂的事情。...这里是个例子 后来我遇到了一个问题:我得到的是随机数,但有时,即使我点击“骰子”,它也不会返回任何值。 我试着增加动画的时间,这似乎有点帮助,但仍然得到一些非预期值。...那时我做了一件大多数开发人员会做的事情:当他们发现他们不能在线搜索到问题的答案时,就用StackOverflow向其他开发人员寻求帮助,优秀的Temani Afif想出了一个解决方案。...改掉这些之后,剩下的事就是创建一个小的界面来绘制一个可点击的假骰子,CSS版的《蛇和梯子》就完成了。 这种方法有一些明显的缺陷 它需要用户输入:必须单击一个标签才能触发“随机数生成”。...另一方面,它是100%使用 CSS(不需要预处理程序或其他外部语言的帮助),对于用户来说,它看起来是100%随机的。 这种方法不仅适用于随机数,而且适用于任何随机情况。

    1.7K20

    干货 | 2021 年如何一步一步的学习 Python

    比如我想学习如何使用 Python 创建网站,似乎每一个学习资源都希望大家花上两个漫长、枯燥的几个月来学习 Python 语法,然后我才能考虑去做我真正感兴趣、想要做的事情。...即使是几行看似简单的代码也会让初学者产生困惑,例如,为什么有些行是缩进的?什么是 django.http?为什么有些东西括号里?...那么要理解上面的代码,就需要了解 Python 语言 和 Django 的构建方式,上面的代码片段创建一个视图,是使用 MVC 架构网站的关键构建块之一。...但是有的时候,当我需要用 Python 建立一个网站来自动评比论文时,我却可以熬夜完成它,这就是动力的作用! 所以说,找出你的动机将帮助你找到一个最终目标,一条让你不感到无聊的道路。...游戏项目点子 · 基于地理位置,以占领对方位置为取胜之道的游戏项目 · 通过解决问题来通关的游戏 硬件/传感器/机器人项目点子 · 传感器项目,监测家里的温度 · 和闹钟结合,设计一个更加智能的闹钟 ·

    73520

    GPT4食用指南

    下面是具体要求: 能让读者快速获得文章的要点或精髓,让文章引人入胜;能让读者了解全文中的重要信息、分析和论点;帮助读者记住论文的要点 字数限制300字以下 请你摘要明确指出您的模型和方法的创新点...我将提供一些关于Js、Node等前端代码问题的 具体信息,而你的工作就是想出为我解决问题的策略。这可能包括建议代码、 代码逻辑思路策略。...可以看到gpt4的回答还是很详细的,并且给出了代码实践: 6.文字冒险游戏 我想让你扮演一个基于文本的冒险游戏。我在这个基于文本的冒险游戏中 扮演一个角色。...你的头有些疼,但不太严重,似乎是刚从一个长梦中醒来。 7.充当英语发音帮手 请为说汉语的人提供英语发音帮助。我会给你汉语句子,你需回答正确的英语发音。仅回答发音,不需要翻译或解释。请使用汉语谐音注音。...8.充当旅游指南 我想让你做一个旅游指南。我会把我的位置写给你, 你会推荐一个靠近我的位置的地方某些情况下, 我还会告诉您我将访问的地方类型。您还会向我推 荐靠近我的第一个位置的类似类型的地方

    16110

    英特尔:我们解决VR体验所需的强大计算量

    以下是Simon Gao的演讲实录: 我4年前曾经去过美国环球影城,在里面玩过一个变形金刚的项目。当时觉得非常震撼。...游戏和VR需要将大量数据装载到内存,这个装载过程其实造成你的体验比较差,可能打游戏会觉得怎么镜头条非常慢,这个内存技术是非常非常快。...新一代平台里面还有新的雷电接口,克服了USB电流不够的问题一个接口可以干很多事情。特别是一些主题公园使用这些技术,头盔的显示供电通通都可以从这个接口上来做。...其实还有后端的服务器,因为我们整个现在游戏的运营、VR后端都离不开,今天中午还跟朋友一起聊,就是怎么做控,后端还有很强大的服务器来运营整个的游戏,所以英特尔确实准备了很多好的东西,为了大家有兴趣进一步了解...所以VR产业还是处于蓬勃起步阶段,厂商已经了解到VR的潜力,开始大量的一些行业上应用,比如在一些公共场合提供VR的体验机会给消费者。因为现在VR处于一个市场早期教育阶段,这个还需要很多的努力。

    45350

    NFT灵魂拷问

    前阵子,我花了点时间研究了以太猫,核心是程序化生成+基因概念+游戏机制。...一部分人非常认可自己的数据被放在去中心化的链上,这并不一定代表大众的态度,于是另一部分相对传统的人仍然在意“落袋为安”,看到实物,并需要中心化的机构来帮他们认证东西的存在,这也是大部分消费者在下载之后就认为自己拥有了这个东西...所以我觉得大部分普通消费者没有必要花大价钱去购买NFT作品,尽管有些品牌已经开始做一些NFT的尝试,可见市场有进行大众化的消费探索。...@Niq Niq 早期,创作者需要自己去和区块链交互,但现在通过很多第三方的App就可以完成。APP帮助创作者完成了签署合约、上链认证、交付的过程。...opus 现实,真迹对于一个艺术品来说是很重要的,那么在数字艺术当中,如何判定NFT作品是真的?真假的概念是否存在? 史郁斌 这还是一个版权的问题,但我们的思路要进行改变。

    68730

    重新介绍 JavaScript(JS全面系列教程)

    几个月后,Microsoft 随着 IE 3 推出了一个与之基本兼容的语言 JScript。...你可以代码的任何地方定义这个函数,就像写普通的表达式一样。基于这个特性,有人发明出一些有趣的技巧。...这是一个经常出错的地方。...不过这个改进的函数还是和上一个例子一样,单独调用fullName() 时会产生相同的问题。 我们的 Person 对象现在已经相当完善了,还有一些不太好的地方。...这与那些保存的所有全局变量和函数的全局对象(global object)类似,仍有一些很重要的区别,第一,每次函数被执行的时候,就会创建一个新的,特定的作用域对象;第二,与全局对象(浏览器里面是当做

    1.7K20

    超强数据科学专用notebook神仙平台:多语言+多人协作,颜值能打又好用!

    有些编译器虽然也支持R、Julia等编程语言,但是需要专门搭建环境。并且,很少有编辑器支持团队协作,多人共同进行项目完成时会非常混乱无序。...而且,创建一个新的notebook只需要几秒,另外,Nextjournal还给出了一些列有用的模板,包括R、Pytorch、 keras、tensorflow等数据科学必备工具模板。 ?...比如平台注册非常简易,仅需要一个email就可以创建使用; 再比如编辑完成后,直接一键就可以发布你的项目,非常平台友好,可以说是jupyter的基础上,定制了适合博客和媒体发布的平台。 ?...最初团队成员们因为玩纸牌游戏而凑到了一起,他们创建一个叫Sauspiel的纸牌游戏。这是一款传统巴伐利亚纸牌游戏Schafkopf的游戏客户和在线社区。...虽然Nextjournal团队的开发基地位于柏林,成员们却来自欧洲和美国的不同城市,所以一直需要远程协作。

    78110

    认知神经的AI之光,将在北京闪耀

    一个源头则是人工智能,以Simon、Newell等为代表的人工智能先驱们先后提出了物理符号论、信息加工学说、特征检测理论等,他们认为人类认知过程的本质就是信息加工过程,类比于计算机处理的信息是外部输入的离散的物理符号...Simon等人建立了各种认知模型,当时无论是计算机的算力,还是人们对大脑结构、功能的理解,都不足以支撑这些研究进一步走下去。于是以认知科学为基础的人工智能分支,渐渐消亡,淡出了人们视野。...认知神经科学研究大脑的过程,经过几十年的研究,已经积累了一大堆的工具包。...近期举办的北京智源大会上刘嘉等人提出了他们的方案。...,来看我们的各种模型究竟跟人类相比有多么的结合,是否能够找到一种脱离硬件实现层面的通用智能; 最后,创建一个新兴的交叉学科「认知神经智能科学」,新兴的交叉学科将融入认知科学、神经科学和计算科学,希望在这方面培养新的人才开拓新的方向

    79140

    塔荐 | 机器学习与人工智能学习资源大放送合集

    人工智能始于哲学思辨,中间经历了一个没有心理学(尤其是认知神经科学的)的帮助的阶段,仅通过牛人对人类思维的外在表现的归纳、内省,以及数学工具进行探索,其间最令人激动的是 Herbert Simon (决策理论之父...,诺奖,跨领域牛人)写的一个自动证明机,证明了罗素的数学原理的二十几个定理,其中有一个定理比原书中的还要优雅,Simon 的程序用的是启发式搜索,因为公理系统的证明可以简化为从条件到结论的树状搜索(...说到底 Simon 的研究毕竟只触及了人类思维的一个很小很小的方面 —— Formal Logic,甚至更狭义一点 Deductive Reasoning (即不包含 Inductive Reasoning...没读完,如果想深入学习ML和IR,前三章(介绍,贝叶斯学习,线性分类器)必修。 还有些经典与我只有一面之缘,没有资格评价。...谁是 Herbert Simon 2. 什么是 Bounded Rationality 3. 这本书讲啥的: 我一直觉得人类的决策与判断是一个非常迷人的问题

    71370

    10个基于web的JavaScript最优秀的应用程序库和框架

    单击visual index一个条目,您将看到一个详细页面,在这个页面您可以看到数据表示的完整视图(如下所示),以及用于创建表示的底层代码和数据: ?...该站点提供了完整的示例,旨在帮助您理解库的功能。 这个库的主要优点是它对内容的处理非常灵活。另一方面是D3.js并没有带来太多的活力。...这听起来并不是什么大问题,但是如果你公共云上托管你的网站,“让它休眠”可以帮你省下一大笔钱——可能是很多钱。此外,由于Node.js需要锁来完成它的工作,它不像其他框架那样倾向于死锁。...有些收藏品很奇特,如anime.js(动画) ,而其他的,比如有趣的js,会有一些你在其他地方看不到的有趣的小部件。它也直接与反应一起工作。...底线 现在应该很清楚了,问题不是找到一个JavaScript库或框架来帮助您做一些有趣的事情——而是找到一个库来帮助您完成您需要完成的任务。 此外,您还需要确保您所依赖的库将在明天仍然存在。

    2.2K20

    游戏从0到1:第 2 课 创建一个游戏项目

    但是对于初学者,目前阶段了解这些运行机制就足够了,接下来我们开始创建并运行自己的第一个游戏项目。 创建游戏项目需要一个开发帐号,和一个微信开发者工具。我们先解决第一个问题。...每次修改后都要拿起手机扫码,这在开发实在有些麻烦。 [7lwnevrvl4.png] 另一个自动预览的功能,是微信后来添加的。单击自动预览分栏下的「编译并预览」按钮,手机上将自动打开游戏。...成功创建并运行了项目之后,接下来让我们花点时间熟悉一下小游戏项目的文件目录结构,这对于接下来的学习很有帮助。...有时候有些 bug 是在用户的手机上发现的,开发工具中和在自己的手机上都复现不了,这时候排查问题,可以使用工具栏的「真机调试」功能。单击该按钮,会生成一个二维码,将这个二维码发给用户。...本节课我们学习了如何创建并运行第一个游戏项目,还学习了如何在微信开发者工具及手机上查证问题、调试代码,调试是每个程序员都必备的技能之一,接下来的学习中将发挥重要的作用。

    1.3K20

    Java 基础巩固:内部类的字节码学习和实战使用场景

    这篇文章我们努力回答这些问题,也希望你可以说出你的答案。 四种内部类介绍 定义一个或者方法的类称作为内部类。...3.局部内部类 局部内部类是指在代码块或者方法创建的类。 它和成员内部类的区别就是:局部内部类的作用域只能在其所在的代码块或者方法内,在其它地方是无法创建该类的对象。...比如安卓开发中常见的一个 Activity 中有一个 ListView,我们需要创建一个特定业务的 adapter,在这个 adapter 需要传入数据,你可以另建一个类,如果只有当前类需要使用到...个人觉得安卓开发,有多个按钮需要设置点击事件时,让当前类实现 OnClickListener 接口然后 onClick() 根据 id 判断事件,比创建一大堆匿名内部类要好些,你觉得呢?...总结 总的来说,内部类一般用于两个场景: 需要一个类来解决一个复杂的问题,但是又不希望这个类是公共的 需要实现一个接口,但不需要持有它的引用 本篇文章介绍了 Java 开发四种内部类的概念、反编译后的格式以及使用场景

    1.3K100

    「新手引导框架」升级,支持自动挂机等更多玩法!

    01 将新手引导框架开源之后,陆续收到不少伙伴们的反馈,其中有一个问题是“引导脚本的自动执行,只能在浏览器上运行,感觉有些鸡肋”。...与脱贫实验的伙伴们几次交流讨论,大家给出了不同的方案,其中有「黝黑蜗牛」的方案给了我很大的启发,下面是解决原生上实现自动节点点击的讨论过程。 ?...动态创建用完再删除...还有更好的方法吗? ? 调试 Cocos Creator 的源码,找到事件派发的根源上,需要一个event事件对象。 ?...它是直接将一段 JS 代码嵌入已经运行的 Cocos2d-js 游戏中,如果将新手引导的自动执行能力动态嵌入一个 CocosCreator H5 游戏那将会是什么呢?—— 外挂!...一讲到外挂估计大家都觉得有点黑暗,那我们换一个正面的思路,实现一个“内挂”,就是游戏内部的挂机自动执行。 想信大多数人都见过很多无脑的,自动打怪、自动做任务的传奇类挂机游戏...

    1.9K20

    Cocos 2d-X Lua游戏开发Mac环境搭建以及一点点感悟

    系列的文章也许可以帮助到你,有不足的地方也希望指正,我们一同进步。        ...具体的也可以看看 SDK文档,可能有些人还知道棱镜SDK、anysdk、易接(1SDk),关于这几个有什么区别,甚至什么时候用哪个等等的额问题,下面这篇文章可能能说明问题: 如何评价棱镜SDK、anysdk...,知乎上看到过这样的问题,有兴趣的可以去看看,也许里面一些回答能让你有自己的理解: 最适合游戏开发的语言是什么?      ...接下来说说Lua,Lua是一个脚本语言,具体的Lua语法什么的我们就不提了,在后面具体说到Lua的时候再说,知道了Cocos2d-Lua你还需要知道这个: Quick-Coco2d-x       下面这段话是泰然网...Mac 搭建游戏开发环境还有一些方式,比如:还有利用 Cocos Studio 2 的,这个具体的可以看它的官网:  Cocos 官网         看看官网的下载,相信创建一个基本的Demo这种事也难不住你

    2K100

    【数据视觉盛宴】2017最美可视化作品欣赏

    一个乐队的成功的几率有多大?Russell Goldenberg 和 Dan Kopf 分析了纽约三年的 75000 场演出后,给出了答案。...乍看这只是一个涂鸦游戏,它会随机显示一个名词,要求你 20 秒内把它画出来。玩家需要用鼠标简单地把这个物体勾勒出轮廓,然后 Quick, Draw! 会判断你画的到底像不像。...这是一个持续一年的合作项目,共有 12 期,平均每个项目需要花费一个月时间。...作者是一名地理专业的学生,他对美国选举的改划选区行为非常感兴趣。 他提出改划选区今天仍然是美国的一个问题,有许多方法可以划定国会选区的界限。...作者创建了 15 个交互性可视化合集,每一个里面都包含了统计学导论课程中会遇到的一个小概念事件。

    1.5K40

    区分DDD的Domain, Subdomain, Bounded Context, ProblemSolution Space

    DDD有些概念并没有明确的定义,且高度隐晦。...这个问题比较简单,子域并不是字典一个单词(domain存在于字典subdomain不存在...)。子域web世界占有重要的位置,但在DDD中意味着什么?...Simon Wardley’s Strategy Cycle 在上图中有如下元素: Purpose:我们关心的领域中存在哪些问题需要解决或需要达到什么目的?...这样,一些域只需要与解决相关,而与问题无关。 从下图的例子可以看到,是可以将一些子域作为单一的问题空间或解决空间,没有必要这么做,应该采用更确切的方式对业务进行划分。 ?...作者的理解问题空间就是针对使用者来说,存在问题地方;而解决空间就是针对提供解决方案的人来说,落地方案的地方问题空间和解决空间只是不同人的不同视角而已。

    1.2K20

    今年最好的数据可视化作品,看了就赚了!

    作者:Neil Halloran 链接:www.fallen.io 这是系列纪录片中的一集,用一种独特的电影数据可视化形式,提出了发人深省的有关战争、和平与人类的问题。 ?...他提出改划选区今天仍然是美国的一个问题,有许多方法可以划定国会选区的界限。比如使用计算机生成选区,电脑绘制的选区与收入不平等,种族不平等,弱势群体或政治派别没有联系。 ?...作者指出计算机算法不考虑人们的社会经济特征,而仅仅是他们居住的地方;而政治家们规划选区时运用了社会经济学以助自己当选。...作者创建了 15 个交互性可视化合集,每一个里面都包含了统计学导论课程中会遇到的一个小概念事件。...加入了餐厅等级、食物价格以及Foursquare上食客们的评价后,一个全新的关系图谱诞生了。 可视化,我们可以发现,餐厅的等级、卫生条件和食客的评价并不完全成正相关。

    89520

    什么是真正的程序员

    小printf来到了第四个地方,遇到了一个人,他的电脑几乎被便签盖满了,没有人知道他干什么。   ..."在这个飞速发展的世界,如果你想参加这场游戏,你需要有先进的技术。否则你就会被时代淘汰,没有人想被时代淘汰。"   ...如果你担心其他人修改你写的东西时候遇到问题,你只能帮助别人改一个一个的bug,当然这些都是你讨厌的事情。直到你对这一切感到麻木。"   小printf:"你真不幸。"   ...走出了这栋楼  第十章 ?   小printf走到外边,发现了一个为慈善机构募集钱的男士。   "你好"那个男士说道:"你觉得帮助一些需要帮助的人的感觉怎么样?"   ...最重要的是:你忘记当初为什么创建这个系统,反而花费时间优化系统上面,那么它就变成了一场炫耀的游戏。这才是最可悲的。"   "开发者经常忘记最开始的初衷(真正有意义的事情)。

    75480
    领券