使用DeepSeek+蓝耘快速设计网页简易版《我的世界》小游戏
如今，借助先进的人工智能模型与便捷的云平台，即便是新手开发者，也能开启创意游戏的设计之旅。DeepSeek 作为前沿的人工智能模型，具备强大的功能与潜力，而蓝耘智算云平台则为其提供了稳定高效的运行环境。《我的世界》作为一款风靡全球的沙盒游戏，以其高度自由的玩法和无限的创意空间深受玩家喜爱。本次，我们将探索如何巧妙运用 DeepSeek 结合蓝耘智算云平台，快速设计出网页简易版的《我的世界》小游戏，
前言：如今，借助先进的人工智能模型与便捷的云平台，即便是新手开发者，也能开启创意游戏的设计之旅。DeepSeek 作为前沿的人工智能模型，具备强大的功能与潜力，而蓝耘智算云平台则为其提供了稳定高效的运行环境。《我的世界》作为一款风靡全球的沙盒游戏，以其高度自由的玩法和无限的创意空间深受玩家喜爱。本次，我们将探索如何巧妙运用 DeepSeek 结合蓝耘智算云平台，快速设计出网页简易版的《我的世界》小游戏，让大家能直观感受到现代技术融合带来的便捷与乐趣，即使没有深厚编程基础，也能在短时间内实现一个具备基础功能的游戏雏形。
使用DeepSeek+蓝耘快速设计网页简易版《我的世界》小游戏
目录
一、在蓝耘智算云平台使用DeepSeek-R1_32B模型
登录蓝耘元生代智算云平台，如下链接
https://cloud.lanyun.net/#/registerPage?promoterCode=11f606c51e
https://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 进行渲染，通过鼠标交互与控制面板实现操作。然而，它也存在一定局限性，如相较于完整版《我的世界》，功能仍显单一，画面不够精美。可以在现有基础上，利用更复杂的算法和设计，添加更多方块类型、优化地形生成机制，融入更多游戏元素，不断完善这款小游戏。
助力广东及东莞地区开发者，代码托管、在线学习与竞赛、技术交流与分享、资源共享、职业发展，成为松山湖开发者首选的工作与学习平台
更多推荐
40
0- 0
已为社区贡献6条内容
所有评论(0)