博客 / 詳情

返回

Doubao-Seed-Code實測:AI驅動的全流程遊戲開發新體驗

豆包發佈了全新的編程模型——Doubao-Seed-Code。今天我就迫不及待地嘗試用它來快速實現一個自己的小創意。之前,我一直在嘗試通過各種模型來快速開發一款遊戲,所以這次我想親自驗證一下:這個全新的編程模型,究竟能不能勝任真正的遊戲開發任務。

015651f1a94fd5af99cc2b44d15900a4

不過今天我想換一種思路,不只是單純地做一個遊戲,而是嘗試打造一個AI驅動的遊戲開發平台。我的想法是,將大模型的強大能力與我預先設計好的開發流程、各種提示詞結合起來,讓任何用户——尤其是編程小白——都能輕鬆創建屬於自己的遊戲。通過這樣的方式,讓用户的靈感能夠迅速轉化為可實際操作的遊戲作品,實現從“靈感”到“可玩”的跨越。

接下來,我會帶大家一步步走過整個過程:從環境準備、模型配置,再到具體開發,最終展示成果演示。你將能夠完整復刻我的方法,快速把自己的想法落地成為可運行的遊戲。

這就是大模型的真正魅力:它不僅僅是工具,更是一個能夠激發創造力、縮短開發週期的全新助手。通過它,你可以把腦海中的創意快速變成現實,而無需從零開始學習複雜的開發技能。

環境準備

首先,我們需要登錄 火山引擎雲平台,找到 火山方舟 服務,然後點擊 開通管理。在管理頁面裏,你會看到一個名為 coding-plan 的選項,直接進行購買即可。

對於大多數開發者來説,Lite 套餐 已經非常適合,它能夠支持中等強度的開發需求,並且在價格上也很友好——首購首月只需 9.9 元/月。我個人購買的就是 Lite 套餐,使用下來完全夠用,基本能夠滿足日常開發工作中所需的各類功能。

模型開通

0926b8e61677e1e938ed6535a14c0db2

最新的 Doubao-Seed-Code 模型,還兼容多款主流的 AI 編碼工具,讓我們在寫代碼的時候能體驗到又快又智能、又穩定的感覺。

接下來,我們就可以順便下載 Claude Code CLI 工具。這個工具使用起來也很方便,配合 Coding Plan,能夠讓你在本地快速運行 AI 輔助編碼,直接在命令行裏就能體驗到智能提示和自動補全的效果,非常適合日常開發和實驗新功能。

接入Claude Code

火山方舟的 Coding Plan 兼容性非常廣泛,它不僅支持 Claude Code、Cursor、Cline、Codex CLI 等多款主流智能編程工具,還能和開發者平時使用的各種開發環境無縫銜接。換句話説,你幾乎不用擔心兼容性問題,開箱即用就能上手,直接在熟悉的工具裏體驗 AI 輔助編碼的高效和便捷。

安裝步驟

在開始之前,我們需要先準備好一些前提條件:首先,你的電腦上需要安裝 Node.js 18 或更高版本,這是運行 Claude Code CLI 的基礎環境。
如果你是 Windows 用户,還需要額外安裝 Git for Windows,確保命令行操作和版本控制功能正常使用。

準備好這些之後,就可以打開命令行界面,然後執行以下命令來安裝 Claude Code。這樣,你的本地環境就能順利運行 AI 輔助編碼工具了,接下來的操作也會非常順暢。

npm install -g @anthropic-ai/claude-code

claude --version

安裝成功後,會顯示如圖所示:

b3f6101076352eecd5b34f538f1fd2aa

配置環境變量

完成Claude Code安裝後,先去申請下api-key,地址如下:https://console.volcengine.com/ark/region:ark+cn-beijing/apiKey

772d85743a0986018ea2f2a675c3dc17

直接點擊創建即可。windows在CMD中執行以下命令,設置環境變量。

setx ANTHROPIC_AUTH_TOKEN ARK_API_KEY
setx ANTHROPIC_BASE_URL https://ark.cn-beijing.volces.com/api/coding
setx ANTHROPIC_MODEL doubao-seed-code-preview-latest

在新的CMD窗口執行以下命令,檢查環境變量是否生效。不生效就重啓電腦。

echo %ANTHROPIC_AUTH_TOKEN%
echo %ANTHROPIC_BASE_URL%
echo %ANTHROPIC_MODEL%

設置如圖所示:

4c959208b378f53132a8738f211950cd

