前言:如今,借助先進的人工智能模型與便捷的云平臺,即便是新手開發者,也能開啟創意游戲的設計之旅。DeepSeek 作為前沿的人工智能模型,具備強大的功能與潛力,而藍耘智算云平臺則為其提供了穩定高效的運行環境。《我的世界》作為一款風靡全球的沙盒游戲,以其高度自由的玩法和無限的創意空間深受玩家喜愛。本次,我們將探索如何巧妙運用 DeepSeek 結合藍耘智算云平臺,快速設計出網頁簡易版的《我的世界》小游戲,讓大家能直觀感受到現代技術融合帶來的便捷與樂趣,即使沒有深厚編程基礎,也能在短時間內實現一個具備基礎功能的游戲雛形。
使用DeepSeek+藍耘快速設計網頁簡易版《我的世界》小游戲
目錄
一、在藍耘智算云平臺使用DeepSeek-R1_32B模型
二、快速設計網頁簡易版《我的世界》小游戲
一、在藍耘智算云平臺使用DeepSeek-R1_32B模型
登錄藍耘元生代智算云平臺,如下鏈接?
https://cloud.lanyun.net/#/registerPage?promoterCode=11f606c51ehttps://cloud.lanyun.net/#/registerPage?promoterCode=11f606c51e登錄進來后,點擊首頁上方的“應用市場”
在deepseek-r1_32b欄,點擊“部署”?
在彈出的窗口中可以選擇GPU型號等,然后點擊“立即購買”?
等待工作空間的創建?
創建完成后,點擊“快速啟動應用”?
?會提示輸入郵箱和密碼
返回應用市場界面,可以看到賬號密碼分別為:
【默認賬號:lanyunuser@lanyun.net 密碼:lanyunuser】?
?輸入后,點擊登錄
即可使用DeepSeek-R1_32B模型
二、快速設計網頁簡易版《我的世界》小游戲
接下里進行使用deepseek快速設計網頁簡易版的《我的世界》小游戲
輸入一個簡單的指令即可
設計一個網頁版的我的世界2D,html
如下所示,即可完成設計?
可以將代碼復制出來,粘貼到新建一個txt文件里
修改txt文件的后綴為html
效果如下所示
完整代碼如下
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Minecraft 2D</title><style>canvas {border: 1px solid black;}body {display: flex;justify-content: center;align-items: center;height: 100vh;margin: 0;background-color: #f0f0f0;}.controls {position: absolute;top: 20px;left: 20px;background-color: white;padding: 10px;border-radius: 5px;box-shadow: 0 0 5px rgba(0,0,0,0.3);}button {margin: 5px;padding: 5px 10px;cursor: pointer;}</style>
</head>
<body><div class="controls"><button onclick="generateNewMap()">新地圖</button><button onclick="setCurrentBlock('stone')">石頭</button><button onclick="setCurrentBlock('dirt')">泥土</button><button onclick="setCurrentBlock('air')">空氣</button></div><canvas id="gameCanvas"></canvas><script>const canvas = document.getElementById('gameCanvas');const ctx = canvas.getContext('2d');// 設置畫布大小const worldSize = 15; // 格子數量const blockSize = 20; // 每個格子的像素大小canvas.width = worldSize * blockSize + 2;canvas.height = worldSize * blockSize + 2;// 方塊類型const blockTypes = {air: { color: '#ffffff' },stone: { color: '#808080' },dirt: { color: '#663d17' }};// 當前方塊類型let currentBlock = 'stone';// 初始化地形數據let terrain = Array(worldSize).fill().map(() => Array(worldSize).fill().map(() => ({type: 'air'})));// 鼠標狀態let mouseDown = false;let lastX, lastY;// 繪制函數function draw() {ctx.clearRect(0, 0, canvas.width, canvas.height);for (let y = 0; y < worldSize; y++) {for (let x = 0; x < worldSize; x++) {const block = terrain[y][x];ctx.fillStyle = blockTypes[block.type].color;ctx.fillRect(x * blockSize + 1, y * blockSize + 1, blockSize - 2, blockSize - 2);}}// 繪制鼠標光標if (mouseDown) {ctx.strokeStyle = '#ff0000';ctx.strokeRect(lastX - 5, lastY - 5, 10, 10);}}// 設置當前方塊類型function setCurrentBlock(type) {currentBlock = type;}// 處理點擊事件function handleClick(x, y) {const gridX = Math.floor((x - 1) / blockSize);const gridY = Math.floor((y - 1) / blockSize);if (gridX >= 0 && gridX < worldSize && gridY >= 0 && gridY < worldSize) {// 放置方塊if (currentBlock !== 'air') {terrain[gridY][gridX].type = currentBlock;} else {// 破壞方塊terrain[gridY][gridX].type = 'air';}draw();}}// 生成新地圖function generateNewMap() {for (let y = 0; y < worldSize; y++) {for (let x = 0; x < worldSize; x++) {terrain[y][x].type = 'air';if (y > worldSize - 5) {if (y === worldSize - 1 || y === worldSize - 2) {terrain[y][x].type = 'stone';} else {terrain[y][x].type = 'dirt';}}}}draw();}// 鼠標事件處理canvas.addEventListener('mousedown', (e) => {mouseDown = true;lastX = e.clientX - canvas.offsetLeft;lastY = e.clientY - canvas.offsetTop;handleClick(lastX, lastY);});canvas.addEventListener('mousemove', (e) => {if (mouseDown) {lastX = e.clientX - canvas.offsetLeft;lastY = e.clientY - canvas.offsetTop;handleClick(lastX, lastY);}});canvas.addEventListener('mouseup', () => {mouseDown = false;});// 初始化generateNewMap();</script>
</body>
</html>
這個設計包含以下功能:
- 基本的2D地形編輯器界面
- 支持放置和破壞方塊(石頭、泥土)
- 可以生成新的隨機地圖
- 鼠標拖拽繪制
- 簡單的控制按鈕
主要特點:
- 使用HTML Canvas進行渲染
- 支持三種基本方塊類型:空氣、石頭、泥土
- 鼠標交互操作
- 控制面板提供基本功能
- 自動生成初始地形
你可以通過以下方式使用這個設計:
- 左鍵點擊并拖拽以放置當前選擇的方塊
- 右鍵點擊可以破壞方塊(設置為空氣)
- 使用控制按鈕切換方塊類型
- 點擊"新地圖"按鈕可以生成新的隨機地形
不使用時,記得返回首頁,點擊應用實例,將剛剛創建的工作空間關機?
點擊關機
總結
通過本次實踐,我們成功地利用藍耘智算云平臺部署 DeepSeek-R1_32B 模型,并借助其完成了網頁簡易版《我的世界》小游戲的設計。從在藍耘元生代智算云平臺進行簡單操作部署模型,到輸入指令快速生成小游戲代碼,整個流程展現了現代技術結合下的高效性。該簡易版小游戲具備基本的 2D 地形編輯器界面,支持放置和破壞方塊,擁有生成新隨機地圖、鼠標拖拽繪制等實用功能。其以 HTML Canvas 進行渲染,通過鼠標交互與控制面板實現操作。然而,它也存在一定局限性,如相較于完整版《我的世界》,功能仍顯單一,畫面不夠精美。可以在現有基礎上,利用更復雜的算法和設計,添加更多方塊類型、優化地形生成機制,融入更多游戲元素,不斷完善這款小游戲。