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

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

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/bicheng/73110.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

固定表头、首列 —— uniapp、vue 项目

项目实地&#xff1a;也可以在 【微信小程序】搜索体验&#xff1a;xny.handbook 另一个体验项目&#xff1a;官网 一、效果展示 二、代码展示 &#xff08;1&#xff09;html 部分 <view class"table"><view class"tr"><view class&quo…

【学习笔记】Numpy和Tensor的区别

1. NumPy 和 PyTorch Tensor 的格式对比 NumPy 使用的是 numpy.ndarray&#xff0c;而 PyTorch 使用的是 torch.Tensor&#xff0c;两者的格式在数据存储和计算方式上有所不同。 NumPy (numpy.ndarray) import numpy as np array np.array([[1.0, 2.0, 3.0], [4.0, 5.0, 6.…

每天一道算法题【蓝桥杯】【在排序数组中查找元素的第一个位置和最后一个位置】

思路 本题为查找左边界和右边界的标准模型 查找左边界 int left 0, right nums.size() - 1, mid 0; //查找左边界 while (left < right) { mid left (right - left) / 2; if (nums[mid] < target) left mid 1; else right mid; } 查找右边界 int left 0, r…

Python数据分析之机器学习基础

Python 数据分析重点知识点 本系列不同其他的知识点讲解&#xff0c;力求通过例子让新同学学习用法&#xff0c;帮助老同学快速回忆知识点 可视化系列&#xff1a; Python基础数据分析工具数据处理与分析数据可视化机器学习基础 五、机器学习基础 了解机器学习概念、分类及…

我与DeepSeek读《大型网站技术架构》(10)- 维基百科的高性能架构设计分析

目录 网站整体架构核心组件请求处理流程图关键环节说明 性能优化策略前端优化&#xff1a;拦截 80% 以上请求服务端优化&#xff1a;高性能 PHP 集群后端优化&#xff1a;存储与缓存极致设计Memcached 持久化连接 性能优化策略对比表 网站整体架构 核心组件 Wikipedia 的架构…

Excel多级联动下拉菜单设置

1.问题描述 现有数据表如下图所示&#xff1a; 该表中包括省、市、县三级目录。 现要将其整理成数据表模板&#xff0c;如下图所示&#xff1a; 要求制作成下拉菜单的形式&#xff0c;且每一级目录的下拉菜单列表要根据上一级目录的内容来确定。 如上图所示&#xff0c;只有…

智驾技术全链条解析

智驾技术全链条解析&#xff08;2025年最新版&#xff09; 智驾技术涵盖从环境感知到车辆控制的完整闭环&#xff0c;涉及硬件、算法、数据与系统集成等多个领域。以下结合行业最新进展&#xff08;截至2025年3月&#xff09;进行深度拆解&#xff1a; 一、感知技术&#xff1…

SpringMVC执行的流程

SpringMVC 基于 MVC 架构模式&#xff0c;核心流程时前端控制室 DispathcherServlet 统一调度&#xff0c;通过组件协作完成 http 的请求与响应。 对于 dispatchServlet 作为前端请求的控制器&#xff0c;全局的访问点&#xff0c;首先将根据 URL 调用 HandlerMapping 获取 Han…

Linux学习(十五)(故障排除(ICMP,Ping,Traceroute,网络统计,数据包分析))

故障排除是任何 Linux 用户或管理员的基本技能。这涉及识别和解决 Linux 系统中的问题。这些问题的范围包括常见的系统错误、硬件或软件问题、网络连接问题以及系统资源的管理。Linux 中的故障排除过程通常涉及使用命令行工具、检查系统和应用程序日志文件、了解系统进程&#…

存储过程和自定义函数在银行信贷业务中的应用(oracle)

数据校验和清洗 例如&#xff0c;检查客户的年龄是否在合理范围内&#xff0c;贷款金额是否符合规定的上下限等。 对于不符合规则的数据&#xff0c;可以进行清洗和修正。比如&#xff0c;将空值替换为默认值&#xff0c;或者对错误的数据进行纠正。 CREATE OR REPLACE PROC…