OpenSpec工具

OpenSpec 將人類和 AI 編碼助手與規範驅動的開發相結合,確保在編寫任何代碼之前就對要構建的內容達成一致。 無需 API 密鑰。

全局安裝 CLI

npm install -g @fission-ai/openspec@latest

驗證安裝

openspec --version

b3a77a007e545f26d653fe86a29256e1

項目初始化

在項目中初始化 OpenSpec

openspec init

系統會提示您選擇任何原生支持的 AI 工具(例如 Claude Code、CodeBuddy、Cursor、OpenCode、Qoder 等);

項目中創建了一個新的 openspec/ 目錄結構

295a982d1ca426b1084b216e9a8518e9

我主要用兩條命令來加速開發:

/openspec proposal:當我腦子裏有一些想法或者初步構思時,我會用這個命令。只需要把想法告訴 Claude Code,它就能幫我把這些想法整理成詳細的文檔,同時生成清晰的 開發任務清單。換句話説,這條命令非常適合在項目初期,把零散的點子系統化、具體化,讓後續開發有據可依。

/openspec apply:有了明確的任務清單之後,我就會用這個命令。把任務清單直接提供給 Claude Code,它會按照清單內容一步步進行開發,實現從計劃到落地的自動化。也就是説,這條命令適合在你已經有明確任務目標時,用來加速實際開發流程。

AI遊戲平台

開始開發

啓動Claude Code:進入項目目錄,執行claude命令,即可開始使用Claude Code。

cd ai-game-tools
claude

如果啓動時還是報錯服務不支持,記得重啓電腦,讓環境變量配置成功即可。啓動成功如圖所示:

c1b78fd1f313e480467dc8aeca73c16f

需求生成

在開始 AI 輔助開發之前,有一點必須牢記:先有需求文檔,否則直接動手編碼只會是一場折磨。

所以,我們的第一步就是先把路鋪好:把想法整理成文檔、明確功能需求和任務清單,然後再進入編碼階段。有了這份“導航圖”,接下來的開發就會順暢很多,也能最大化利用 豆包 的編程能力。

/openspec:proposal 我要開發一個網站,旨在幫助小白用户快速搭建一款遊戲,目前這個網站需要有以下幾個功能,首頁:用户輸入一句話,後台使用agent進
行分析並開發,開發完畢之後,我需要進行代碼預覽,並且生成的代碼也要是可以編輯的狀態。最後提供給用户進行打包下載。技術框架就是用前端:react,後端使用python+
fastapi,agent必須使用langchain+langgrafa,不需要有數據庫集成,直接使用本地文件進行持久化即可。

1fa7f2c1b02f89f9d7f4e1f914c58092

我們等待片刻,他會幫我們生成相關需求文件以及任務清單到制定的目錄。如圖所示:

e71aa4ac2c3e1ff28fe876795a4ad325

現在,有了清晰的任務單,我們可以明顯感受到開發流程的不同。

不再是以前那種:我們隨口説完想法,就直接讓 AI 開始編碼,然後一邊寫一邊改,還不知道改得對不對,反覆折騰,浪費大量時間和精力。

編程開發

有了完整的任務單,接下來就可以開始快速開發了。我們只需要使用 /openspec apply 命令,並把任務清單提供給 AI,讓它按照清單去實現功能。

但是,有一個非常重要的注意事項:不要一次性把所有任務全都交給 AI 去實現。如果一次性全做,bug 會越來越多,效果也會變得不可控。正確的做法是分階段推進:可以先告訴 AI 實現第一階段的功能;或者直接指定某個任務名,讓它先完成這一小塊。

一步一步地推進開發,不僅讓功能實現更加可靠,也讓我們可以在每個階段都進行檢查和調整,確保項目朝着預期的方向穩步前進。

/openspec:apply d:\AI-project\ai-tools\openspec\changes\create-game-builder\tasks.md 先實現Project
Initialization任務,其他任務先不用管,完成後更新任務狀態

可以看到整個基本框架就算完事了。

2447a27dcad23599b48a9c1e64b3e6b8

完成後,也更新了任務狀態,如圖所示:

4c29855cd62c8c1c1ed9a7c72ac6780f

剩下的過程其實就是一個比較耗時且重複的環節,這裏就不再一步一步演示了。主要的做法很簡單:把任務清單上的內容都按順序實現完。

