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

【好玩的经典游戏】Docker环境下部署赛车小游戏

news 2026/3/26 16:00:25

【好玩的经典游戏】Docker环境下部署赛车小游戏

  • 一、小游戏介绍
    • 1.1 小游戏简介
    • 1.2 项目预览
  • 二、本次实践介绍
    • 2.1 本地环境规划
    • 2.2 本次实践介绍
  • 三、本地环境检查
    • 3.1 安装Docker环境
    • 3.2 检查Docker服务状态
    • 3.3 检查Docker版本
    • 3.4 检查docker compose 版本
  • 四、构建容器镜像
    • 4.1 下载源码文件
    • 4.2 进入源码目录
    • 4.3 编辑Dockerfile文件
    • 4.4 构建镜像
  • 五、部署网页小游戏
    • 5.1 编辑docker-compose.yanl文件
    • 5.2 创建容器
    • 5.3 查看容器状态
    • 5.4 关闭防火墙
  • 六、访问游戏
    • 6.1 访问游戏初始页
    • 6.2 游戏试玩
  • 七、总结

一、小游戏介绍

1.1 小游戏简介

HexGL 是一款未来派的 HTML5 赛车小游戏，具有令人惊叹的图形和流畅的游戏体验。它的设计灵感来自于许多科幻电影和电子游戏，将玩家带入一个高科技的赛车竞技场。该项目使用了 HTML5 技术进行开发，无需任何插件或外部程序即可在现代浏览器上运行。HexGL 中的赛车模型和赛道环境都是基于 WebGL 技术进行渲染，提供了逼真的视觉效果和流畅的动画效果。在游戏中，玩家扮演一名赛车手，驾驶高速赛车在 futuristc 的赛道上竞争。赛道设有各种转弯、障碍和加速带，玩家需要巧妙地操控赛车，避免碰撞和掉落赛道，并尽可能快地穿越终点线。

1.2 项目预览

  • 可以看下部署好的项目预览

在这里插入图片描述

二、本次实践介绍

2.1 本地环境规划

本次实践为个人测试环境，操作系统版本为centos7.6。

hostnameIP地址操作系统版本Docker版本
ubuntu-001192.168.3.251Ubuntu 22.04.1 LTS24.0.7

相关文章：

【好玩的经典游戏】Docker环境下部署赛车小游戏

【好玩的经典游戏】Docker环境下部署赛车小游戏 一、小游戏介绍1.1 小游戏简介1.2 项目预览二、本次实践介绍2.1 本地环境规划2.2 本次实践介绍三、本地环境检查3.1 安装Docker环境3.2 检查Docker服务状态3.3 检查Docker版本3.4 检查docker compose 版本四、构建容器镜像4.1 下…...

编程日记 2024/7/26 2:25:27

物理机 gogs+jenkins+sonarqube 实现CI/CD

一、部署gogs_0.11.91_linux_amd64.tar.gz gogs官网下载&#xff1a;https://dl.gogs.io/ yum -y install mariadb-serversystemctl start mariadbsystemctl enable mariadbuseradd gittar zxvf gogs_0.11.91_linux_amd64.tar.gzcd gogsmysql -u root -p < scripts/mysql.…...

编程日记 2024/7/26 2:24:26

前端表格解析方法

工具类文件 // fileUtils.tsimport { ref } from vue; import * as xlsx from xlsx;interface RowData {[key: string]: any; }export const tableData ref<RowData[]>([]);export async function handleFileSelect(url: string): Promise<void> {try {const res…...

编程日记 2024/7/26 2:21:23

Leetcode 3227. Vowels Game in a String

Leetcode 3227. Vowels Game in a String 1. 解题思路2. 代码实现 题目链接&#xff1a;3227. Vowels Game in a String 1. 解题思路 这一题稍微分析一下之后就会发现&#xff0c;这个游戏有且只有一种情况Bob才能够赢&#xff0c;即原始字符串当中不存在元音字母的情况&…...

编程日记 2024/7/26 2:17:19

树莓派4B从装系统raspbian到vscode远程编程（python）

