记忆游戏:为什么在我的CSS代码中翻牌不起作用 - 腾讯云开发者社区

文章/答案/技术大牛

发布

【摸鱼也要有技术含量】用 Excel 打造翻牌记忆小游戏，老板看了都说我在加班！

会议纪要还没开完，早八的精神早已出走；报表数据还在刷新，心里已经游走在游戏世界的边缘。但你以为摸鱼只能靠手机偷瞄？那你太小看我们打工人的智慧了。真正的高手，早已将快乐隐藏进了 Excel 表格中。...这不是办公软件，这是隐形主机；这不是游戏外挂，这是技术的浪漫。你甚至可以正大光明地说一句：“我在练 VBA 命令。”听起来高深莫测，实际上你在愉快摸鱼。从此不再担心屏幕投影，不再担心被老板盯梢。...接下来就给大家介绍一个非常简单的，在Excel里编辑的翻牌小游戏。首先我们建立一个空的Excel文档，名字自己怎么起都行。...pwd=nhkd 提取码: nhkd 在这个处处高压的职场生态中，摸鱼从未如此体面。你不是在浪费时间，而是在数据海洋中精准切换注意力；你不是在玩游戏，而是在 Excel 的规则里磨练记忆、训练专注。...你躲过了老板的目光，赢得了内心的自由所以，下次当你看见同事在认真盯着 Excel 表格时，很有可能在摸鱼哦！以上就是简单的Excel里进行翻牌游戏的创作内容了，摸鱼虽爽，可不要天天摸哦！

2.4K0 0

WEB小游戏开发之记忆翻牌游戏项目说明

引言本篇是一个经典的记忆翻牌游戏项目说明。游戏介绍记忆翻牌游戏（又称配对游戏、记忆力游戏）是一种经典的益智游戏，起源于19世纪末的欧洲。...这种游戏最初使用实体卡片进行，后来随着电子游戏的发展，成为了电子游戏中的经典类型之一。本项目是记忆翻牌游戏的现代Web实现，不仅保留了传统游戏的趣味性，还增添了现代UI设计、流畅动画和多项增强功能。...：构建整个游戏板的"记忆地图"专注力管理：保持专注，避免分心速度与准确性平衡：找到速度和准确性的平衡点技术实现前端技术HTML5 - 构建游戏界面结构CSS3 - 响应式布局和动画效果JavaScript...从简单难度开始，使用系统化的方法翻牌，按行或列的顺序记忆卡片位置。如何提高我的记忆力？定期玩记忆翻牌游戏，使用记忆技巧如位置关联法、图像联想法等。游戏进度会保存吗？...贡献指南我们欢迎所有形式的贡献，包括但不限于：报告问题和建议提交功能请求代码贡献和Pull Request文档改进

7572 1

您找到你想要的搜索结果了吗？

是的

没有找到

从零开始用CloudBase打造CloudMatch：云端开发真的这么简单？

Fine-grained tokens点击【Generate new token】，参考下图填写点击【Generate token】生成 token，并进行复制CloudMatch问世请帮我开发一个记忆翻牌游戏...额外功能 - 游戏教程和提示系统 - 游戏中途暂停/继续 - 分享游戏成绩的功能 - 自定义卡片背景和主题请使用HTML、CSS和JavaScript实现这个游戏，所有代码放在一个HTML...，整体效果还是很不错的，这里的镜像文字，后面也修复好了关于CloudMatch CloudMatch：一款让你爱不释手的记忆翻牌游戏朋友们，今天介绍一个超级有趣的在线游戏——CloudMatch！...这可不是普通的记忆翻牌游戏，它融合了云端技术和炫酷设计，玩起来特别过瘾。为什么CloudMatch这么特别？CloudMatch最吸引我的地方是它的视觉效果。...这就是CloudBase最大的价值——让你能快速验证想法。CloudMatch这种记忆翻牌游戏看似简单，但要做好用户体验（比如解决文字倒置问题）、加上云端功能，如果从零搭建后端的话工作量不小。

7232 1

WEB小游戏开发之小游戏合集项目说明

