持续创作,加速成长!这是我参与「掘金日新计划 · 10 月更文挑战」的第4天,点击查看活动详情
概述
与其枯燥的讲述
brython
知识点,还不如将其带入到一个项目中;只要思路正确,面向搜索引擎也能写一个项目出来。
其实你看到这篇文章的时候,项目已经做出来,并且提交了,游戏链接为:
所以说,关于使用brython
做一个简单的迷宫游戏,这其实是一个“事后诸葛亮”的文章,哈哈。
文章开头前还是说一句,前端大佬不要笑话,运维小弟献丑了。
游戏玩法
迷宫游戏简要
所谓的迷宫游戏,无非就是生成一个地图,需要用游戏提供的操作方式,走出迷宫,假设我们有一个地图如下:
其中,我们的初始值在红点位置,我们需要正常的走到蓝点位置;其中绿色的障碍物,白色是允许移动的。
游戏预计提供2种玩法,分别是 简单模式 和 复杂模式。
简单模式
所谓的简单模式,就是生成一个地图,能够看到地图的全貌,而后让用户通过键盘等方式,操控走出迷宫,例如其中一个地图如下,我们勾画下需要走的路径:
复杂模式
所谓的复杂模式,我们想在地图上做文章,即: 增加一个视野,仅能看到红点以外范围为n的数值,当挪走的时候,视野也会跟着走。
若n为7的时候,我们得到的游戏图示为:
当游戏开始时,看到的视野
当玩家挪走到中间的时候,得到的视野为
通过这种方式,来增加游戏的难度和可玩度。
所使用的技术
做我们想做这样一个简单的迷宫游戏,我们需要的步骤为:
- 绘制地图
- 控制游戏红点挪动
- 控制其红点走向/碰壁处理
- 结束游戏
游戏的步骤如上,其中,该游戏的技术栈为:
- 得会最简单的
python
语法,例如:for
、if...else...
等。 brython
操作table
brython
brython
监听键盘事件brython
控制html
标签的属性值,例如:id
、class
等。
那我们就开始了咯?
使用【码上掘金】项目
其实关于这个创建文档,掘金官方已经提供了,链接为: github.com/xitu/jcode-…
找到python
就可以了。
这里带着来做一下,因为创建python
项目,还挺难的。
这里,我已经创建好了一个
python
初始化项目,你可以直接Fork
一下我的这个项目直接用即可,就不用再自己创建python
项目了。
在【码上掘金】新建一个新的代码片段
选择script
右边的设置
而后以此增加一下资源
https://cdn.jsdelivr.net/npm/jcode-tools
https://cdn.jsdelivr.net/npm/brython@3/brython.min.js
https://cdn.jsdelivr.net/npm/brython@3/brython_stdlib.js
在html
中键入如下代码
最后再将script
选择为custom
, 写入扩展语言json
标签,就可以写python
了,例如:
而后点击运行,若出现了如下页面,就正常项目床架成功了。
总结
其实写一个如案例所述的迷宫游戏,难度不大; 关键是使用brython
来写,就有点意思了。哦,对了,我在想,应该没有人用brython
在公司写项目吧? 那不是一个明智的选择。好了,想学习如何使用brython
写一个简单的迷宫游戏么,那就动动你的小手,先从创建项目开始吧。