我的提交概述

我使用 Python、TypeScript 和 Redis 重新创建了游戏“Red Light, Green Light”!

8 月初的一天,我正在浏览 DEV,同时在后台重新观看 MrBeast 的 Squid Game 娱乐视频时,我偶然发现了 Redis Hackathon 文章。然后我有一个疯狂的随机想法:Redis Light,Green Light!

我决心创建自己的在线实时多人版本的 Red Light,Green Light 由 Redis 提供支持,并将其提交给 Wacky Wildcard 项目类别,以获得赢得黑客马拉松的机会!

我使用我最喜欢的语言和框架进行快速原型设计:Python 和 Flask 为后端提供动力,TypeScript 和 Nuxt.js 框架为我的游戏构建前端组件。

对于实时通信,我将Flask-SocketIO库添加到我的 Flask 应用程序中,并将socket.io-client库添加到我的 Nuxt 应用程序中。我还添加了 celery 用于调度和处理异步任务。 Redis 被用作 websocket 消息的消息队列,也被用作 celery 任务的代理。

这是我第一个使用 Redis Stack 和 Redis OM 的项目,我非常喜欢使用这些工具。我将大部分数据存储在哈希中,Redis OM 库非常适合使用这种数据类型。我也是第一次使用 Redis 流,这很有趣。

后端应用服务包括:

• Flask 服务器(用于 API 端点和 Websocket 处理程序)

• Celery beat任务调度器(用于调度任务改变每个房间的灯光颜色)

• Celery worker(更改房间的灯光颜色并通过 Websocket 更新该房间中的玩家)

请查看下面的视频,了解有关该项目如何运作的更多详细信息。

提交分类

古怪的通配符

Redis Light,Green Light YouTube 视频

使用的语言

Python。 JavaScript 荣誉奖。

链接到代码

briancaffey/redis-light-green-light-dev-to-hackathon

我在 DEV 上的 Redis Hackathon 提交!用 Python、JavaScript 和 Redis 构建的“红灯绿灯”

Redis灯,绿灯

该项目是使用 Python、Javascript 和 Redis 构建的 Squid Game 中“红灯绿灯”的在线多人游戏实现。这是我在 DEV](https://dev.to/devteam/announcing-the-redis-hackathon-on-dev-3248)上为 2022[Redis Hackathon 提交的作品!

游戏玩法

使用redis流构建的游戏事件日志

架构概述

代码概述与cloc(代码行数)

make cloc
github.com/AlDanial/cloc v 1.94  T=0.03 s (1102.7 files/s, 67098.7 lines/s)
-------------------------------------------------------------------------------
Language                     files          blank        comment           code
-------------------------------------------------------------------------------
Vuejs Component                 13            104             14            528
Python                           3            178            104            410
Markdown                         5            139              0            272
YAML                             3             10              0             83
make                             1             10              2             34
SVG                              2              0              0             22
TypeScript                       1              1              1             22
CSS                              1              4              0             18
JavaScript                       1              0              1             18
Text                             2              0              0             13
Dockerfile                       1              8              0             12
-------------------------------------------------------------------------------
SUM:                            33            454            122           1432
-------------------------------------------------------------------------------

概述视频

这是一个简短的视频,解释了该项目及其使用方式......

在 GitHub 上查看

其他资源/信息

---

• 查看Redis OM,用于将 Redis 用作多模型数据库的客户端库。

• 使用RedisInsight在 Redis 中可视化您的数据。

• 注册一个免费的 Redis 数据库.