已完成记忆翻牌考验记忆力的翻牌游戏，找出所有配对️✅ 已完成扫雷经典的逻辑推理游戏，小心地雷️️️✅ 已完成俄罗斯方块经典的方块堆叠游戏，挑战你的空间思维️️️✅ 已完成五子棋经典的策略对战游戏，五子连珠获胜...️️️✅ 已完成消消乐经典的三消游戏，连接相同元素获得高分️️ 开发中开发难度（️）️ 入门级：基础DOM操作，简单逻辑️️ 进阶级：需要一定算法基础，状态管理相对简单️️️ 复杂级：需要较复杂的算法，...# 记忆翻牌游戏├── minesweeper/ # 扫雷游戏├── tetris/ # 俄罗斯方块游戏├── gomoku/ # 五子棋游戏├── match3...images": { "light": "assets/images/game-light.png", "dark": "assets/images/game-dark.png" }}创建游戏目录和文件在项目根目录创建新的游戏文件夹实现游戏逻辑和界面添加游戏专属...README.md更新主README.md中的游戏列表提交Pull Request更新游戏图标和预览图许可证本项目基于 MIT 许可证开源。

6171 1

【CodeBuddy】三分钟开发一个实用小功能之：记忆翻牌配对游戏

我正在参加CodeBuddy「首席试玩官」内容创作大赛，本文所使用的 CodeBuddy 免费下载链接：腾讯云代码助手 CodeBuddy - AI 时代的智能编程伙伴前言：人机思维对话 "我需要一个记忆翻牌游戏...二、应用场景：重塑开发工作流快速原型开发：从游戏配置对象到状态管理模块的自动生成，AI在5秒内搭建起完整框架跨技术栈协同：CSS的perspective属性营造3D空间感，classList操作实现动画过渡...记忆翻牌游戏的诞生过程揭示：开发者只需专注创意本质，将布局适配交给grid，动画效果托付transition，逻辑流程由状态机自动维护。...charset="UTF-8"> 记忆翻牌配对游戏... 记忆翻牌配对游戏 <div class="game-info

4612 1

网页小游戏合集：用 Vibe Coding 把摸鱼变成上线产品

最近把一批打开浏览器就能玩的小游戏收拢成一个单页应用（SPA）：2048、记忆配对、数独这类经典休闲玩法，适合碎片时间点两下。...这篇文章写给完全不懂代码也能读完的朋友：先讲「它是干嘛的」，再讲「为什么我把它称为最简单的vibecoding项目」，最后聊聊「在vibecoding里，技术选型到底重不重要」。...这个网站是干什么的（业务内容，说人话）你可以把它理解成一个不需要安装App的游戏大厅：即开即玩：不用注册登录（具体以页面为准），在浏览器里选游戏就能开始；经典小游戏合集：例如2048、记忆配对、数独、贪食蛇...提要1：为什么说这是最简单的vibecoding项目我把它归类为「最简单的vibecoding项目」，原因很直接：它属于交互少、边界清晰的单页应用/小游戏合集。...在这个项目里，vibecoding的闭环基本是：先定体验清单：比如「2048支持键盘/滑动」「记忆配对翻牌要有状态」「数独能点格子输入」；让AI按同一套壳子组织页面与路由：主页是入口，游戏是独立页面；自己当玩家测试

1351 0

使用 CodeBuddy IDE + CloudBase 一站式开发卡片翻翻翻游戏

玩法超简单：翻牌找相同表情，配对成功加时间，卡关能点提示，结束一键重开～主打锻炼记忆、专注，动画丝滑，老少都能玩，快来挑战自我，刷新记忆力！3. 表情符号配对挑战来袭！...玩法看这里：翻牌找相同表情，配对成功+3秒，提示功能来帮忙，结束重开超方便～能练记忆力、专注力，简单好上手，动画效果丝滑，赶紧来挑战，让记忆飞升！是的，您没有看错！...创建云函数为了实现卡片游戏的核心功能，我们需要创建一个云函数来获取卡片的表情图片内容：在 CodeBuddy 中，我们可以通过 AI 助手创建云函数云函数编写完成后，只需输入提示词部署该云函数即可完成部署部署成功后...，可以在云开发平台控制台查看和管理该云函数部署到静态网站完成本地开发和测试后，我们可以将项目部署到 CloudBase 提供的静态网站托管服务：在 CodeBuddy 中，输入部署相关的指令AI 助手会帮助我们完成部署流程等待部署完成后...整个过程简单高效：简化开发流程：借助 AI 辅助编程，我们只需描述需求，无需手动编写大量代码降低技术门槛：即使对云开发不太熟悉的开发者也能轻松完成应用部署提高开发效率：从需求到上线，整个过程可以在极短时间内完成零运维负担

