随笔 - 14,  文章 - 0,  评论 - 66,  阅读 - 10万

之前用CSS3画了一条🐟,那还是一年前的事情了,这次我用一天的时间去研究了一下pixi.js,一个基于webgl的2D游戏引擎,然后用它做了一个demo出来,变态版大鱼吃小鱼。

 

这是一个h5游戏排名,我最看好pixi,刚开始也试过create.js,不过它不支持webgl,这是一个硬伤,然后又了解了一下Phaser,基于pixi开发的,功能肯定比pixi强大,不过我觉得它太重了,好像是500多K,不适合做小游戏,而pixi只有90K,并且支持webgl,所以就选它了

参考官方API试着做了一个大鱼吃小鱼的demo,先上一张截图

pixi给我们封装了一套API,我们不需要关系底层的东西,也不需要了解webgl,效果棒棒哒

先说一下游戏及开发思路

  玩法:键盘上下左右

  1,创建页面中游动的对象

  2,监听每一帧,给每个对象变换位置,并且处理主角的状态(吃鱼和被吃)

  3,其次就是游戏结束的处理了

源代码在我的GitHub上,不过不方便公开,想下载代码可以直接从我的试玩网址上拔下来。

 

posted on   北风吹雪  阅读(2706)  评论(3编辑  收藏  举报
编辑推荐:
· Linux系列:如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
阅读排行:
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· 单线程的Redis速度为什么快?
· SQL Server 2025 AI相关能力初探
· 展开说说关于C#中ORM框架的用法!
· AI编程工具终极对决:字节Trae VS Cursor,谁才是开发者新宠?

< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5
点击右上角即可分享
微信分享提示