百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 技术文章 > 正文

打游戏了!解锁编程学习新姿势,极空间部署『CodeCombat』

myzbx 2025-05-15 20:02 85 浏览

打游戏了!解锁编程学习新姿势,极空间部署『CodeCombat』

哈喽小伙伴们好,我是Stark-C~

这几年的AI大火,让大家再次看到了互联网科技的神奇与魅力。考虑到今后各大行业的发展方向,编程已成为许多行业的基本技能。不管是从软件开发到数据分析,再到人工智能,掌握编程能够打开更多职业机会。

很多家长也是看中了这一点,所以在孩子很小的时候就会有意的将孩子往这方面培养,比如学习编程课程,报编程补习班。

然而对于对于绝大多数人来说,编程里的代码抽象、复杂且枯燥,看着就有一种莫名的抗拒感。

而我今天为大家分享的这个项目可谓是这部分人的救星了!它通过游戏的方式教会大家如何编程,并且通过游戏来提升开发者的技能水平。

话不多说,安排!

关于CodeCombat

CodeCombat是GitHub上最大的开源CoffeeScript(一种脚本语言,类似JavaScript)项目,构筑在几十个开源项目之上的,有上千程序员和玩家为其编写程序、测试游戏。

简单来说,它是一款闯关游戏,该款游戏的任务就是通过游戏化的方式教授编程技能。用户在游戏中扮演角色,通过编写代码来解决问题、完成任务和击败敌人,从而逐步学习编程语言。

这个项目特别适合初学者和学生,因为它结合了互动性和趣味性,使得学习编程变得更加有趣。玩家在游戏中不仅可以学习编程基础,还能面对算法、数据结构等更高级的概念。

CodeCombat部署

打开极空间的文件管理器(个人空间),在Docker目录下新建“codecombat”文件夹,然后在“codecombat”文件夹下闯将mongo,data两个子文件夹。

然后在极空间的Docker镜像仓库中搜索镜像operepo/ope-codecombat”并“下载”。

PS:因为众所周知的原因,目前国内的Docker镜像拉取已经抽风...,这个是和极空间设备无关的。如果遇到Docker镜像拉取问题,可以百度“国内可用Docker镜像加速器”获取最新加速镜像站,或者一劳永逸的搞定网络问题。

完成后在“本地镜像”中找到它,直接双击镜像开始部署容器。

【基本设置】这里,容器名称自己可以随意修改,取消勾选“启用性能限制”。

【文件夹路径】这里,手动添加以下映射关系:

  • ./Docker/codecombat/data:/home/coco/codecombat/data # 冒号前面映射新建的“data”子文件夹
  • ./Docker/codecombat/mongo:/home/coco/codecombat/mongo # 冒号前面映射新建的“mongo”子文件夹

【端口】这里保证本地端口不冲突即可。其它就没什么设置了,点击“应用”完成容器的创建。

完成以上之后会看到容器显示“运行中”,但是工作还未完成。

接着我们打开网址“
https://github.com/wei134102/CodeCombat”,根据提示下载dump.tar.gz这个文件。

这里给到的是迅雷云盘。这里有一个下载的小技巧,我们直接将这个文件“转存到云盘”。

然后打开极空间的“迅雷”下载,在“云盘取回”中找到我们转存的文件直接下载即可,实测可以满速,10s左右就能下载到NAS硬盘中了。

接着我们打开前面创建的“codecombat”文件夹中的“data”子文件夹,可以看到里面也有一个dump.tar.gz文件,我们直接将它删除。

然后将我们迅雷中下载的dump.tar.gz文件移动或复制到该文件夹(data)内即可。

完成以上步骤之后,我们还要点击codecombat容器下面的“SSH”进入终端。

命令选择“/bin/bash”,用户默认“root”,点“连接”。

来到SSH终端界面,依次输入以下命令:

  • cd /home/coco/codecombat/data/ # 进入容器内部data文件夹
  • tar -zxvf dump.tar.gz # 解压dump.tar.gz文件