5675 1

如何优雅简洁地实现时钟翻牌器(支持JSVueReact)

在代码中设置line-height为0： .flip .digital:after { top: 50%; bottom: 0; border-radius...在本次分享的效果中，我们的视角是正对牌面，并且纸牌位于视角中间。所以 transform-origin的第一个值（X轴位置）为50%。...这段Javascript代码很冗余，重复代码很多。在实际产品中，都是多个数字牌，这种方式显然无法应对。下一章节，我们来说下如何优雅的封装，以不变应万变。 3 翻牌时钟的实现先看下最终效果： ?...3.2 构建Flipper类将每个翻牌封装成类，这样在应对多个翻牌的时候，可以方便的通过new Flipper()去独立控制每个翻牌对象。...关于prototype，以及为什么要设置constructor，请阅读我的微信公众号（账号：卧梅又闻花）另一篇文章《一张刮刮卡竟包含这么多前端知识点》第4.1章节，已经讲解得很详细了。

9.1K5 1

使用 CodeBuddy IDE + CloudBase 一站式开发卡片翻翻翻游戏

玩法超简单：翻牌找相同表情，配对成功加时间，卡关能点提示，结束一键重开～主打锻炼记忆、专注，动画丝滑，老少都能玩，快来挑战自我，刷新记忆力！ 3. 表情符号配对挑战来袭！...玩法看这里：翻牌找相同表情，配对成功+3秒，提示功能来帮忙，结束重开超方便～能练记忆力、专注力，简单好上手，动画效果丝滑，赶紧来挑战，让记忆飞升！是的，您没有看错！...创建云函数为了实现卡片游戏的核心功能，我们需要创建一个云函数来获取卡片的表情图片内容：在 CodeBuddy 中，我们可以通过 AI 助手创建云函数云函数编写完成后，只需输入提示词部署该云函数...即可完成部署部署成功后，可以在云开发平台控制台查看和管理该云函数部署到静态网站完成本地开发和测试后，我们可以将项目部署到 CloudBase 提供的静态网站托管服务：在 CodeBuddy 中，...整个过程简单高效：简化开发流程：借助 AI 辅助编程，我们只需描述需求，无需手动编写大量代码降低技术门槛：即使对云开发不太熟悉的开发者也能轻松完成应用部署提高开发效率：从需求到上线，整个过程可以在极短时间内完成

3521 0

随机机制的探索（RandomPicker中文文档）

最初的灵感来来自音乐随机播放：权重++ 切歌模式最近在研究游戏机制，发现随机在游戏领域有着广阔的空间。随机和博弈往往联系在一起，而博弈的英文即‘game’，非常有趣的一个词。...暴击机制与翻牌随机在这里，推荐一篇非常不错的文章: 随机机制在游戏中的应用与控制。里面提到的暴击机制非常吸引我。因为真随机确实有个弊端，无法保证运气不好的情况下多少次能触发。...翻牌随机呢能够保证一轮当中必定触发一次，但是如果用在游戏领域它有一个非常要命的缺陷——存在真空期。何为真空期？我对其这么定义：概率大于0的事件在某些情况下100%不触发，这些时期即为真空期。...概率推算因此，翻牌随机也只需要加一个简单的重置即可：翻到中奖牌后，重新洗牌。存在的问题就是：概率如何计算？假设我想保证20%的中奖率，该有多少张牌？...翻牌重置的最终代码参见

1.3K2 0

简单的统计学：如何用Python计算扑克概率

介绍在本文中，我们展示了如何在Python中表示基本的扑克元素，例如“手”和“组合”，以及如何计算扑克赔率，即在无限额德州扑克中获胜/平局/失败的可能性。...在随机的情况下，我只有2.77％的机会输，获胜的机会超过93％。这很乐观。 ? 考虑到翻牌前有加注，而只有我和对方在翻牌后才离开，所以对方有一些手牌，对吧？我们称这种可能的手为范围。...讨论和结论在本文中，我展示了如何表示基本的扑克元素（例如手牌和组合），以及如何在讲述威尼斯人夜晚的故事的同时，假设Python中的随机手牌和范围来计算扑克赔率。...当然，本文中的所有分析都假设了一些范围和基本的扑克策略，这些策略和基本的扑克策略构成了我在玩游戏时的思维模型，并在本文中以Python实现。我不是职业扑克玩家，还有很多方法。...我相信我犯了一些错误，例如，低估了对方在翻牌前加注时持有A和J的可能。我很好奇，其他人将如何使用此处使用的Python框架来分析手牌。

3.1K3 0

emlog侧边栏复古翻牌时钟效果

emlog侧边栏复古翻牌时钟效果。（涛先森原创）小编发现，本博客的后边侧边栏总是觉得空空的，反复思索了一下，决定加个时钟但是时钟现在的人体艺术时钟已经泛滥，思索着整一个新的。...就是现在博客侧边栏的时钟。修改之前的原先效果在这： ? 经过大小的修改，去掉了【秒】的时间。终于在侧边栏完美显示了这边用到了两个JS和CSS事件。...教程来了：在后台的侧边栏加入自定义组件，写入以下代码： css"...和CSS我上传到了我自用的外链，稳定可靠，当然你也可以自己把js和css放到自己的网站里面！...如果外链失效请下载css or js文件自行使用原文地址：《emlog侧边栏复古翻牌时钟效果》 css or js

1.8K3 0

Cocos2d Lua 越来越小样本内存游戏

大家好，又见面了，我是全栈君。 1.游戏简介一个”记忆”类的比赛游戏。你和电脑对战，轮到谁的回合，谁翻两张牌，假设两张牌一样。就消掉这两张牌，得2分，能够继续翻牌，假设两张牌不一样，就换一个人。...看谁的得分高。游戏设计思想能够看这篇文章《Cocos2d 游戏状态机》 2. Lua 简单面向对象我们知道Lua是脚本语言，不是真正面向对象语言。可是面向对象好像能让代码结构更加合理。...local card = MatchCard.new() //--调用方法 card:containsTouchLocation() 3.Cocos Code Ide 创建Lua项目我这游戏是用Cocos...还有Cocos2d-x C++感觉能写出较高质量的代码。还有VS2012非常好用。 Lua，JS都是脚本语言，用来开发游戏速度快非常多。不须要编译。...5.动态图以及项目源代码下载我对Lua使用比較少，感觉写的比較差，太多全局变量。项目下载地址： http://www.waitingfy.com/?

8731 0

拒绝成为时代的旁观者：2025，我在代码与文字中寻找 AI 时代的“杠杆”

2025年，各种各样的AI工具接连发布，我在用中学的过程中收获了很多~2025年有本书一直在指导着我学习以及生活，我现在把这本书也分享给大家这本书叫《纳瓦尔宝典》，整理了纳瓦尔的一些思考，主要关于“如何不靠运气致富...“如果不会写代码，那就出书、写博客、做视频、录播客”我作为CS专业的学生，代码是会写一点的，但我还是接触了后面后面纳瓦尔所列举的事情。...我在今年可以说是只听了罗永浩的播客，这个图是在小宇宙中的时间累计，但实际上几乎《罗永浩的十字路口》这个专栏所有的节目我都听过或者看过了，还有些时长是在其他平台。...高密度的访谈，高密度的思考获取，老罗的播客都是三小时打底的几乎，还有五个小时的，对于老罗的语言风格，在访谈中真的可以从被访谈者身上学到很多。播客也是2025年对我成长帮助很大的一个形式。2....我作为学生，本身就没有什么代码工作量，所以对我来说，和编程小白也没区别，但也不是完全没有区别，我认为我在软件工程以及CS基础方面的知识使我在VibeCoding中有变得更高效，不是盲目的Vibe。

2452 0

Vibe Coding这一年：从“代码苦力”到“超级个体”，我如何把3天的工作压缩进2小时？

这个是我之前的常态理由你们都懂：白天是公司的代码牛马，晚上回家只想躺平。那些Idea，在文档里躺了三年，最后都变成了“下次一定”。哈哈，我想你读到这里，肯定不老实的笑了，这不就是说的你自己么？...我只是负责把核心玩法的思路写好，然后让 GPT细化我的想法，并且随着我不断对话完善，最后总结出我心里想要的那个游戏，说实在的，我其实一开始也不清楚我要的所有细节，但是在和 AI 的多次对话中，我把这些想法细化...猜数字游戏，我用 flutter 写的“再来个八皇后问题的算法可视化。”八皇后，也在 flutter 中“汉诺塔的递归逻辑，你也包了吧。”...汉诺塔，也是在 flutter 中反正就是这么几句对话，加一些微调动作，不到几个小时，我就把之前玩过的一些益智游戏给全部放到了我的 App 中，随时可以调出来玩。...这种即时反馈的爽感，真的会上瘾，说真的，感觉只要是代码可以实现的东西，你将无所不能。于是，这个包含了数独、记忆翻牌、汉诺塔的 Flutter 小游戏合集就这么诞生了。

5712 1

python连连看与记忆翻牌游戏（1）

提高编程能力，写游戏是非常好的选择游戏综合性相对比较高的，会涉及比较多的逻辑，数据处理以及对应的问题算法，很多前沿的技术都会应用在游戏中。...---- 接下来三篇准备写写游戏，以前写过一个记忆翻牌的游戏，和我们今天要讲的连连看是有很多相同的地方的，以及消除游戏也是一样，其中连连看难度最高。...---- 连连看记忆翻牌消除游戏 ---- 这里我们只做规则图形（方形）的连连看，类似下面这种。 ---- 核心待解决的问题首先考虑采用哪种数据结构表示出画面中的内容？...（图中用 C 下划线表示） ---- 核心代码： import numpy as np def is_block(array,x,y): if array[x,y]==0:...，之后会融合到游戏中。

1.2K3 0

学界｜德州扑克算法幕后研发者CMU博士Noam Brown专访：AI如何打败顶级人类牌手？

（译者注：在2015年那场对战）中，人类选手发现并充分利用了Claudico 的漏洞，比如他们让Claudico 多次采用“溜进”（译者注：limp，翻牌前专用名词，指玩家不做任何加注，只跟进1倍大盲注...AI微调不是说我们让它再再加注（four-bet）的次数增多，或提高加注倍数，而是因为对手在翻牌前和翻牌时总是下不同大小的注。AI程序知道如何回应2倍，2.5倍或3倍的开局下注。...Card Player ：那么我们能不能说Libratus在转牌圈（the turn）和河牌圈（the river）时的回应没在翻牌前和翻牌时的回应那么重要？...关于机器人会如何影响线上扑克玩家，我不去做太多推测，因为我也确实不清楚。但我知道现在已经有机器人被应用在线上了，有些扑克牌游戏网站费很大力气想要在线上安置这样的机器人。我不知道在这场博弈中哪方会赢。...这也是为什么这次比赛我们是一对一制的，也是为什么本次比赛结果在一对一游戏制度下有相当大的意义。我认为目前无限德州扑克 6 人桌（Six-Max）略微超出了Libratus和类似AI机器的能力。

2K4 0

响铃：个体网咖翻牌网鱼成潮网咖老大凭何率众突围行业寒冬

值得一提的是，在网鱼网咖的品牌护航下，不少个体网咖通过加盟网鱼度过“寒冬”期，下半年仅上海地区就有50多家个体网咖翻牌网鱼，绝大部分翻牌门店迅速实现盈利翻倍，最新翻牌的门店业绩也出现了显著上扬。...那么，网咖市场为什么频现“个体网咖翻牌网鱼潮”？...配合硬件+软件优势，网鱼网咖形成的强大的品牌影响力能够辐射到每一个加入联盟的从业者。在实践案例中，一些翻牌的加盟商甚至表示，在翻牌的装修期间，就有许多游戏玩家慕名而来询问什么时候能开业。...在试图带给顾客更多内容体验的同时，网鱼网咖也给予了加盟商更多来自网鱼品牌的助力。 2、游戏社交深化除了内容，娱乐过程体验也在进化，个性化、私密性以及游戏圈层社交受到顾客的重视。...网鱼网咖推出的网咖最新版本，就在主推私密空间多人游戏和更自由的包房体系，大厅和包房的比例从过去的8:2变成了2:8，水吧区、竞技区、主播间、休闲区等单独设置，在封雨店的实践中，包房上座率明显提升，收入占比更是超过

7374 0

5小时复刻《羊了个羊》，Java代码已开源，还有108套皮肤

简介羊了个羊游戏爆火，就是太难玩了，我玩了几十次，玩不过去，很纠结，作为技术人员的我，忍不了，就抽了5个小时用Java实现了一个桌面版本，效果如下：测试现场羊了个羊开发现场实现思路+代码实现...defaultHeight/2:0); // 设置卡片显示在背景面板中位置 fruits.setBounds(pointX,pointY,defaultWidht,defaultHeight...addClick(); } 第一步：画翻牌区——实现思路翻牌区实现的思路和叠卡区类似，少一步错落有致的步骤。...以上思路实现的参考代码如下： /** * 添加到翻牌区 * @param imageCantainer * @param initX * @param initY...this.leftFold = true; }else{ this.rightFold= true; } // 设置卡片显示在背景面板中位置