1、写在前面 前面用的一直是Ubuntu系统&#xff0c;但是遇到一个奇葩的问题&#xff1a; 北通手柄在终端可以正常使用&#xff0c;接收到数据 但在python程序中使用pygame库初始化时总是报错&#xff1a;Invalid device number&#xff0c;检测不到手柄 经过n次重装系统&am…...

编程日记 2024/7/26 2:13:16

vue上传Excel文件并直接点击文件列表进行预览

本文主要内容&#xff1a;用elementui的Upload 组件上传Excel文件&#xff0c;上传后的列表采用xlsx插件实现点击预览表格内容效果。 在项目中可能会有这样的需求&#xff0c;有很多种方法实现。但是不想要跳转外部地址&#xff0c;所以用了xlsx插件来解析表格&#xff0c;并展…...

编程日记 2024/7/26 2:09:13

OpenCV 像素操作—证件照换底色详细原理 C++纯手写实现

文章目录 总体步骤1.RGB转HSV2.找出要换的底色3.取反&#xff0c;黑白颠倒4.将原图像的非背景部分复制到新背景上 完整代码1.C纯手写版2.官方API版本 总体步骤 1.RGB转HSV 为什么一定要转为HSV 颜色空间&#xff1f; 将图像从BGR颜色空间转换为HSV颜色空间是因为HSV颜色空间更…...

编程日记 2024/7/26 2:05:10

tinygrad框架简介；MLX框架简介

目录 tinygrad框架简介 MLX框架简介 LLaMA​编辑 Stable Diffusion​编辑 tinygrad框架简介 极简主义与易扩展性 tinygrad 的设计理念是极简主义。与 XLA 类比，如果 XLA 是复杂指令集计算 (CISC)，那么 tinygrad 就是精简指令集计算 (RISC)。这种简约的设计使得它成为添加…...

编程日记 2024/7/26 2:04:09

服务器重启了之后就卡在某个页面了，花屏，如何解决？？

&#x1f3c6;本文收录于《CSDN问答解惑-专业版》专栏&#xff0c;主要记录项目实战过程中的Bug之前因后果及提供真实有效的解决方案&#xff0c;希望能够助你一臂之力&#xff0c;帮你早日登顶实现财富自由&#x1f680;&#xff1b;同时&#xff0c;欢迎大家关注&&收…...

编程日记 2024/7/26 2:00:05

Hospital 14.6.0全开源医院管理预约系统源码

InfyHMS 具有 60 种功能和 9 种不同类型的用户类型&#xff0c; 他们可以登录系统并根据他们的角色访问他们的数据。 源码下载&#xff1a;https://download.csdn.net/download/m0_66047725/89580674 更多资源下载&#xff1a;关注我。...

编程日记 2024/7/26 1:59:05

C/C++樱花树代码

目录 写在前面 系列文章 C简介 完整代码 代码分析 写在后面 写在前面 C实现精美的樱花树&#xff0c;只需这100行代码&#xff01; 系列文章 序号目录直达链接1爱心代码https://want595.blog.csdn.net/article/details/1363606842李峋同款跳动的爱心https://want595.b…...

编程日记 2024/7/26 1:51:58

sklearn基础学习

1. 简介 1.1 什么是sklearn sklearn&#xff0c;或者更正式地称为scikit-learn&#xff0c;是一个基于Python的开源机器学习库。它建立在NumPy、SciPy和matplotlib之上&#xff0c;提供了简单而有效的工具用于数据挖掘和数据分析。sklearn支持监督学习和无监督学习算法&#…...

编程日记 2024/7/26 1:50:57

SpringBoot 自动配置原理

一、Condition Condition 是在 Spring 4.0 增加的条件判断功能&#xff0c;通过这个可以功能可以实现选择性的创建 Bean 操 作。 思考&#xff1a; SpringBoot 是如何知道要创建哪个 Bean 的&#xff1f;比如 SpringBoot 是如何知道要创建 RedisTemplate 的&#xff1f; …...

编程日记 2024/7/26 1:49:55

Redisson中RQueue的使用场景附一个异步的例子