接着同样是依次输入以下命令:

  • cd /home/coco/codecombat/data # 进入容器内部data文件夹
  • cd /home/coco # 进入容器内部coco文件夹
  • ./codecombat/bin/coco-mongodb && sh start.sh # 运行mongodb数据库,然后执行start.sh脚本

等到出现上图所示的“done”标识的时候,我们就可以关闭SSH终端,这个项目才算是正式部署完成了。

CodeCombat体验

现在我们就可以通过浏览器打开【极空间本地IP:端口号】打开CodeCombat了。项目原生支持简体中文,进来之后我们先点击“注册”。

注册页面选择“注册独立账号”。

生日这里一定记得选择成人日期,建议直接1990年以前。

然后输入账号需要的邮箱、用户名,以及密码。用户名需记住,稍后会用到。

当进入这个界面的时候,就可以直接点“开玩”玩游戏了。

进来之后可以看到它其实就是解锁闯关的游戏,据说解锁貌似还要收费,我没验证,详情不明~。但是我们可以直接通过特殊操作直接免费解锁全部。

和前面一样,也是进入容器的SSH终端,依次输入以下命令:

  • mongo # 打开mongo数据库
  • use coco # 使用coco数据库

最后输入以下命令并回车:

  • db.users.update({'name':'你设置的用户名'},{$set:{'earned.gems':9999999, permissions:["godmode","admin"]}},true,false);

再次进入游戏,可以看到所有地图均以解锁,且左下角的蓝宝石直接加到最满。

随便点击一个地图就能直接开始玩了,还有声音哈~

具体的玩法我目前刚开始,基本啥也不会。以下是我摘录的玩法,仅供参考:

  • CodeCombat是一款即时战略游戏。每关都会有对话讲解如何操作(遗憾没有中文)左侧是游戏界面,右侧是代码界面,通过在右侧输入关键语句代码,控制左侧角色的移动和攻击等动作。
  • 前几关非常简单,几行“上下左右”和“攻击”的代码即可完成通关。每关结束后都有个回顾,告诉你在上一关学到了什么。当输入错误,比如大小写错误,在代码下方会提示具体的出错信息,玩家可以据此Debug。
  • 第二关中,你要先去右边吃蘑菇变强,再去击杀怪物。(点击图片查看具体代码,其实向右移动一步即可迟到蘑菇,代码中是两步)
  • 第三关,在击杀第一个怪物后,角色的血也不多了,所以要先去下方喝药瓶。下去喝药瓶,输入代码按回车,角色就会照做。
  • 第四关前N关都是编程中最基本的顺序语句,随着关数的提升,像“if…else,then”等判断、循环语句也会逐渐加入,可玩性越来越高。玩家在不知不觉也就具备了编程思维。

最后

今天的这个项目还是非常不错的,整体来看,它通过寓教于乐的方式,大大降低了编程学习的门槛,鼓励更多人参与到编程的世界中来。项目部署步骤还是挺多的,主要是因为考虑到很多新手小伙伴,我并没有落下任何一步。只要大家对着抄作业,基本就能一次成功。

随着极空间不久前正式发布高性能四盘位NAS私有云Q4与随身智能魔盒T2S两款新品,极空间的产品线也是再次扩大,继续为用户带来更易用、更智能、更安全、更强大的私有云产品与智能存储解决方案。如果你近期有入手NAS的计划,不妨关注下极空间。

好了,以上就是今天给大家分享的内容,我是爱分享的Stark-C,如果今天的内容对你有帮助请记得收藏,顺便点点关注,咱们下期再见!谢谢大家~

相关推荐

如何设计一个优秀的电子商务产品详情页

加入人人都是产品经理【起点学院】产品经理实战训练营,BAT产品总监手把手带你学产品电子商务网站的产品详情页面无疑是设计师和开发人员关注的最重要的网页之一。产品详情页面是客户作出“加入购物车”决定的页面...

怎么在JS中使用Ajax进行异步请求?

大家好,今天我来分享一项JavaScript的实战技巧,即如何在JS中使用Ajax进行异步请求,让你的网页速度瞬间提升。Ajax是一种在不刷新整个网页的情况下与服务器进行数据交互的技术,可以实现异步加...

