使用brython做个迷宫游戏-1:规划/技术栈/创建项目

简介: 使用brython做个迷宫游戏-1:规划/技术栈/创建项目

持续创作,加速成长!这是我参与「掘金日新计划 · 10 月更文挑战」的第4天,点击查看活动详情


概述


与其枯燥的讲述brython知识点,还不如将其带入到一个项目中;只要思路正确,面向搜索引擎也能写一个项目出来。

其实你看到这篇文章的时候,项目已经做出来,并且提交了,游戏链接为:

code.juejin.cn/pen/7154683…

所以说,关于使用brython做一个简单的迷宫游戏,这其实是一个“事后诸葛亮”的文章,哈哈。

文章开头前还是说一句,前端大佬不要笑话,运维小弟献丑了。




游戏玩法


迷宫游戏简要

所谓的迷宫游戏,无非就是生成一个地图,需要用游戏提供的操作方式,走出迷宫,假设我们有一个地图如下:

image.png

其中,我们的初始值在红点位置,我们需要正常的走到蓝点位置;其中绿色的障碍物,白色是允许移动的。


游戏预计提供2种玩法,分别是 简单模式 和 复杂模式。



简单模式


所谓的简单模式,就是生成一个地图,能够看到地图的全貌,而后让用户通过键盘等方式,操控走出迷宫,例如其中一个地图如下,我们勾画下需要走的路径:

image.png



复杂模式


所谓的复杂模式,我们想在地图上做文章,即: 增加一个视野,仅能看到红点以外范围为n的数值,当挪走的时候,视野也会跟着走。


若n为7的时候,我们得到的游戏图示为:

当游戏开始时,看到的视野

image.png

当玩家挪走到中间的时候,得到的视野为

image.png


通过这种方式,来增加游戏的难度和可玩度。



所使用的技术


做我们想做这样一个简单的迷宫游戏,我们需要的步骤为:


  • 绘制地图
  • 控制游戏红点挪动
  • 控制其红点走向/碰壁处理
  • 结束游戏

游戏的步骤如上,其中,该游戏的技术栈为:

  • 得会最简单的python语法,例如: forif...else...等。
  • brython操作table
  • brython
  • brython监听键盘事件
  • brython控制html标签的属性值,例如: idclass等。

那我们就开始了咯?



使用【码上掘金】项目


其实关于这个创建文档,掘金官方已经提供了,链接为: github.com/xitu/jcode-…

找到python就可以了。

image.png

这里带着来做一下,因为创建python项目,还挺难的。

这里,我已经创建好了一个python初始化项目,你可以直接Fork一下我的这个项目直接用即可,就不用再自己创建python项目了。

code.juejin.cn/pen/7155678…


在【码上掘金】新建一个新的代码片段


image.png

选择script右边的设置

image.png

而后以此增加一下资源

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

image.png


html中键入如下代码

image.png


最后再将script选择为custom, 写入扩展语言json标签,就可以写python了,例如:

image.png


而后点击运行,若出现了如下页面,就正常项目床架成功了。

image.png


总结


其实写一个如案例所述的迷宫游戏,难度不大; 关键是使用brython来写,就有点意思了。哦,对了,我在想,应该没有人用brython在公司写项目吧? 那不是一个明智的选择。好了,想学习如何使用brython写一个简单的迷宫游戏么,那就动动你的小手,先从创建项目开始吧。



相关文章
|
8月前
|
安全
dapp公排矩阵互助模式系统开发指南步骤/详细需求/功能设计/源码案例
The development of a public matrix mutual aid crowdfunding model system for DApp (decentralized application) involves the application of blockchain technology and smart contracts. The following are the main steps and requirements for development:
|
存储 前端开发 JavaScript
潮玩宇宙大逃杀无聊猿卷轴模式系统开发详细规则丨步骤需求丨方案项目丨技术架构丨源码功能
确定游戏类型和规则:明确无聊猿卷轴模式游戏类型和游戏规则,包括敌人类型、地图设计、任务类型、战斗机制等。
|
8月前
|
前端开发 JavaScript
前端综合练手小项目
前端综合练手小项目
|
8月前
|
新零售 搜索推荐 大数据
二二复制公排系统开发|成熟案例|项目原理
新零售的意思是应用新互联网技术和新思维的活动
|
8月前
|
安全 AndFix 区块链
区块链3D元宇宙游戏系统开发规则玩法/步骤指南/源码项目
Developing a blockchain metaverse 3D game system is a complex and innovative process that requires comprehensive consideration of blockchain technology, game design and development, and virtual reality (VR). The following is the general process for developing the system:
dapp众筹矩阵公排互助系统开发指南详细丨功能需求丨案例项目丨方案项目丨源码程序
Requirement analysis and planning: Clarify the system's goals and functional requirements. Understand the characteristics and working methods of the DApp crowdfunding matrix mutual assistance system. Collect user requirements, define the crowdfunding mechanism, matrix common ranking algorithm, and m
|
设计模式 存储 移动开发
《微信小游戏开发》自学讲义整体目录
主要给购买《微信小游戏开发》套装实体书的读者,提供一套自学讲义。依靠这套讲义,读者可以自行安排训练,每天完成一个或多个学习步骤,最快不到三月即可完成所有学习。
200 0
|
SQL Cloud Native 小程序
关于我用iVX沉浸式体验了一把0代码项目创建
简单来说:iVX = 前后端代码生成器 + 云资源(可选)。
关于我用iVX沉浸式体验了一把0代码项目创建
|
新零售 大数据 云计算
二二复制公排开发功能丨二二复制公排系统开发(开发原理)丨二二复制公排源码详细
 新零售的另一个新层次是互联网+技术(大数据、云计算、移动支付等)它可以连接线上和线下,实现全面覆盖,并通过技术提高零售能力。使企业能够更清晰地获得消费者的形象,同时刺激消费者的消费,创造更好的消费者体验。
|
新零售 人工智能 大数据
二二复制公排互助系统丨二二复制公排互助系统开发(开发规则)丨二二复制公排互助开发成品源码
 新零售即基于互联网的个人和企业,通过利用大数据、人工智能等先进技术和心理知识,升级商品的生产、流通和销售流程,重塑业务结构和生态系统,深入整合线上服务、线下体验和现代物流的新零售模式。线上和线下物流的结合将产生新零售。

热门文章

最新文章