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

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

news 2026/3/26 6:36:31

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

相关文章：

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

前言&#xff1a;如今&#xff0c;借助先进的人工智能模型与便捷的云平台&#xff0c;即便是新手开发者&#xff0c;也能开启创意游戏的设计之旅。DeepSeek 作为前沿的人工智能模型&#xff0c;具备强大的功能与潜力&#xff0c;而蓝耘智算云平台则为其提供了稳定高效的运行环境…...

编程日记 2025/3/12 8:55:23

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

Image-Processing-GUI 项目说明 本博文提供了完整的代码和使用教程&#xff0c;适合新入门的朋友参考&#xff0c;完整代码资源文件请转至文末的下载链接。 本项目是《Matlab实践》中图像处理软件题目&#xff0c;本项目实现的具体内容如下 基于Matlab设计GUI交互界面图像的…...

编程日记 2025/3/12 8:53:21

javase集合框架List篇

一、Vector和ArrayList、LinkedList联系和区别&#xff0c;分别的使用场景 ArrayList&#xff1a;底层是数组实现&#xff0c;线程不安全&#xff0c;查询和修改非常快&#xff0c;但是增加和删除慢 LinkedList: 底层是双向链表&#xff0c;线程不安全&#xff0c;查询和修改…...

编程日记 2025/3/12 8:51:18

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

浙江大学&#xff1a;DeepSeek行业应用案例集&#xff08;153页&#xff09;&#xff08;文末可下载PDF&#xff09; 全文链接&#xff1a;浙江大学&#xff1a;DeepSeek行业应用案例集&#xff08;153页&#xff09;&#xff08;文末可下载PDF&#xff09; | AI探金 全文链接&…...

编程日记 2025/3/12 8:50:16

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

重要信息 主会官网&#xff1a;www.net-lc.net 【论文【】投稿】 会议时间&#xff1a;2025年5月9-11日 会议地点&#xff1a;中国-杭州 截稿时间&#xff1a;见官网 提交检索&#xff1a;IEEE Xplore, EI Compendex, Scopus 主会NET-LC 2025已进入IEEE 会议官方列表!&am…...

编程日记 2025/3/12 8:49:15

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

电容 1.特性&#xff1a;充放电&#xff0c;隔直流&#xff0c;通交流 2.电容是通过聚集正负电荷来存储电能的 3.电容充放电过程可等效为导通回路 4.多电容并联可以把容量叠加&#xff0c;但是多电容串联就不会&#xff0c;只会叠加电容的耐压值。 6.电容充放电时相当于通路&a…...

编程日记 2025/3/12 8:48:13

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

文章目录 记录小白使用 Cursor 开发第一个微信小程序&#xff08;一&#xff09;&#xff1a;注册账号及下载工具&#xff08;250308&#xff09;一、微信小程序注册摘要1.1 注册流程要点 二、小程序发布流程三、下载工具 记录小白使用 Cursor 开发第一个微信小程序&#xff08…...

编程日记 2025/3/12 8:47:12

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

哪些业务场景更适合用MongoDB&#xff1f;何时比MySQL/PostgreSQL好用&#xff1f; 就像淘宝的个性化推荐需要灵活调整商品标签&#xff0c;MongoDB这种"变形金刚"式的数据库&#xff0c;在处理以下三类中国特色业务场景时更具优势&#xff1a; 一、动态数据就像&q…...

编程日记 2025/3/12 8:46:10

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

【从零开始学习计算机科学】计算机组成原理（二）信息表示与编码 信息表示与编码进位计数制十进制（Decimal）二进制（Binary）十六进制（Hexadecimal）进位计数制之间的转换常用的信息分类与表示定点表示无符号数的编码正整数的表示原码表示法定点小数的原码表示定点整数的原码…...

编程日记 2025/3/12 8:45:09

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

【从零开始学习计算机科学】操作系统（五）处理器调度 处理器调度一些简单的短程调度算法的思路先来先服务（First-Come-First-Served，FCFS）优先级调度及其变种最短作业优先调度算法（SJF）--非抢占式最短作业优先调度算法（SJF）--抢占式最高响应比优先调度算法轮转调度算法…...

编程日记 2025/3/12 8:42:05

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

水印&#xff08;Watermark&#xff09;‌&#xff1a;用于事件时间处理&#xff0c;标记数据流的进度&#xff0c;解决乱序和延迟问题&#xff0c;触发窗口计算‌ 一、Flink 水印的作用 处理乱序事件‌ 水印&#xff08;Watermark&#xff09;是 Flink 用于处理事件时间&…...