指令微调 (Instruction Tuning) 与 Prompt 工程

引言 预训练语言模型 (PLMs) 在通用语言能力方面展现出强大的潜力。然而&#xff0c;如何有效地引导 PLMs 遵循人类指令&#xff0c; 并输出符合人类意图的响应&#xff0c; 成为释放 PLMs 价值的关键挑战。 指令微调 (Instruction Tuning) 和 Prompt 工程 (Prompt Engineerin…

【c++】反转字符串

说明 将string类型的字符串本身反转 用到库&#xff1a;algorithm 示例代码 #include <iostream> #include <string> #include <algorithm> using namespace std;int main() {string str "123";reverse(str.begin(), str.end());cout <<…

正则表达式(复习)

文章目录 一、[]: 一个字符集合二、{}: 重复次数三、特殊符号四、(): 分组五、python代码示例六、注意 正则表达式(regular expression)描述了一种字符串匹配的模式&#xff08;pattern&#xff09;&#xff0c;可以用来检查一个串是否含有某种子串、将匹配的子串替换或者从某个…

ARMV8的64位指令

一、介绍 ARMv8 体系结构最大的改变是增加了一个新的 64 位的指令集&#xff0c;这是早前 ARM 指令集 的有益补充和增强。它可以处理 64 位宽的寄存器和数据并且使用 64 位的指针来访问内存。这 个新的指令集称为 A64 指令集&#xff0c;运行在 AArch64 状态。 ARMv8 兼容旧的…

线性代数之矩阵特征值与特征向量的数值求解方法

文章目录 前言1. 幂迭代法&#xff08;Power Iteration&#xff09;幂法与反幂法求解矩阵特征值幂法求最大特征值编程实现补充说明 2. 逆幂迭代法&#xff08;Inverse Iteration&#xff09;移位反幂法 3. QR 算法&#xff08;QR Algorithm&#xff09;——稠密矩阵理论推导编程…

VScode:运行程序停止后,频繁出现终端进程被终止

VScode里面powershell被迫关闭 bug场景排查原因解决办法 bug场景 系统&#xff1a;Windows IDE&#xff1a;Visual Studio Code 停止运行程序后&#xff0c;按向上箭头想要执行上一步命令&#xff0c;忽然终端页面强行关闭&#xff0c;并报错如下&#xff1a; 终端进程 &quo…

[MERN] 使用 socket.io 实现即时通信功能

[MERN] 使用 socket.io 实现即时通信功能 效果实现如下&#xff1a; MERN-socket.io 实现即时聊天 Github 项目地址:https://github.com/GoldenaArcher/messenger-mern 项目使用了 MERN(MongoDB, Express, React, Node.js) socket.io 实现即时通信功能&#xff0c;并且使用了…

【菜鸟飞】Conda安装部署与vscode的结合使用

介绍 Conda 是一个跨平台的开源工具&#xff0c;用于管理软件包和环境。最初由 Anaconda 公司开发&#xff0c;它的设计目标是支持数据科学和机器学习领域&#xff0c;但其功能不仅局限于此。 以下是 Conda 的核心特点&#xff1a; 包管理&#xff1a;安装、更新、卸载各种库…

《Android应用性能优化全解析:常见问题与解决方案》

目录 一、UI卡顿/掉帧 二、内存泄漏&#xff08;Memory Leak&#xff09; 三、ANR&#xff08;Application Not Responding&#xff09; 四、列表滑动卡顿&#xff08;RecyclerView/ListView&#xff09; 五、冷启动耗时过长 六、内存抖动&#xff08;Memory Churn&#x…

【MySQL是怎么运行的】0、名词解释

聚簇索引&#xff1a;聚簇索引和数据在一起&#xff0c;又名主键索引&#xff0c;是主键id构建的一颗B树&#xff0c;非叶节点是主键id&#xff0c;叶子节点是真实数据。其他索引统称二级索引&#xff0c;也称为非聚簇索引。覆盖索引&#xff1a;查找的数据就在索引树上&#x…