中小企业如何组建,管理团队_中小企业应当如何开展组织结构设计变革

前言写了太多关于产品的东西觉得应该换换口味.从码农到架构师,从前端到平面再到UI、UE,最后走向了产品这条不归路,其实以前一直再给你们讲.产品经理跟项目经理区别没有特别大,两个岗位之间有很...

前端监控 SDK 开发分享_前端监控系统 开源

一、前言随着前端的发展和被重视,慢慢的行业内对于前端监控系统的重视程度也在增加。这里不对为什么需要监控再做解释。那我们先直接说说需求。对于中小型公司来说,可以直接使用三方的监控,比如自己搭建一套免费的...

Ajax 会被 fetch 取代吗?Axios 怎么办?

大家好,很高兴又见面了,我是"高级前端进阶",由我带着大家一起关注前端前沿、深入前端底层技术,大家一起进步,也欢迎大家关注、点赞、收藏、转发!今天给大家带来的主题是ajax、fetch...

前端面试题《AJAX》_前端面试ajax考点汇总

1.什么是ajax?ajax作用是什么?AJAX=异步JavaScript和XML。AJAX是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换,AJAX可以使网页实...

Ajax 详细介绍_ajax

1、ajax是什么?asynchronousjavascriptandxml:异步的javascript和xml。ajax是用来改善用户体验的一种技术,其本质是利用浏览器内置的一个特殊的...

6款可替代dreamweaver的工具_替代powerdesigner的工具

dreamweaver对一个web前端工作者来说,再熟悉不过了,像我07年接触web前端开发就是用的dreamweaver,一直用到现在,身边的朋友有跟我推荐过各种更好用的可替代dreamweaver...

我敢保证,全网没有再比这更详细的Java知识点总结了,送你啊

接下来你看到的将是全网最详细的Java知识点总结,全文分为三大部分:Java基础、Java框架、Java+云数据小编将为大家仔细讲解每大部分里面的详细知识点,别眨眼,从小白到大佬、零基础到精通,你绝...

福斯《死侍》发布新剧照 "小贱贱"韦德被改造前造型曝光

时光网讯福斯出品的科幻片《死侍》今天发布新剧照,其中一张是较为罕见的死侍在被改造之前的剧照,其余两张剧照都是死侍在执行任务中的状态。据外媒推测,片方此时发布剧照,预计是为了给不久之后影片发布首款正式预...

2021年超详细的java学习路线总结—纯干货分享

本文整理了java开发的学习路线和相关的学习资源,非常适合零基础入门java的同学,希望大家在学习的时候,能够节省时间。纯干货,良心推荐!第一阶段:Java基础重点知识点:数据类型、核心语法、面向对象...

不用海淘,真黑五来到你身边:亚马逊15件热卖爆款推荐!

Fujifilm富士instaxMini8小黄人拍立得相机(黄色/蓝色)扫二维码进入购物页面黑五是入手一个轻巧可爱的拍立得相机的好时机,此款是mini8的小黄人特别版,除了颜色涂装成小黄人...

2025 年 Python 爬虫四大前沿技术:从异步到 AI

作为互联网大厂的后端Python爬虫开发,你是否也曾遇到过这些痛点:面对海量目标URL,单线程爬虫爬取一周还没完成任务;动态渲染的SPA页面,requests库返回的全是空白代码;好不容易...

最贱超级英雄《死侍》来了!_死侍超燃

死侍Deadpool(2016)导演:蒂姆·米勒编剧:略特·里斯/保罗·沃尼克主演:瑞恩·雷诺兹/莫蕾娜·巴卡林/吉娜·卡拉诺/艾德·斯克林/T·J·米勒类型:动作/...

停止javascript的ajax请求,取消axios请求,取消reactfetch请求

一、Ajax原生里可以通过XMLHttpRequest对象上的abort方法来中断ajax。注意abort方法不能阻止向服务器发送请求,只能停止当前ajax请求。停止javascript的ajax请求...