我正在參加CodeBuddy「首席試玩官」內容創作大賽,本文所使用的 CodeBuddy 免費下載鏈接:騰訊云代碼助手 CodeBuddy - AI 時代的智能編程伙伴
你好,我是悟空。
背景
上篇我們用 MCP 上線了一個 2048 小游戲,這次我們繼續做一個 貪吃蛇的小游戲。原理如下圖所示:
我們要做的步驟如下:
- 使用 CodeBuddy 代碼助手編寫貪吃蛇小游戲
- 使用 EdgeOne Pages MCP Server 上傳小游戲代碼到 EdgeOne Pages 服務器。
- 拿到小游戲的公網 URL,瀏覽器直接訪問 URL。
MCP 介紹
Model Context Protocol(模型上下文協議)簡稱為 MCP 協議。簡單來說,它就是給 AI 和各類工具數據之間搭了個標準化的”橋梁”,讓開發者不用再為對接問題頭疼了。
MCP 主要是為了解決當前 AI 模型因數據孤島限制,無法充分發揮潛力的難題,MCP 使得 AI 應用能夠安全地訪問和操作本地及遠程數據,為 AI 應用提供了連接萬物的接口。
開始寫貪吃蛇小游戲
我們出點難點的要求。
提示語:請編寫個一個貪吃蛇游戲,可以部署到web網站上。要求:樣式美觀,加上一些特效,有三條命可以立即復活。實時顯示游玩時間,得分。
CodeBuddy 會根據這個提示語,進行一定的思考,可以看下它的思維鏈,如下圖所示:
然后 CodeBuddy 就會自動生成代碼文件。如下圖所示:
然后 CodeBuddy 會將這個 HTML 文件部署到 Web 網站。CodeBuddy 調用 EdgeOne Pages 服務部署時,第一次失敗了,接著它還會重試。
CodeBuddy 會將網站的地址顯示在對話框中,如下圖所示:
直接點擊鏈接會自動打開瀏覽器訪問部署完成的游戲站點。如下圖所示的游戲界面:
- 有得分記錄,110分
- 這一局玩的時長,31秒
- 用掉了幾條命,3條。
- 顯示游戲結束后的總得分 110 分。
總結
這篇文章介紹了如何使用 CodeBuddy 和 MCP 快速開發并上線一個貪吃蛇小游戲。通過 CodeBuddy 提供的提示語生成代碼,并利用 EdgeOne Pages MCP Server 將游戲部署到服務器上。
CodeBuddy 會重試調用 EdgeOne Pages MCP 服務,即使首次部署失敗也會自動重試,并最終生成可直接訪問的公網 URL。
游戲界面包括得分記錄、游玩時長和剩余生命值等信息,最終顯示總得分。
CodeBuddy 在開發過程中的高效性和便捷性實在是太酷了!