变态版大鱼吃小鱼-基于pixi.js 2D游戏引擎

之前用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上,不过不方便公开,想下载代码可以直接从我的试玩网址上拔下来。

时间: 2024-10-19 02:37:13

变态版大鱼吃小鱼-基于pixi.js 2D游戏引擎的相关文章

让hammer完美支持Pixi.js - 2D webG库

由于项目改造,采用2D webG的pixi库,那么基于canvas的结构上,事件就是最大的一个问题了 改造的原理很简单,把hammer里面的addEventListeners事件绑定给第三方库代替,事件的绑定由第三方控制即可 hammer是负责接收事件消息即可. 传递一个pixi引用,即每个canvas内部的精灵对象的引用,因为要给每一个对象绑定事件 hammer内部: hammer的addEventListeners事件绑定由第三方绑定替换 替换 注意一个的问题就是: hammer给的ev是经

Android 2D游戏引擎AndEngine配置环境

Android 2D游戏引擎AndEngine配置环境 1.2  配置环境 在任何编程中,都需要一些软件或者硬件的支持.否则,没有硬件软件是不可能存在的,而想要编写对应语言的的程序,这需要对应语言库和编译器等的支持.所以在开AndEngine的游戏也需要这些东西,而我们需要的环境都有那些呢?本节内容就将解密AndEngine环境的配置本文选自Android 2D游戏引擎AndEngine快速入门教程. 1.2.1  环境要求 编写AndEngine需要一定的编程环境才可以完成编写.而为了调试,需

【2D游戏引擎】WIP反思

WIP(Working In Progress)是我初学游戏引擎开发时候开发的一个2D游戏引擎,当时计划为它实现类似Unity一样的编辑器,具有和Unity相似的工作流,但是由于水平不够,走了很多弯路,闭门造车,做了很多错误的设计,导致很多地方反人类和难以维护,加之时间有限,所以已经停止了对它的继续开发.由于停止了开发,又不想把所有资料都全部搞丢,所以把在开发中学到的东西,和一些自己的思考都记录一下.以便后可以参考. 他最后可以实现这些功能,不过实现起来远比成熟的引擎蛋疼得多: 脚本游戏编程 基

UWP简单示例(三):快速开发2D游戏引擎

准备 IDE:VisualStudio 2015 Language:VB.NET/C# 图形API:Win2D MSDN教程:UWP游戏开发 写在前面的话 没有什么比重复造轮子更让人心碎的事情了. (如果有,那就是造了两遍) 是否有必要开发游戏引擎? 现在市面上有很多成熟的跨平台游戏引擎,对个人开发者也较为友好 若你是一名C#开发者,可以选择CocosSharp或Unity3D 尤其Unity3D,用它开发2D和3D游戏一样出色 当然,亲自编写一款简单的2D游戏引擎也是一件让人自信感满满的事情

认识AndEngine选自Android 2D游戏引擎AndEngine快速入门教程

认识AndEngine什么是AndEngine 随着Android手机.平板的盛行,Android下的游戏也不断的变得火热.而对于游戏开发有兴趣的同学们,应该也想要学习开发游戏.虽说游戏开发的引擎较多,但是大多数都需要花费一些资金才可以正式使用.而我们这里要讲解的AndEngine则是一个免费并且开源的2D游戏引擎.对于它的使用,读者不仅不必担心授权问题,而且还可以获得AndEngine源码,在需要的时候对其进行修改.本章就来讲解如何在自己的计算机上搭建一个自己AndEngine开发平台.本文选

【panda.js】panda.js html5游戏引擎入门介绍

一.官网 http://www.pandajs.net/ 二.主要特性 使用高速图形渲染 pixi.js 使用粒子引擎(Particle engine)制作特效 缓动(Tweening) 物理引擎(Physics engine) 定时器(Timer) 移动端支持 声效管理 模块化(Modules)的方式组织你的源代码 三.安装 请先安装node.js,再通过npm安装pandatool: $ npm install -g pandatool 四.新建并构建项目 $ panda create pa

Android 2D游戏引擎AndEngine快速入门教程

Android 2D游戏引擎AndEngine快速入门教程 介绍:AndEngine是一款知名的Android 2D游戏引擎.该引擎代码开源,并且可以免费使用.本书详细讲解如何使用AndEngine引擎开发2D游戏. 试读下载地址:http://pan.baidu.com/s/1c0CODiw 前言 作为一款免费的手机操作系统,Android系统占据大半的手机系统份额.在Android众多的应用类型中,游戏应用由其娱乐性成为最大的分支.由于手机的操控特点,2D游戏成为Android游戏的主流,如

推荐一款基于XNA的开源游戏引擎《Engine Nine》

一.前沿导读 XNA是微软基于.Net部署的下一代3D/2D游戏开发框架,其实XNA严格来说类似下一代的DirectX,当然不是说XNA会取代DirectX,但是基于XNA我们对于面向XBOX360,WP等系列其他平台的移植成本非常的低(据说基于MONO在linux下XNA也可以运行3D DEMO,有试过的请点意见). 但是基于XNA的复杂程度我们自然也是可想而知的,所以在这里推荐第一款基于XNA的游戏引擎,Engine Nine. 二.Engine Nine介绍 Engine Nine是一款基

Pomelo:网易开源基于 Node.js 的游戏服务端框架

https://github.com/NetEase/pomelo/wiki/Home-in-Chinese