使用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 进行渲染,通过鼠标交互与控制面板实现操作。然而,它也存在一定局限性,如相较于完整版《我的世界》,功能仍显单一,画面不够精美。可以在现有基础上,利用更复杂的算法和设计,添加更多方块类型、优化地形生成机制,融入更多游戏元素,不断完善这款小游戏。

相关推荐
洞窝技术10 分钟前
Cursor Pro 太贵?95%的人不知道的 Cursor 白嫖方案!
前端·cursor
鱼樱前端11 分钟前
React 16 到 React 19 基础语法、API 对比与最佳实践
前端·react.js
初心丨哈士奇18 分钟前
基于大模型的GitLab CodeReview 技术调研
前端·人工智能·node.js
Aphasia31122 分钟前
Web身份认证与状态管理:Cookie、Session 与 JWT
前端·面试
鱼樱前端23 分钟前
基于Vue3+Ts+Vant的高级图片上传组件
前端·javascript·vue.js
ChangYan.24 分钟前
electron builder打包时,出现errorOut=ERROR: Cannot create symbolic link
前端·javascript·electron
Luis Li 的猫猫34 分钟前
基于MATLAB的冰块变化仿真
开发语言·图像处理·人工智能·算法·matlab
冴羽38 分钟前
SvelteKit 最新中文文档教程(1)—— 入门指南
前端·javascript·svelte
xiatian_win1231 小时前
本地部署 OpenManus 保姆级教程(Windows 版)
人工智能·windows
蹦蹦跳跳真可爱5891 小时前
Python----计算机视觉处理(opencv:像素,RGB颜色,图像的存储,opencv安装,代码展示)
人工智能·python·opencv·计算机视觉