使用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.rhkb.cn/news/31779.html

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

相关文章

Hcaptcha验证码自动识别方案详解

Hcaptcha验证系统简介 这个令人头疼的验证系统长这样: 还有这样: 看着就让人不开心,每次都要玩这种小游戏。 工作原理 1. 环境评估(形式主义阶段) 它会检查这些东西: 浏览器指纹行为数据IP地址网站设置 如果你看起来像个"正常访客",它可能就放你过。但要是发现…

SpringBoot事务管理

Spring事务管理 在日常开发过程中&#xff0c;只要涉及数据操作&#xff0c;都不可避免地会涉及事务管理相关内容&#xff0c;而Spring提供了强大的事务管理机制&#xff0c;能够帮助开发者更轻松地处理数据一致性和事务的问题。 一、什么是事务管理 事务&#xff08;Transa…

JU TPS研究笔记

这个模板的Cover Demo和尘白禁区一样&#xff0c;是自由观察和背后锁定视角可切换的TPS。这种模式比单独做自由观察或背后锁定都要复杂。在非瞄准也就是自由观察状态&#xff0c;鼠标控制相机转动&#xff0c;WASD控制人物以相机前方为前方一边移动一边平滑旋转到面对移动方向。…

[NewStarCTF 2023 公开赛道]ez_sql1 【sqlmap使用/大小写绕过】

题目&#xff1a; 发现id处可以sql注入&#xff1a; 虽然输入id1;show databases;#没什么回显&#xff0c;但是知道这里是字符型注入了 这次利用sqlmap注入 --dbs&#xff1a;列出所有数据库名字 python .\sqlmap.py -u http://a40b2f0a-823f-4c99-b43c-08b94ed0abb2.node5.…

DeepSeek-实用集成大礼包

随着DeepSeek的持续火热,在各种平台看到大家基于deepseek+各类应用的案例。这些案例真假难辨,现在DeepSeek已经推出了官方的Awesome DeepSeek Integrations,集成了各类应用,下面是详细的介绍。 DeepSeek Integrations 是 DeepSeek 官方在 GitHub 上精心整理的一个集合了各种…

Ubuntu安装问题汇总

参考文章&#xff1a; 【Ubuntu常用快捷键总结】 【王道Python常用软件安装指引】 1. 无法连接虚拟设备 sat0:0 【问题】&#xff1a;出现下图所示弹框。 【问题解决】&#xff1a; 点击 “否” 。 点击左上角的 “虚拟机” → “设置…” → “CD/DVD (SATA)” &#xff0c;…

深陷帕金森困境,怎样重燃生活信心?

帕金森&#xff0c;这个悄然影响无数中老年人生活的神经系统疾病&#xff0c;正逐渐走进大众视野。患病后&#xff0c;患者常出现静止性震颤&#xff0c;安静时手部、下肢不自主抖动&#xff0c;如同在默默诉说着身体的异常。肢体变得僵硬&#xff0c;行动迟缓&#xff0c;起步…

空间遥感智能处理技术发展现状与趋势

在数字化时代&#xff0c;空间遥感技术已经成为获取地球表面信息的重要手段。随着卫星遥感技术的快速发展&#xff0c;获取的遥感数据量激增&#xff0c;这对遥感数据的智能处理提出了更高的要求。本文将探讨空间遥感智能处理技术的发展现状与未来趋势。 发展现状 大数据与人工…

svn删除所有隐藏.svn文件,文件夹脱离svn控制

新建一个文件&#xff0c;取名remove-svn-folders.reg&#xff0c;输入如下内容&#xff1a; Windows Registry Editor Version 5.00 [HKEY_LOCAL_MACHINE\SOFTWARE\Classes\Folder\shell\DeleteSVN] "Delete SVN Folders" [HKEY_LOCAL_MACHINE\SOFTWARE\Class…

Datawhale coze-ai-assistant 笔记2

目录 快速搭建一个 AI 助手智能体 搭建步骤 步骤1&#xff1a;创建一个智能体 步骤2&#xff1a;编写提示词 步骤3&#xff1a;调试智能体 步骤4&#xff1a;发布智能体 设置智能体模型 选择模型 生成多样性 输入及输出设置 如何使用 步骤1&#xff1a;更换模型 步…

