JavaScript游戏站

tensorflowjs gesture controlled 2048 — JavaScript 游戏站模板

作者 jithurjacob

用摄像头手势玩2048的TensorFlow.js开源游戏站，适合交互原型与教学。

打开源站下载源码 ZIP

看看你的网站会是什么样

浏览真实页面截图，比较内容排版与手机效果。点击下方缩略图切换，放大查看整页细节。

1 个预览视图

已检查补充预览来源，暂未找到更多可用的页面或手机端截图。

桌面端首页

访问演示网站在新标签页打开

桌面端截图

演示站首页的真实桌面布局。

目前有 1 张原始预览，可打开完整图片查看设计细节。

截图用于了解视觉与布局，交互效果请以实际项目为准。本截图因高度限制未包含整页。

采集于 2026-09-27查看来源

值得关注的模板亮点

从已有项目资料中，快速了解它的特点。

基于TensorFlow.js的浏览器内手势识别，无需后端

使用MobileNet预训练模型迁移学习，降低训练成本

提供可玩的在线演示，直接体验手势控制2048

代码结构清晰，适合作为交互原型或教学示例

纯JavaScript实现，易于部署到静态托管

模板详细介绍

这是一个将经典2048游戏与浏览器端手势识别结合的开源项目。核心思路是用TensorFlow.js加载预训练的MobileNet模型，再基于其内部激活训练一个轻量分类器，让玩家通过摄像头前的手势（如左右滑动、握拳等）来控制游戏方块的移动。项目提供了可直接访问的在线演示，打开页面就能体验完整的游戏流程，无需安装或配置后端。

从代码结构看，它更像一个交互原型而非生产级游戏。前端负责游戏渲染、摄像头画面捕获、模型推理与手势到按键的映射，逻辑集中且依赖浏览器环境。如果你正在探索“网页游戏+机器学习”的交互形态，或者想快速验证手势控制方案，这个项目能省去从零搭建模型和游戏循环的工作。

不过要注意，项目并未附带详细的训练数据采集流程说明，实际使用中手势的识别效果取决于用户如何校准和训练模型。若打算在此基础上做产品化，需要自行补充错误处理、多浏览器兼容测试以及更完善的用户引导。

可直接运行网页游戏

适合你的项目吗？

适用场景

学习TensorFlow.js迁移学习与手势识别
快速搭建手势控制游戏的交互原型
作为2048类游戏结合机器学习的教学案例
探索摄像头交互在网页游戏中的可能性

适合人群

对TensorFlow.js感兴趣的开发者
需要手势控制示例的游戏开发者
机器学习与前端交叉领域的学习者
希望快速验证手势交互创意的产品经理

上手与定制指南

结合仓库当前版本的说明，按下面的资料检查内容、配置与运行要求。

1
项目依赖浏览器摄像头，需在支持WebRTC的环境运行。
2
在线演示可直接使用，本地部署需注意模型加载路径。
3
README未提供详细训练数据采集说明，实际使用前建议自行补充校准流程。

查看仓库使用说明

授权与来源资料

使用条件与限制

免费使用 · 保留许可声明

MIT许可证明确允许免费使用、修改和商用，仅需保留版权和许可声明。README未提供额外条款。

使用时需要遵守

保留原作者版权声明和 MIT 许可证声明。
保留版权声明和许可声明

额外费用与待核对事项

README未提及演示素材或第三方资源的单独授权

查看原文依据

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software
许可证原文