跳至主要內容
VibeGameDB
22CHAMPS preview image
非官方・涉及他人版權

22CHAMPS

免費・直接在瀏覽器線上玩,免下載

2026 · SmittyMcDaniels

把 22 位《英雄聯盟》英雄選進美式足球隊,讓相鄰隊友產生默契,再打完 17 場例行賽。開發者表示 Claude Code 寫了幾乎所有程式。

在哪裡玩

官方網站 22champs.com,已於 2026年11月3日 驗證。 連結自開發者本人在 r/aigamedev 的 Reddit 貼文。

版權提示:非官方作品 · 非官方同人遊戲

權利人/原作: League of Legends (Riot Games)

遊戲使用《英雄聯盟》的英雄、地區、羈絆組合、道具名稱與道具資料(從 Riot 的 Data Dragon 抓取),以及 Riot 自己的英雄評分。頁尾表示本作依 Riot Games 的「Legal Jibber Jabber」政策、使用 Riot Games 擁有的素材製作,未獲 Riot Games 背書或贊助;開發者稱之為同人專案。沒有來源顯示其他授權。 (22champs.com)

VibeGameDB 收錄本作,只是為了記錄它是以 AI 編程工具製作的事實。本站不代管遊戲、不代表權利人,收錄也不代表本作已獲授權。

在哪裡玩

列出這款遊戲上架的所有平台。連結都對照官方來源查核過;本站不代管、不轉載任何遊戲。

  • 網頁已發布免費

    可在電腦瀏覽器中執行,免下載。

    網頁(免下載) · 官方連結已於 2026年11月3日 查核。

    免費遊玩(官方網站)

關於《22CHAMPS》

《22CHAMPS》是一款免費的瀏覽器同人遊戲,把《英雄聯盟》的英雄選秀和夢幻美式足球結合在一起。你要把英雄選進攻守兩端全部 22 個先發位置,再打完 17 場例行賽。每次選秀都會隨機抽出一個地區和一個定位,你只能從符合的英雄中挑選。每張卡有六項數值(Power、Toughness、Speed、Size、Hands、Range),以 Riot 官方給每位英雄的評分為基礎,再依基礎屬性、體型與技能特性調整;每個美式足球位置看的是其中二到五項,所以每位英雄在每個位置都有評分。由《英雄聯盟》真實裝備資料轉換而來的道具可以替卡片加分,每件道具的點數預算都相同。相鄰的球員若定位或地區相同就會產生默契,另有 39 組來自《英雄聯盟》故事背景的羈絆組合可以互相加成。共有三種模式:所有人抽到相同組合、只能挑戰一次的「每日挑戰」;追求 17 勝 0 敗完美賽季的「單人選秀」;以及即時蛇形選秀、與朋友和電腦隊伍對戰的「與朋友選秀」。開發者在 Reddit 上以 u/SmittyMcDaniels 發文,表示在 VS Code 中使用的 Claude Code 寫了幾乎所有程式,自己則負責設計與平衡的決策,12 天內約有 160 次提交。靈感來自 ColeThereum 製作、結合寶可夢與美式足球選秀的《All22Pokemon》。可在瀏覽器免費遊玩,沒有廣告、免註冊;這是同人專案,未獲 Riot Games 背書。

選秀美式足球夢幻運動英雄聯盟同人遊戲每日挑戰Next.js

製作過程

部分驗證

開發者在 r/aigamedev 一篇標題為「I built a League of Legends x Fantasy Football Draft style browser game with Claude Code (Opus 5.5)」的貼文(2026 年 10 月 24 日,UTC)中寫道「Claude Code in VS Code wrote almost all of the code」(在 VS Code 裡使用的 Claude Code 寫了幾乎所有程式),並把工作方式描述為「I make the calls, Claude writes the code. I describe what I want and why, review the result, and push back. Most of my input was design and balance decisions, not code.」(我做決定,Claude 寫程式。我說明想要什麼、為什麼,檢查成果並提出反對意見。我的投入大多是設計與平衡的決策,而不是程式。)Claude 會對本機版本執行 Playwright,在 1250×910 到 2560×1440 的各種尺寸下截圖,供版面調整參考;決策記錄在一個記憶檔中,避免新的工作階段推翻它們;約 230 個 Vitest 測試(包括模擬比賽的快照測試)守住模擬邏輯;開發者也讓 Claude 模擬數千次選秀來檢查平衡。開發者表示,自己用 AI 開發遊戲已有兩三年,這是第一次主要靠語音轉文字來下提示與做規劃。

開發方式

以 Next.js 16 架在 Vercel 上,每次推送到 main 分支就會部署;Supabase 負責「與朋友選秀」的即時房間,PostHog 負責不使用 Cookie 的分析。六項卡片數值以 Riot 給英雄的 1~3 分評分為起點,再依基礎屬性、體型與技能特性調整,最後與全體英雄比較排序;一支腳本會從 Riot 的 Data Dragon 抓取《英雄聯盟》的道具與商店數值,把每項《英雄聯盟》屬性換算成 22CHAMPS 的數值,每件道具預算 15 點(Arena 的稜鏡道具為 20 點),鞋子與三件射程道具則以人工設定。每天「每日挑戰」的抽選結果來自以天數為種子的亂數產生器,所以伺服器不需要儲存任何東西;每天的電腦隊伍若在模擬選秀中的勝率落在 25%~75% 之外,就會重新抽一次。「與朋友選秀」中的電腦隊伍依固定規則選人,分三種難度;遊戲中沒有任何 AI 服務在運作。預告片以固定種子的 Playwright 腳本錄製,並以 Remotion 剪輯。