win10电脑鼠标速度突然变的很慢?

电脑鼠标突然变很慢&#xff0c;杀毒检测后没问题&#xff0c;鼠标设置也没变&#xff0c;最后发现可能是误触鼠标的“DPI”调节键。 DPI调节键在鼠标滚轮下方&#xff0c;再次点击即可恢复正常鼠标速度。 如果有和-的按键&#xff0c;速度变快&#xff0c;-速度变慢。 图源&…

若依RuoYi-Cloud-Plus微服务版(完整版)前后端部署

一.目标 在浏览器上成功登录进入 二.源码下载 后端源码&#xff1a;前往Gitee下载页面(https://gitee.com/dromara/RuoYi-Cloud-Plus)下载解压到工作目录。 前端源码&#xff1a; 前往Gitee下载页面(https://gitee.com/JavaLionLi/plus-ui)下载解压到工作目录。 文档地址&a…

vue3+elementuiplus的table表格动态高度

table表格流体高度 1、前提 了解自定义指令、hooks 2、核心思路 通过自定义指令&#xff08;new ResizeObserver&#xff09;监听表格变化&#xff0c;然后通过hooks去更新表格高度。 3、核心代码 src/directives/resize.ts // import { debounce } from /utils;import { t…

Django与数据库

我叫补三补四&#xff0c;很高兴见到大家&#xff0c;欢迎一起学习交流和进步 今天来讲一讲alpha策略制定后的测试问题 mysql配置 Django模型体现了面向对象的编程技术&#xff0c;是一种面向对象的编程语言和不兼容类型能相互转化的编程技术&#xff0c;这种技术也叫ORM&#…

VMware下载安装Ubuntu详解

一、Linux简介 1、不同领域的主流操作系统 桌面操作系统服务器操作系统移动设备操作系统嵌入式操作系统 1.1、桌面操作系统 Windows&#xff08;用户数量最多&#xff09;Mac OS&#xff08;苹果电脑操作系统&#xff09;Linux&#xff08;用户数量少&#xff09; 1.2、服…

动态规划详解(二):从暴力递归到动态规划的完整优化之路

目录 一、什么是动态规划&#xff1f;—— 从人类直觉到算法思维 二、暴力递归&#xff1a;最直观的问题分解方式 1. 示例&#xff1a;斐波那契数列 2. 递归树分析&#xff08;以n5为例&#xff09; 3. 问题暴露 三、第一次优化&#xff1a;记忆化搜索&#xff08;Memoiza…

下降路径最⼩和(medium)

题目描述&#xff1a; 给你一个 n x n 的 方形 整数数组 matrix &#xff0c;请你找出并返回通过 matrix 的下降路径 的 最小和 。 下降路径 可以从第一行中的任何元素开始&#xff0c;并从每一行中选择一个元素。在下一行选择的元素和当前行所选元素最多相隔一列&#xff08…

YashanDB认证,YCA证书认证教程,免费证书,内含真题考试题库及答案——五分钟速成

目录 一.账号及平台注册登录流程 二.登录进行设备调试核验 三.考试&#xff08;考完获取分数&#xff09; 四.获取证书 五.题库及答案 一.账号及平台注册登录流程 1-点击这里进行账号注册&#xff08;首次学习必须先注册&#xff0c;有账号之后可以直接在2号链接登录&#…

texstudio: 编辑器显示行号+给PDF增加行号

texstudio在编辑器部分增加行号&#xff1a; texstudio默认在编辑器部分不显示行号&#xff0c;如下图&#xff1a; 要实现以下的在编辑部分增加行号&#xff1a; 执行如下操作&#xff1a; 选项-->设置TexStudio-->编辑器-->显示行号-->所有行号选择好后&…

解决vscode中出现“无法将pip项识别...“问题

问题 遇见问题如下&#xff1a; 查看pip 通过 winR &#xff0c;输入 cmd&#xff0c;进入终端&#xff0c;搜索 where pip。 发现 pip 查不出来&#xff0c;然后进入文件资源管理器&#xff0c;搜索 Scripts 文件夹&#xff0c;如果没有找到可能是电脑没有下载 python。 点击…