Html5游戏开发
关注
分享
扫一扫
码农下的天桥
混口饭吃。。。。
展开
-
html5游戏引擎推荐
H5新推出了很多特性，当然一些推广型的h5小游戏应运而生。就笔者的使用经验来说，个人比较推荐的h5游戏引擎有两个，一个是pharser另一个是国产的lufylegend，当时pharser在旧版本的微信上面有兼容问题，而lufylegend就目前使用及开发来看，没有这种兼容问题，所以笔者推荐的是lufylegend。基础教程教程方面可以参考官网，因为里面的例子已经很丰富了，笔者也会补充一点点实际开发原创 2015-12-29 11:35:38 · 1894 阅读 · 0 评论 -
html5伪3d游戏探索
前言现在微信推广上面可是有很多小游戏的，譬如，围住神经猫，最强眼力，连连看，消消看，也有一些2d跑酷类的。 但是一个问题在于，html5游戏没有3d出来，或者说，html5的3d技术不被所有浏览器支持–尤其是我们赖以生存的微信，内部那个阉割版浏览器更是不支持webgl，于是很多3d效果没办法做。 但是这种情况下我们其实是可以做一些伪3d效果的。就是以中心人物为镜头，每一帧程序都计算周围景物对于人原创 2016-02-16 16:33:37 · 2065 阅读 · 0 评论 -
lufylegend教程：如何创建循环移动的背景
lufylegend教程：如何创建循环移动的背景发布时间：2014-09-26 关键字：lufylegend教程开发游戏的过程中，常常需要循环移动的背景。类似下面这两种游戏，背景就是循环移动的：接下来我们来看一下如何使用 lufylegend实现循环移动的背景效果吧。首先准备一张图：background.js文件的 代码如下：转载 2016-02-04 10:21:40 · 2043 阅读 · 0 评论 -
【html5 2.5d游戏】卡丁车山寨版开发教程系列-1
前言参考资料： 我们就以这个为目标吧难点难点1： 如何把这种形状的图片转换成为第二张图片形式：好了，解决方案在这里原创 2016-02-17 11:21:23 · 1821 阅读 · 1 评论 -
【图形处理】如何将一个平面图形按照角度往z轴扭曲？
前言最近希望可以做一个小小的2.5d游戏，里面有一个场景有意思， 当卡丁车往路上跑的时候，路面要显示成： 而原本的图片素材类似于： 这个是很明显需要将平面往z轴扭曲一定角度，但是目前阶段在网上找不到html5 canvas的解决方案，没办法，只好重新操刀用切片法和投影方法来模拟这种图案了。原理讲解好吧。。我画了一张图，粗浅表示出肉眼看到的图形经过一定角度按照angle来旋转会出现什么形原创 2016-02-18 17:02:39 · 3452 阅读 · 1 评论 -
【图形处理】如何将一个平面图形按照角度往z轴扭曲【2】-根据左右上下四个边进行旋转
..............原创 2016-02-18 17:04:39 · 1673 阅读 · 0 评论 -
骨骼动画原理与前端实现浅谈
骨骼动画原理与前端实现浅谈作者: 叶斋 发表于: 2015-11-30人的运动——走，跑，跳，是由骨骼带动躯干和四肢完成的。「骨骼动画」，顾名思义，就是模拟骨骼运动的机制而制作的动画。比如下面这条奔跑的小龙。参考 Demo。素材来自开源骨骼动画编辑器 Dragonbones用到的素材，额，其实是他大卸八块后的样子。骨骼动画主要被用转载 2016-02-24 17:19:58 · 8436 阅读 · 1 评论 -
【推荐】一个强大的html5游戏引擎 pixi
pixi官网前言当初不用phaser而改用lufylegend是因为phaser在微信上面有问题。 现在竟然发现另一个强大的游戏引擎pixi，无论是简单的2d精灵动画还是骨骼动画应有尽有。。 没办法，学pixi了。原创 2016-02-24 17:59:18 · 5251 阅读 · 2 评论 -
【html5手游开发】虚拟摇杆及虚拟按键的开发
前言现在很多手游都有虚拟按钮–尤其是那些需要操作高的。那么我们也要紧跟时代步伐，开发一个虚拟按钮插件。难点解释1、首先绝对要先熟悉一下pixi。 2、要计算一下手指触摸拖动摇杆的角度–小学数学要过关，假如是小学连续留级十几年的话，会有点麻烦。 3、pixi有一些小bug，就是touch end会无缘无故由其他物体触发，代码里面已经有解决方案了。想知道原委就看看上一篇文章。实际运行界面核心代码<%原创 2016-02-26 18:16:27 · 14001 阅读 · 0 评论 -
使用lufylegend编写手游-jungle man
前言这个别说我山寨–我确实是山寨，不过只是看看html5能够写到什么程度而已。这个游戏现在还是一个草稿版。。虽然已经有1300了—假如我转做写手绝对可以赚钱，一个小故事也要几十万字的那种。现在只是做了刚体，跳跃，人物动画，碰撞检测等等，当然，开始菜单，正式界面，gameover界面都是有的。。。这些图片资源都是来自jungle man—网上搜的。运行截图 代码<%@ page contentT原创 2016-02-15 18:57:37 · 1678 阅读 · 0 评论 -
使用Box2dWeb模拟飞行箭矢
[HTML5]使用Box2dWeb模拟飞行箭矢标签： HTML5Box2d游戏2013-03-18 09:14 3287人阅读 评论(0) 收藏 举报 分类： HTML5（1） 版权声明：本文为博主原创文章，未经博主允许不得转载。Box2d是一个2D游戏物理引擎，由Erin Catto开发，于2007年发布。很多2D游戏都转载 2016-02-15 16:57:30 · 1446 阅读 · 0 评论 -
类似于别踩白块儿的阉割版游戏-别碰我的松鼠
介绍其中一个项目用到了别踩白块儿的游戏，想要做这种游戏，笔者一开始用的是网上开源的html5脚本—当然是那种压缩版的，慢慢跟着客户的要求改，生不如死，所以就重新用lufylegend写了一个。游戏一般结构一般小游戏都会有自己的图片，音效等等，所以，一般结构是： 资源加载—-界面初始化—-界面显示。这游戏难点不多，或者说没有，就是要知道怎么用lufylegend，如何加载资源，如何排版，当然，角色的原创 2015-12-29 11:52:12 · 3734 阅读 · 0 评论 -
【游戏引擎】win7配置安装firefly【草稿尝试篇】
firefly是python的开源服务端游戏引擎，而且它使用了不少软件，数据库mysql，缓存memcached等等，配置firefly其实就是配置完整的一个服务器环境。python2.7安装安装python2.7 mysql memcached安装安装mysql【我本身已经安装了，就不需要再次安装了】安装memcached–我的是win7 64位，小伙伴你们自己找适合自己的memcached吧。原创 2016-01-20 15:39:52 · 883 阅读 · 0 评论 -
刮刮乐的山寨版-我就爱刮水果
前言微信推广小游戏是短平快的，那么刮刮乐也是很经常出现的。于是，这篇就写一写刮刮乐的逻辑。、参考资料用HTML5 Canvas 做擦除及扩散效果在线演示地址runjs的演示地址运行截图 恭喜您，最后获得了一个香蕉核心代码<%@ page contentType="text/html;charset=UTF-8" language="java" %><!DOCTYPE html><html><原创 2016-01-12 16:15:26 · 1189 阅读 · 0 评论 -
【最强眼力山寨版】钛合金眼神的试炼
前言微信的一些小游戏是很受商家欢迎的，商家A：看看这个微信小游戏多少人玩，我们搞一个的话绝对可以吸引一批人….于是乎也会有客户需要搞些小游戏，最强眼力就是其中一个，那么现在我们来试试用lufylegend来写一个山寨版。难点几个杯子起点及终点还有银币的位置都是很简单就可以确定的，可以用随机数。难就难在如何做摇动杯子交换位置的效果，还有就是每个分数需要提升的速度。在线演示效果演示效果-runJS实际效原创 2016-01-07 10:58:38 · 1183 阅读 · 0 评论 -
消灭星星山寨版-我代表星星消灭你
前言消灭星星这个游戏很经典，开始之前，请参考一下以下文章及算法。 感谢作者。参考地址 PopStar(消灭星星)游戏源代码下载、分析及跨平台移植—第一篇（界面）关于用到的资源用到的资源我是直接在网上找的。。。不是我p出来的。仅作学习使用。在线演示在线演示运行界面 核心源代码<%@ page contentType="text/html;charset=UTF-8" language="java原创 2015-12-29 13:41:30 · 1738 阅读 · 0 评论 -
html5多人在线游戏开发
开发中，这个坑需要填埋。参考云风的博客： 这里写链接内容 从网络游戏中学习如何处理延迟 FPS游戏中，在玩家的延时都不一样的情况下是如何做到游戏的同步性的？MMORPG服务器架构MMORPG大型游戏设计与开发（服务器 游戏场景 地图和区域）上面一大堆资料，所以说，学到老活到老原创 2016-01-14 10:48:12 · 3634 阅读 · 1 评论 -
Box2d跳跃等运动。。
接着上次的文章在很多BOX2D游戏中同样会遇到这样一个问题：如何使一个body自然的按照一个指定速度移动？ 方法同上次所说的有三种：1-直接设定body的线速度这是最直接的方法，但是同样的，并不是在box2d中最好的方法b2body *body;// the body you want to conrollb2Vec2 vel;// the转载 2016-02-15 16:01:18 · 1418 阅读 · 0 评论 -
Box2d的外力
对于大部分游戏来说，允许玩家控制游戏对象，是个非常基本的特性。而到目前为止，在学到的Box2D技巧中，创建了刚体之后，我们只能眼睁睁的看着它自由落体。我想，你肯定迫不及待的想“占有”它了，别急，今天我们就来学习一下，如何让刚体听我们的。Box2D中控制一个刚体，让它乖乖的听我们的话，有三种方法：ApplyForce、ApplyImpulse和SetLinearVelocity。它们都是b2转载 2016-02-15 16:06:50 · 1267 阅读 · 0 评论 -
【插件开发】触屏设备专用富文本编辑器实现
前言触屏设备上面由于空间狭小而有时候又有图文混编的需求，所以，移动端尤其是web上面的富文本编辑器一直是一个空白，这段时候就做一个触屏版的富文本–当然不可能像pc端那样有数十个按钮，控制粒度也不可能精确到每一个字符，但是，对于触屏设备而言，应该是够用的。原创 2016-07-06 09:57:46 · 3400 阅读 · 1 评论