1.2K3 0

Redis：我承载了上千万人的火影青春

服务拆分目前火影大部分需求都是新增的活动，而活动逻辑一直在 gamesvr 中，新增活动严重影响了 gamesvr 的可靠性，拆分出独立的actsvr后，还能提高活动服的扩展性。 ? 2....状态迁移导致的核心问题游戏逻辑决定活动一定会产生状态，状态不能放在svr的内存中，要转移到全局的数据库中，从gamesvr中抽出活动逻辑需要解耦，大体包含3个问题： 2.1 数据库：数据库的内存暴增...实际需求中，大部分 key 的长度在 24-55 字节之间，value 的长度在 8-39字节之间(value一般都会用 pb 等压缩，所以数据不多的情况下长度不会太长)。...3.1 lua 互斥锁在 redis 中，同一个 key 可以保证在一台机器上，redis 的单线程执行确保了针对此 key 操作时数据的强一致性。...目前火影已经为1000w+用户提供了稳定的游戏活动体验，而redis集群的内存和QPS都在掌控中。 ? ? 扫码报名赢公仔！ ? ↓↓200份公仔等你来拿~

2.3K4 2

点击加载更多

【摸鱼也要有技术含量】用 Excel 打造翻牌记忆小游戏，老板看了都说我在加班！