RQueue 是一个基于 Redis 的分布式作业队列系统&#xff0c;它允许开发者在 Ruby 应用程序中实现异步任务处理和计划任务调度。由于 Redis 提供了高性能的内存数据结构存储&#xff0c;RQueue 可以快速地存储和检索队列中的任务&#xff0c;这使得它非常适合于高并发和低延迟的…...

编程日记 2024/7/26 1:47:48

SpringMVC 控制层框架-下

五、SpringMVC其他扩展 1. 异常处理机制 1.1 异常处理概念 开发过程中是不可避免地会出现各种异常情况&#xff0c;例如网络连接异常、数据格式异常、空指针异常等等。异常的出现可能导致程序的运行出现问题&#xff0c;甚至直接导致程序崩溃。因此&#xff0c;在开发过程中&a…...

编程日记 2024/7/26 1:43:44

(四)js前端开发中设计模式之工厂方法模式

工厂方法模式,通过对产品类的抽象&#xff0c;使其创建业务主要用于负责创建多类产品的实例 const Java function (content) {this.content content;(function () {let oDiv document.createElement(div)oDiv.innerHTML contentoDiv.style.color greendocument.getElement…...

编程日记 2024/7/26 1:40:42

新版GPT-4omini上线！快！真TM快！

大半夜&#xff0c;OpenAI突然推出了GPT-4o mini版本。 当我看到这条消息时&#xff0c;正准备去睡觉。mini版本质上是GPT-4o模型的精简版本&#xff0c;没有什么革命性的创新&#xff0c;因此我并没有太在意。 结果今天早上一觉醒来发现伴随GPT-4o mini上线&#xff0c;官网和…...

编程日记 2024/7/26 1:36:39

【Unity】RPG2D龙城纷争（十七）敌方常规AI（Normal）的实现

更新日期：2024年7月24日。 项目源码：第五章发布（正式开始游戏逻辑的章节） 索引 简介一、AI_Normal类二、AI调遣策略第一阶段：收集1.提供战场数据收集方法2.收集战场数据三、AI调遣策略第二阶段：评估四、AI调遣策略第三阶段：行动简介 AI_Normal定位为框架自带的最基础的…...

编程日记 2024/7/26 1:35:38

Tracy 小笔记：微信小程序 mpx 雷达图的实现

使用文档&#xff1a; https://www.kancloud.cn/xchhhh/wx-chart/399337 https://github.com/xiaolin3303/wx-charts https://gitee.com/mirrors/wx-charts/#wx-charts 参数说明&#xff1a; https://github.com/xiaolin3303/wx-charts/issues/56 下载 dist 里的 wx-charts-…...

编程日记 2024/7/26 1:33:36

Unity UGUI 之 Input Field

本文仅作学习笔记与交流&#xff0c;不作任何商业用途 本文包括但不限于unity官方手册&#xff0c;唐老狮&#xff0c;麦扣教程知识&#xff0c;引用会标记&#xff0c;如有不足还请斧正 1.Input Field是什么&#xff1f; 给玩家提供输入的输入框 2.重要参数 中英文对照着看…...

编程日记 2024/7/26 1:31:34

桌面歌词工具：LyricsX让Mac音乐体验全面升级

桌面歌词工具&#xff1a;LyricsX让Mac音乐体验全面升级 【免费下载链接】Lyrics Swift-based iTunes plug-in to display lyrics on the desktop. 项目地址: https://gitcode.com/gh_mirrors/lyr/Lyrics 在Mac上享受音乐时&#xff0c;你是否曾因无法显示桌面歌词而感到…...

编程新知 2026/3/26 14:31:36

告别传统拍摄：THE LEATHER ARCHIVE低成本生成高质量皮衣展示图

告别传统拍摄&#xff1a;THE LEATHER ARCHIVE低成本生成高质量皮衣展示图 1. 时尚行业的数字革命 在时尚电商领域&#xff0c;商品展示图的质量直接影响消费者的购买决策。传统皮衣拍摄面临三大痛点&#xff1a; 高昂成本&#xff1a;专业模特、摄影师、场地租赁等费用动辄…...

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