在實現過程中,如果遇到任何問題,隨時向 AI 詢問,它會幫你解決。這樣整個開發流程就能保持高效又可控,不會因為重複修改而浪費太多時間。

圖片理解

Doubao-Seed-Code 自帶視覺理解能力,這不是通過調用外部工具實現的,而是模型原生支持的。這在國內的編程模型裏可以説是首創。相比之下,國內市場上的其他 Coding 模型——比如 DeepSeek V3.1、Kimi K2、GLM 4.6、MiniMax M2——基本不具備原生視覺理解能力。

而通過 MCP 的方式,信息在轉化過程中會有很大損失,最終效果遠不如 Seed-Code 的原生 VLM。

在開發過程中,有時候我們描述的問題可能不夠詳細,這時候完全不用擔心。我們可以直接把問題截圖或者相關圖片發給豆包,它也能理解並幫我們修復。

快捷操作也很簡單:按 Alt + V 就可以把圖片直接發送給豆包,就像圖裏示意的那樣。

fedcaf0c536d9e2ce180bc9ea1cecb15

還有一種情況是,我們根本説不清楚 UI 設計——比如具體什麼顏色、用哪種樣式。作為沒有前端經驗的人,往往只能描述一些“顏色”或者“樣式”之類的籠統詞語,大模型根本理解不了。

這個時候的解決辦法也很簡單:直接把參考的 UI 圖片發給大模型,它就可以直接復刻設計了,如圖所示。

d8dc8af7e0bb414d87a17f45e07274ad

問題詳解

有些問題即便我們提供了詳細的任務清單,模型在具體技術實現細節上還是可能滯後,導致一直無法成功。

這個時候的辦法就是:自己去網上搜索一些示例代碼,比如 GitHub 或其他高質量第三方網站。當模型拿到這些參考代碼後,它可以很快地實現並修復部分問題,如圖所示。

04571ad9fabe715a6811f07085e15ba7

如果還是無法實現,那就直接提醒AI,讓AI重構這部分代碼來快速實現,不要一直糾結在一個問題上,這對AI編程的精力會消耗的很多。

效果預覽

功夫不負有心人!經過 5 天夜以繼日的開發,我終於實現了自己想要的效果。大家快來看看我的 遊戲生成平台 吧!

a49b3a7bd9e650322240c51f95fd1f8e

效果非常出色,我在本地已經對多個遊戲項目進行了測試,所有數據都成功持久化到了項目目錄中,用户可以方便地查看完整的歷史記錄,確保數據安全與可追溯性。

f64b73d287dc7d4c7901804e86631fd0

每個環節都有清晰的輸出,包括需求分析、設計方案、代碼實現等,如圖所示,便於全程跟蹤和管理項目進度。

d461f9cf82eeb0e54ea3ccf9246145c7

最後還提供了預覽功能,如圖所示,方便用户在正式發佈前直觀查看最終效果。

64bfd0b88a2c2058003f117e5108363a

整個項目花費的時間還是比較多的。遇到問題時,就像我剛才提到的,需要自己查找最新的 issue 才能解決。如果 AI 生成的代碼出現問題,用户也可以自行修改並保存代碼。對於有一定技術功底的用户,如圖所示,這一過程會更加順暢。

1007c4915f919568d23a57817d6f0ca7

至此,整個網站開發工作已完成。目前來看,豆包編程模型在網站開發方面表現非常出色。此外,它還提供了圖片參考,徹底解決了如何複用 UI 主題這一長期困擾我的問題。

小結

豆包全新發布的編程模型 Doubao-Seed-Code 在本次實測中表現出色,其原生視覺理解能力和對多款主流 AI 編碼工具的兼容性,顯著提升了開發效率。

實際使用體驗表明,即便是編程經驗有限的用户,也能借助豆包模型快速完成從“創意”到“可運行遊戲”的跨越,尤其在前端 UI 復現、功能模塊實現和數據持久化方面表現穩定。

AI 編程模型的發展趨勢正在從單一代碼生成向全流程輔助、跨模態理解和用户友好型平台轉變,Seed-Code 的視覺理解與規範驅動開發方式為國內 AI 編程工具樹立了新的標杆,有望進一步降低開發門檻,推動更多創意快速落地。整體而言,Doubao-Seed-Code 不僅是一個高效的編碼助手,更是激發創造力、縮短開發週期的重要工具。

user avatar u_15013316 頭像 deephub 頭像 yinjian-huang 頭像
3 位用戶收藏了這個故事!

發佈 評論

Some HTML is okay.