WEB小游戏开发之记忆翻牌游戏项目说明

从零开始用CloudBase打造CloudMatch：云端开发真的这么简单？

WEB小游戏开发之小游戏合集项目说明

【CodeBuddy】三分钟开发一个实用小功能之：记忆翻牌配对游戏

网页小游戏合集：用 Vibe Coding 把摸鱼变成上线产品

使用 CodeBuddy IDE + CloudBase 一站式开发卡片翻翻翻游戏

如何优雅简洁地实现时钟翻牌器(支持JSVueReact)

使用 CodeBuddy IDE + CloudBase 一站式开发卡片翻翻翻游戏

随机机制的探索（RandomPicker中文文档）

简单的统计学：如何用Python计算扑克概率

emlog侧边栏复古翻牌时钟效果

Cocos2d Lua 越来越小样本内存游戏

拒绝成为时代的旁观者：2025，我在代码与文字中寻找 AI 时代的“杠杆”

Vibe Coding这一年：从“代码苦力”到“超级个体”，我如何把3天的工作压缩进2小时？

python连连看与记忆翻牌游戏（1）

学界｜德州扑克算法幕后研发者CMU博士Noam Brown专访：AI如何打败顶级人类牌手？

响铃：个体网咖翻牌网鱼成潮网咖老大凭何率众突围行业寒冬

5小时复刻《羊了个羊》，Java代码已开源，还有108套皮肤

Redis：我承载了上千万人的火影青春

相关资讯

热门标签

活动推荐

运营活动

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