HTML扫雷版连连看益智小游戏,游戏素材取自超级马里奥!

益智小游戏

HTML扫雷版连连看益智小游戏,游戏素材取自超级马里奥!

​这是一款考研记忆力的小游戏,它重现了经典游戏《超级马里奥兄弟3》(Super Mario Bros 3)中的记忆小游戏。这款游戏利用CSS像素艺术风格来呈现,玩家需要翻转卡片来寻找匹配的对。每...

Canvas 实现的果冻跳跳跳生存冒险类小游戏,挑战性、趣味性十足!

跳跳小游戏

Canvas 实现的果冻跳跳跳生存冒险类小游戏,挑战性、趣味性十足!

基于Canvas + JavaScript实现的​果冻冲冲冲小游戏,该游戏改编自 iOS 上的游戏「Go Go Jelly」,游戏规则:点击屏幕主人公小果冻向上跳动,收集星星并消灭游动的小鸟以获...

GSAP 趣味性十足的拼图网页小游戏

拼图游戏

GSAP 趣味性十足的拼图网页小游戏

​一款有趣的拼图小游戏,基于gasp.js插件实现,拼图底板模块使用的是svg矢量图,通过gasp.js操控拖拽以及拼接事件,其中的拼图最终小猫图片是随机的,每次刷新都会出现不同的图片以增加拼图...

CSS 标准的四子棋小游戏

四子棋

CSS 标准的四子棋小游戏

只使用CSS实现的标准版四子棋小游戏,使用CSS初始化的棋盘棋子共有6行7列,基本规则: 双方轮流将棋子放进棋盘任何未全满的一列中,棋子会落到每列中最底未被占据的位置。 任何一方先完成四子连珠,...

JavaScript 拖动俄罗斯方块到指定网格小游戏

消除游戏

JavaScript 拖动俄罗斯方块到指定网格小游戏

很简单的一款消除类小游戏,同时原生的JS以及CSS实现的,通过拖动方块到指定的网格位置,当网格填充满以后游戏胜利并且重置游戏,这款半成品小游戏实现的很简单,可以在此基础上随意发挥想象力创造出可玩...

JavaScript 经典益智游戏-鸭子闯迷宫游戏

小鸭子闯迷宫

JavaScript 经典益智游戏-鸭子闯迷宫游戏

这是一款总共包含 54 个关卡的响应式益智游戏,无需任何三方插件,仅仅是基于 JavaScript 结合 CSS 实现的,不仅能在电脑上顺畅运行,在手机与平板上也能完美运行,尽管这款小游戏包含 ...

JavaScript CSS 小球跳跃移动躲避障碍物小游戏

雪花跳跃

JavaScript CSS 小球跳跃移动躲避障碍物小游戏

这款小游戏的名字叫:粉色雪花 - 跳跃游戏,之所以叫粉色雪花,是因为主题小球是粉色的,这款游戏的所有场景包括不同颜色不同形状的障碍物、小球以及网格状终点线都是通过 CSS 创建的, 躲避障碍物的...

CSS 与 JavaScript 鱼缸注水拯救小鱼游戏

拯救鱼类

CSS 与 JavaScript 鱼缸注水拯救小鱼游戏

这是一款设计精良的拯救小鱼游戏,由可控制开关的水管、鱼缸、升降的睡眠、游动的小鱼、死去的小鱼、水草以及一滩溢出流动的水组成的小游戏,这些外观都是经过 CSS 绘制的没有引入任何图片素材,非常的轻...

纯 CSS 实现的狙击怪兽闯关小游戏

打怪兽游戏

纯 CSS 实现的狙击怪兽闯关小游戏

是的,你没看错,就是使用纯 CSS 创建的打怪兽闯关小游戏,实现方式也不复杂,首先是选用了一些游戏图片素材,接着通过 CSS 控制这些素材产生连续的动画效果,用到了 grid-*、image-r...

JavaScript 兔子吃萝卜小游戏 3D 版

小兔子吃萝卜

JavaScript 兔子吃萝卜小游戏 3D 版

​当前这款小蓝兔吃红萝卜小游戏是通过 three.js 结合 gsap 插件设计而成的,这款小游戏的可玩性非常强,可以通过点击页面控制小兔子跳跃,也能通过控制鼠标的移动控制小兔子吃萝卜,小兔子会...

基于 JavaScript 实现的表情包随机转盘

转盘

基于 JavaScript 实现的表情包随机转盘

这段代码用 Vanilla JavaScript 创建了一个 转盘,转盘指示的内容为常用的表情包,它会生成一个带有表情符号的旋转轮,转盘的大小、颜色、动画及表情符号的数量支持自定义,转盘随机旋转...

基于JS实现的直观算盘运算效果

算盘

基于JS实现的直观算盘运算效果

本代码介绍了一个用 JavaScript 实现的交互式俄式算盘计算器。算盘是一种用于算术计算的简单机械装置,它以可视化的方式进行演示。本代码的主要功能是允许用户与算盘进行交互,添加或删除算珠上的...