编程日记 2025/3/12 8:40:03

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

1. 线性数据结构 &#xff08;1&#xff09;数组&#xff08;Array&#xff09;&#xff08;适合静态数据&#xff09; 优点&#xff1a; 随机访问高效&#xff1a;通过索引可以直接访问元素&#xff0c;时间复杂度为 O(1)。 内存连续&#xff1a;数组在内存中是连续存储的&…...

编程日记 2025/3/12 8:39:01

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

《使用 Python Flask + MySQL + ECharts 构建销售数据看板》实战案例笔记 技术栈说明 后端：Python 3.10 + Flask 框架数据库：MySQL前端：ECharts 5.4 + HTML/CSS数据可视化：柱状图 / 折线图 / 饼图 / 雷达图项目结构 project/ ├── server.py # 后端服务 └──…...

编程日记 2025/3/12 8:38:00

StringBuilder和StringJoiner的运用

package test12; import java.util.Scanner; import java.util.StringJoiner;public class Test { public static void main(String[] args) {/* String str "你玩的真好&#xff0c;下次别玩了&#xff0c;TMD&#xff0c;CNM";String[] arr {"TMD", &…...

编程日记 2025/3/12 8:34:56

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

人工智能在智能客服中的应用越来越普遍。它改变了传统的客服模式。AI可以快速回答用户的问题&#xff0c;提高了客服效率和服务质量。 首先&#xff0c;人工智能能够处理大量信息。智能客服可以在几秒钟内回应客户的请求。这比人工客服快得多。客户不需要等待很久就能得到答案…...

编程日记 2025/3/12 8:33:55

Maven指定JDK

在使用 Maven 管理 Java 项目时&#xff0c;有时需要指定使用特定的 JDK 版本。这通常是因为项目需要与特定版本的 JDK 兼容&#xff0c;或者在不同的开发环境中需要确保使用正确的 JDK 版本。通常来说在IDEA工具中设置了正确的JDK版本&#xff0c;使用IDEA编译也不会有任何异常…...

编程日记 2025/3/12 8:29:51

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

Jenkins是一个开源的持续集成&#xff08;Continuous Integration, CI&#xff09;和持续交付&#xff08;Continuous Delivery, CD&#xff09;工具&#xff0c;广泛应用于软件开发过程中。‌它基于Java开发&#xff0c;旨在提供一个开放易用的软件平台&#xff0c;帮助软件项…...

编程日记 2025/3/12 8:23:45

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

本文介绍![如何使用Opentelemetryjaeger实现分布式链路追踪] 关于opentelemetry的介绍可以看下面的文章 https://blog.csdn.net/qq_62368250/article/details/143516314本文中相关图片以及源代码地址 https://github.com/wuchenyanghaoshuai/others/blob/main/step39/README.…...

编程日记 2025/3/12 8:21:43

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

在LabVIEW闭环控制系统的开发中&#xff0c;硬件选型直接影响系统的实时性、精度与稳定性。需综合考虑数据采集速度&#xff08;采样率、接口带宽&#xff09;、计算延迟&#xff08;算法复杂度、处理器性能&#xff09;、输出响应时间&#xff08;执行器延迟、控制周期&#x…...

编程日记 2025/3/12 8:20:42

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

HTML5超链接应用的详细语法知识点和案例代码 超链接&#xff08;Hyperlink&#xff09;&#xff0c;也称为跃点链接&#xff0c;是互联网和文档编辑中的一种重要概念。 超链接的定义 超链接是指从一个网页指向一个目标的连接关系&#xff0c;这个目标可以是另一个网页&#…...

编程日记 2025/3/12 8:17:39

施密特触发器除了整形还能干啥？聊聊它在Arduino按键消抖和信号调理里的妙用

施密特触发器在Arduino中的高阶应用&#xff1a;从按键消抖到信号调理的实战指南 当你在调试Arduino项目时&#xff0c;是否遇到过按键响应不稳定、传感器读数跳变的问题&#xff1f;这些看似简单的硬件问题&#xff0c;往往会让开发者花费大量时间在软件滤波上。实际上&#x…...

编程新知 2026/3/26 4:35:42

AI元人文构想：从自感养护到伦理中间件——一种智能时代的人文回应

AI元人文构想&#xff1a;从自感养护到伦理中间件——一种智能时代的人文回应---引言&#xff1a;技术时代的人文焦虑智能算法的深度嵌入&#xff0c;正在重塑人类感知、判断与意义生成的方式。推荐系统预判我们的欲望&#xff0c;社交平台定义我们的关系&#xff0c;大语言模型…...

编程新知 2026/3/26 4:13:25

OpenClaw监控告警：GLM-4.7-Flash任务异常自动通知设置

OpenClaw监控告警&#xff1a;GLM-4.7-Flash任务异常自动通知设置 1. 为什么需要监控告警系统 上周我部署了一个基于GLM-4.7-Flash的自动化日报生成任务&#xff0c;结果连续三天都没收到输出。检查后发现是模型服务意外重启导致任务中断——这种"静默失败"在自动化…...

编程新知 2026/3/26 3:49:21

新手必看：在VMware上快速安装openEuler 21.09的完整指南（附网络配置避坑技巧）

在VMware上高效部署openEuler 21.09的实战手册 当开发者首次接触企业级开源操作系统时&#xff0c;往往会被复杂的安装流程和网络配置劝退。作为华为贡献给开放原子基金会的项目&#xff0c;openEuler凭借其对ARM架构的深度优化和安全性设计&#xff0c;正成为云计算和边缘计算…...

编程新知 2026/3/26 3:35:19

深圳龙岗企业周花哪个好

深圳龙岗企业周花哪个好&#xff1f;深圳皇家文化传媒有限公司值得关注在深圳龙岗&#xff0c;企业对于周花的需求日益增长&#xff0c;优质的企业周花不仅能够美化办公环境&#xff0c;还能提升企业形象。那么&#xff0c;深圳龙岗企业周花哪个好呢&#xff1f;深圳皇家文化传…...

编程新知 2026/3/26 2:13:00

OpenClaw技能市场巡礼：GLM-4.7-Flash支持的10个实用自动化模块

OpenClaw技能市场巡礼&#xff1a;GLM-4.7-Flash支持的10个实用自动化模块 1. 为什么需要关注OpenClaw技能市场&#xff1f; 去年冬天&#xff0c;我花了整整两周时间手动整理公司邮箱里堆积如山的会议记录和客户邮件。每天重复着"下载附件-重命名-分类存储"的机械…...

编程新知 2026/3/26 2:02:58

PyTorch 2.8镜像保姆级教程：workspace/models目录模型加载全流程

PyTorch 2.8镜像保姆级教程&#xff1a;workspace/models目录模型加载全流程 1. 镜像环境准备 1.1 硬件与系统要求 本教程使用的PyTorch 2.8镜像已针对RTX 4090D 24GB显卡和CUDA 12.4进行深度优化&#xff0c;以下是运行环境的最低要求&#xff1a; 显卡&#xff1a;NVIDIA…...

编程新知 2026/3/25 23:30:04

FreeCAD+AI实战：手把手教你用CAD-Assistant自动生成3D模型（附避坑指南）

FreeCADAI实战&#xff1a;手把手教你用CAD-Assistant自动生成3D模型&#xff08;附避坑指南&#xff09; 在传统CAD设计流程中&#xff0c;从手绘草图到可编辑的3D模型往往需要经历繁琐的描线、约束添加和参数调整。CAD-Assistant的出现彻底改变了这一局面——这款基于工具增强…...

编程新知 2026/3/25 23:07:53

深度学习项目训练环境惊艳效果：同一镜像下AlexNet/VGG/ResNet/EfficientNet对比训练

深度学习项目训练环境惊艳效果&#xff1a;同一镜像下AlexNet/VGG/ResNet/EfficientNet对比训练 你是不是也遇到过这样的烦恼&#xff1f;想复现一个经典的深度学习模型&#xff0c;光是配环境就花了大半天&#xff0c;各种版本冲突、依赖缺失&#xff0c;最后代码还没跑起来&…...

编程新知 2026/3/25 22:55:42

新手友好：在快马平台通过可视化代码学习openclaw101运动学基础

最近在学机器人运动学基础&#xff0c;发现openclaw101这类机械臂项目虽然酷炫&#xff0c;但对新手来说坐标变换和运动学计算确实有点劝退。好在发现了InsCode(快马)平台&#xff0c;用它做了个超适合入门的可视化学习项目&#xff0c;分享下我的实践过程。 为什么选择二维可视…...

编程新知 2026/3/25 22:29:09