引擎/框架
Next.js
程式語言
TypeScript
團隊人數
未公開
首版製作時間
約 12 天(約 160 次提交)開發者自述Reddit (u/SmittyMcDaniels)
開發時間
未公開
開發成本
未公開
AI 撰寫的程式碼
未公開
“I make the calls, Claude writes the code.”
— SmittyMcDaniels, I built a League of Legends x Fantasy Football Draft style browser game with Claude Code (Opus 5.5) (r/aigamedev)

查證說明: AI 的使用情形、工具、工作流程與遊戲系統取自開發者以 u/SmittyMcDaniels 在 r/aigamedev 的貼文(2026 年 10 月 24 日 16:01 UTC),於 2026 年 11 月 8 日透過 Arctic Shift Reddit 封存讀取;貼文附有 22champs.com 連結。模式、Riot 聲明與每日挑戰取自遊戲首頁,更新內容取自更新說明(2026 年 10 月 26 日的 1.2.0 版到 11 月 1 日的 1.5.0 版),皆於 2026 年 11 月 8 日重新讀取。發行日期是貼文的前一天(「launched yesterday」),也與每日挑戰的編號相符(10 月 27 日為第 5 期,11 月 8 日為第 17 期)。除了「almost all of the code」之外沒有說明 AI 撰寫程式的比例,因此不記錄;Opus 5.5 出現在貼文標題中。開發者只以 Reddit 帳號為人所知,以第一人稱發文;網站連到 X 帳號 @22champsgg。TypeScript 是由 Next.js 推測而來,開發者沒有說明。開發者點名《All22Pokemon》(ColeThereum)為靈感來源,那是另一個專案,本作沒有使用寶可夢的內容。網站的腳本會載入 Riot 的 Data Dragon、Supabase 與 Vercel 分析,其中沒有任何 AI 服務的網址。我們沒有實際遊玩。

開發歷程

  1. 依開發者說法,在瀏覽器免費推出。

  2. 開發者在 r/aigamedev 分享遊戲,表示 Claude Code 寫了幾乎所有程式。

  3. 1.3.0 版加入萬聖節活動「Haunted Draft」(10 月 27 日至 11 月 1 日)。

    實際觀察22champs.com
  4. 1.5.0 版為「與朋友選秀」加入簡單、普通、困難三種電腦隊伍。

    實際觀察22champs.com

遊戲表現數據

每項數字衡量的東西都不同——同時在線人數、擁有人數、下載數與銷量不能互相替代,也絕不會加總。標籤會標示每個數字的來源。

網頁(官方網站)

依開發者說法,可在瀏覽器免費遊玩,沒有廣告、免註冊。「與朋友選秀」以線上即時房間進行。

此平台尚無公開數據紀錄。

未公開:同時在線人數(官網)、月營收、總營收。

銷量與營收(所有平台)

下載數
未公開

Browser game — there are no downloads to count.

評價與排名

編輯評測

編輯尚未評測。

排行榜名次

目前未列入排名。

資料來源

來源類型發布日期查閱日期
I built a League of Legends x Fantasy Football Draft style browser game with Claude Code (Opus 5.5) (r/aigamedev)
Reddit (u/SmittyMcDaniels)
社群貼文2026年10月24日2026年11月3日
22CHAMPS: Draft LoL Champions. Play Football. Go 17–0
22champs.com
官方網站未確認2026年11月3日
Patch Notes | 22CHAMPS
22champs.com
官方網站2026年11月1日2026年11月3日
Official game page (language check)
22champs.com
官方網站未確認2026年11月3日
驗證狀態: 部分驗證最後驗證: 2026年11月8日官方開發者自述第三方估算實際觀察未驗證

取得收錄徽章

這是你做的遊戲嗎?把「Featured on VibeGameDB」徽章放到你的網站、GitHub README 或 itch.io 頁面。

Featured on VibeGameDB – 22CHAMPS,AI 製作的遊戲
樣式
格式
<a href="https://vibegamedb.com/zh-hant/games/22champs" target="_blank" rel="noopener" title="在 VibeGameDB 查看 22CHAMPS:AI 製作遊戲資料庫">
  <img src="https://vibegamedb.com/badges/featured-light.svg" width="250" height="54" alt="Featured on VibeGameDB – 22CHAMPS,AI 製作的遊戲" />
</a>

itch.io 不支援自訂 HTML:請在頁面編輯器上傳或插入 PNG 圖片,再為圖片加上連到本頁的連結。

徽章會連到本頁網址,請保留連結不要修改。

分享LINEFacebookThreadsX

相似遊戲

依類型、玩法、AI 工具與平台找出的類似作品。