C/C++进阶知识1.0

C/C进阶知识 1.delete与delete[ ] ClassA *pclassanew ClassA[5]; delete pclassa; 与 int *p new int[5]; delete p; 1.1内置类型 不调用析构函数 1.2自定义类型 析构函数调用一次 2.内存知识 2.1栈堆增长方向不同的原因&#xff1a; 栈向下增长堆向上增长的设计目的是…...

编程新知 2026/3/26 13:34:58

EasyAnimateV5-7b-zh-InP多GPU分布式训练指南

EasyAnimateV5-7b-zh-InP多GPU分布式训练指南 1. 引言 如果你正在训练EasyAnimateV5这样的大模型&#xff0c;可能会发现单块GPU的训练速度实在太慢了。一张图片可能需要几分钟&#xff0c;一个完整的训练周期可能要花上好几天。这时候&#xff0c;多GPU分布式训练就成了必备…...

编程新知 2026/3/26 13:06:56

如何用League-Toolkit实现英雄联盟游戏自动化：3个核心模块深度解析

如何用League-Toolkit实现英雄联盟游戏自动化&#xff1a;3个核心模块深度解析 【免费下载链接】League-Toolkit 兴趣使然的、简单易用的英雄联盟工具集。支持战绩查询、自动秒选等功能。基于 LCU API。 项目地址: https://gitcode.com/gh_mirrors/le/League-Toolkit Le…...

编程新知 2026/3/26 12:40:39

GPIO输入模式深度解析：STM32按键检测中IDR寄存器的使用技巧与常见问题

STM32 GPIO输入模式实战&#xff1a;从IDR寄存器到工业级按键检测方案 在嵌入式开发中&#xff0c;GPIO输入模式是实现人机交互的基础功能之一。对于STM32开发者而言&#xff0c;深入理解IDR寄存器的工作原理和按键检测的实现技巧&#xff0c;往往决定着产品交互的可靠性和响应…...

编程新知 2026/3/26 11:31:56

探索RBMO - BiLSTM - Attention分类算法：MATLAB实现与应用

【24年5月顶刊算法】RBMO-BiLSTM-Attention分类 基于红嘴蓝鹊优化器(RBMO)-双向长短期记忆网络(BiLSTM)-注意力机制(Attention)的数据分类预测(可更换为回归/单变量/多变量时序预测&#xff0c;前私)&#xff0c;Matlab代码&#xff0c;可直接运行&#xff0c;适合小白新手 无需…...

编程新知 2026/3/26 11:03:38

OpenClaw+Qwen3.5-9B：3步搭建自动化内容审核系统

OpenClawQwen3.5-9B&#xff1a;3步搭建自动化内容审核系统 1. 为什么选择OpenClaw做内容审核&#xff1f; 去年运营一个技术社区时&#xff0c;我每天要花2小时手动审核用户提交的内容。直到发现OpenClaw这个开源自动化框架&#xff0c;配合Qwen3.5-9B的多模态能力&#xff…...

编程新知 2026/3/26 11:03:38

从零开始学计算机视觉｜CV 基础算法与项目实战

大家好&#xff0c;我是唐宇迪&#xff0c;资深AI讲师与学习规划师。专注计算机视觉教学与算法研发&#xff0c;过去三年我帮超过2500名有Python基础的入门者&#xff0c;从“像素是什么”到“独立跑通CV项目”。今天这篇长文&#xff0c;完全按零基础实战体系撰写&#xff0c;…...

编程新知 2026/3/26 10:03:10

VS Code+智谱AI+Cline 完整实战教程

对于习惯用VS Code做日常开发、偏爱国产大模型的开发者来说&#xff0c;Cline是一款轻量无广告、适配性极强的AI编程客户端插件&#xff0c;搭配智谱GLM-4系列、CodeGeeX 4编码专用模型&#xff0c;既能完美适配中文编程需求&#xff0c;又能无缝对接Vue、Python、Java、小程序…...

编程新知 2026/3/26 9:32:54