当前位置：首页 > news >正文

使用DeepSeek+蓝耘快速设计网页简易版《我的世界》小游戏

news 2025/6/17 9:10:08

前言：如今，借助先进的人工智能模型与便捷的云平台，即便是新手开发者，也能开启创意游戏的设计之旅。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 进行渲染，通过鼠标交互与控制面板实现操作。然而，它也存在一定局限性，如相较于完整版《我的世界》，功能仍显单一，画面不够精美。可以在现有基础上，利用更复杂的算法和设计，添加更多方块类型、优化地形生成机制，融入更多游戏元素，不断完善这款小游戏。

使用DeepSeek+蓝耘快速设计网页简易版《我的世界》小游戏

一、在蓝耘智算云平台使用DeepSeek-R1_32B模型

二、快速设计网页简易版《我的世界》小游戏

相关文章：

使用DeepSeek+蓝耘快速设计网页简易版《我的世界》小游戏

基于Matlab设计GUI图像处理交互界面

javase集合框架List篇

浙江大学：DeepSeek行业应用案例集（153页）（文末可下载PDF）

【 IEEE出版 | 快速稳定EI检索 | 往届已EI检索】2025年储能及能源转换国际学术会议（ESEC 2025)

电路原理（电容集成电路NE555）

记录小白使用 Cursor 开发第一个微信小程序（一）：注册账号及下载工具（250308）

哪些业务场景更适合用MongoDB？何时比MySQL/PostgreSQL好用？

【从零开始学习计算机科学】计算机组成原理（二）信息表示与编码

【从零开始学习计算机科学】操作系统（五）处理器调度

Flink之水印(watermark)的补充理解

数据结构全解析：从线性到非线性，优缺点与应用场景深度剖析

《使用 Python Flask + MySQL + ECharts 构建销售数据看板》实战案例笔记

StringBuilder和StringJoiner的运用

科技创新：改变生活的力量与未来趋势

Maven指定JDK

Jenkins持续集成与Web前端、SpringBoot项目的部署

如何使用Opentelemetry+jaeger对Go与Java项目实现分布式链路追踪

LabVIEW闭环控制系统硬件选型与实时性能

Html5学习教程，从入门到精通， HTML5超链接应用的详细语法知识点和案例代码（18）

接口测试中缓存处理策略

前端倒计时误差!

Mybatis逆向工程，动态创建实体类、条件扩展类、Mapper接口、Mapper.xml映射文件

FastAPI 教程：从入门到实践

第 86 场周赛：矩阵中的幻方、钥匙和房间、将数组拆分成斐波那契序列、猜猜这个单词

SiFli 52把Imagie图片，Font字体资源放在指定位置，编译成指定img.bin和font.bin的问题

Oracle11g安装包

协议转换利器，profinet转ethercat网关的两大派系，各有千秋

鸿蒙（HarmonyOS5）实现跳一跳小游戏

Qt的学习(一)