作为著名的网页游戏门户,Kongregate在业界也算是鼎鼎大名了.小编与它的初识应是在几年前,只记得当时其平台上的游戏基本都是需要Flash的支持,可前几天,Adobe宣布计划停止Flash的更新和支持的消息,则让小编真真的为Kongregate捏了一把汗,没有Flash它还能活吗? 一份十年数据报告也是在前不久,Kongregate发布了一份十年数据报告,从数据上来看,自2011年起,登录该站的网页游戏种类发生了急剧变化:而自2014年起,HTML5类游戏开始正式入侵!而截至目前,HTML5…

今早在公交车上,把http2的官方讲解文档(还在草案之中)看了一圈,发现相对http 1.1确实改进了不少,完整的文档可通过:://www.gitbook.com/book/ye11ow/http2-explained/details 下载   把其中的主要思路结合我个人的理解,记录在这里(初次接触,可能有理解不正确的地方,如有不妥,欢迎指正)   1. 多路复用 下面这二张图很形象,http2中发送数据是基于帧的,每个帧又对应着一个“流“,下面这二列火车好比二个流,传统方式下,要传输二个流,有…

昨天一篇文章讲述了我在这三个月中由.net到java的过程,其中踩坑填坑的细节真不是三言两语可以道尽,而完成时的喜悦也远非寻常可比(仅次于涨工资).然而到这并不算完结,作为前后端分离的忠实粉丝,我认为服务端更应关心数据处理.存储.负载.并发等问题,而与页面相关的开发诸如渲染.操作.样式.动画等都应交由前端人员处理.   作为一个常年在服务端玩耍的打怪青年,如果几年前有人告诉我说要把我的视图页拿出去单独开发,我会认为他在开玩笑,然而随着这几年前端超级无敌迅速的发展,前端的框架.构建工具.包管理器等…

git stash可以用来暂存当前正在进行的工作,比如想pull最新的代码,又不想加新commit, 或者有一个紧急的bug需要修复,但是这个bug又与你已经在做的工作(还没完成)有关联.这个时候有的人会想到重新checkout出来一个分支,来专门解决bug,不是说不可以,只不过这样做的话会多出好多分支,创建分支是个昂贵的过程,常常需要创建一个源代码目录的完整副本,对大型项目来说会花费很长时间,最后自己也会弄混. git stash 保存当前操作,因为你之前的操作还没有完成 git stash…

在上一篇教程中我们完成了boot.preload.menu这三个state的制作,下面我们就要进入本游戏最核心的一个state的制作了.play这个state的代码比较多,我不会一一进行说明,只会把一些关键的东西挑出来说. 我们点击游戏菜单中的开始按钮后,首先出现的是这个画面: 在第一部分的教程中,我们已经制作了一个游戏菜单的场景,这个页面也跟那个差不多,只不过这个页面去除了游戏标题和开始按钮,而多出了Get Ready以及提示点击屏幕来操作游戏的两张图片.在这个state里,我们需要启用物理引…

原生手游市场已是红海,腾讯.网易等寡头独霸天下,H5游戏市场成为下一个风口.据笔者所知,很多H5游戏开发团队由于选择引擎不慎导致项目甚至团队夭折. 如何选择适合团队和项目的引擎,笔者通过学习和项目实践,总结微薄经验,供大家参考,非技术人员也可以将本篇内容作为引擎选择的重要关注点. 选择H5游戏引擎的主体步骤 阅读本篇文章: 深入了解文中所提引擎及相关资料: 查看和体验引擎的商业案例: 复杂DEMO的制作与性能对比测试. 选择H5游戏引擎的思考维度 开发语言的支持: 2D.3D.VR的支持: 性能…

最近学习使用了一款HTML5游戏引擎(青瓷引擎),并用它尝试做了一个斗地主的游戏,简单实现了单机对战和网络对战,代码可已放到github上,在此谈谈自己如何通过引擎来开发这款游戏的. 客户端代码 服务端代码 (点击图片进入游戏体验) 前文链接: javascript开发HTML5游戏--斗地主(单机模式part1) javascript开发HTML5游戏--斗地主(单机模式part2) 本文章为第三部分内容,主要AI相关逻辑实现,参考文章斗地主ai设计.主要内容如下: 牌型判断 牌型分析 AI出…

最近学习使用了一款HTML5游戏引擎(青瓷引擎),并用它尝试做了一个斗地主的游戏,简单实现了单机对战和网络对战,代码可已放到github上,在此谈谈自己如何通过引擎来开发这款游戏的. 客户端代码 服务端代码 (点击图片进入游戏体验) 前文链接: javascript开发HTML5游戏--斗地主(单机模式part1) 本文章为第二部分内容,主要包括发牌.抢地主流程.主要内容如下: 发牌 抢地主流程 确定地主 手牌布局问题 一.发牌 发牌,就是取3张底牌,然后3个玩家各发17张牌,之前我把一副牌的信…

<HTML5游戏开发>,该书出版于2011年,似乎有些老,可对于我这样没有开发过游戏的人来说,却比较有吸引力,选择自己感兴趣的方向来学习html5,css3,相信会事半功倍.不过值得注意的是,该书的游戏是些小的游戏,内容相对比较基础,而且html5标准已经正式发布,可能会和书中所描述有少许出处.当然了,书中的小游戏还是比较不错的,适合我这样的前端开发不咋地的来练手,学习方式是在以自己的思路实现之后,再来看书中的实现思路,因为每个人有自己的开发习惯. 1.预备知识在做第一个骰子游戏开发前,必须知…

原生手游市场已是红海,腾讯.网易等寡头独霸天下,H5游戏市场或将成为下一个风口.据笔者所知,很多H5游戏开发团队由于选择引擎不慎导致项目甚至团队夭折.如何选择适合团队和项目的引擎,笔者通过学习和项目实践,总结微薄经验,供大家参考,非技术人员也可以将本篇内容作为引擎选择的重要关注点. 选择H5游戏引擎的思考维度1.开发语言的支持2.2D.3D.VR的支持3.性能4.引擎的应用广度5.设计理念6.工作流支持力度7.商业化成熟案例8.学习资源与技术支持能力 首先,我们要知道,当前主流的游戏引擎有哪些.…

注意:有网友提出部分项目停止更新的事情,这个问题我特意注意过,很多都是小功能组件,功能稳定,没有bug,没更新是正常的.够用就行了.其次技术支持的事情,对开源免费来说,不能太强求,这里发布的都是小功能组件,一般看源码也比较好理解,各取所需.当然有最好.. 长期关注和使用.NET开源项目,给我带来了很多好处: 1.可以快速完成我的想法,也就是所谓的业务细节,而不是关注如何实现: 2.可以更快更稳定的完成需求,而不是自己造轮子实现,花费时间: 3.从.NET开源项目的使用以及源码阅读中也会带来一些好…

青瓷引擎的成长 青瓷引擎自2015年4月项目启动开始,7月首次亮相2015年ChinaJoy,便得到业界的极大关注,随后开启限量测试,收到数百个开发者团队的试用申请及反馈,期间经历了18个内测版本,完成200多个范例和文档,完善了用户手册和API文档,7个团队的深度使用开发,11个完整游戏,实现了主流浏览器和机型适配,并且对性能做了进一步优化. 青瓷引擎是什么? 青瓷引擎是一套开源免费的JavaScript游戏引擎类库,其基于开源免费的Phaser游戏引擎,并提供了一套完全基于浏览器的跨平台集成…

近期出现一款魔性的消除类HTML5游戏<神奇的六边形>,今天我们一起来看看如何通过开源免费的青瓷引擎(www.zuoyouxi.com)来实现这款游戏. (点击图片可进入游戏体验) 因内容太多,为方便大家阅读,所以分成四部分来讲解. 本文为第一部分,主要包括: 1. 功能分析 2. 创建工程与场景 3. 玩家分数管理 4. 棋盘设计与实现 5. 屏幕布局 若要一次性查看所有文档,也可点击这里. 一. 功能分析 首先分析游戏的功能点.算法和数据,然后依此制订代码组织结构.如下图: 主要功能点 棋…

Phaser是一个简单易用且功能强大的html5游戏框架,利用它可以很轻松的开发出一个html5游戏.在这篇文章中我就教大家如何用Phaser来制作一个前段时间很火爆的游戏:Flappy Bird,希望大家看后也能做出自己的html5游戏.大家可以先点击这里来试玩一下我已经做好的这个游戏,感受一下Phaser的游戏效果,游戏的完整代码我已经放到github上了.支持的浏览器:IE9+.Firefox.Chrome.Opera.Safari以及移动端的能支持html5的浏览器,推荐使用谷歌浏览器,…

青瓷引擎的成长 青瓷引擎自2015年4月项目启动开始,7月首次亮相2015年ChinaJoy,便得到业界的极大关注,随后开启限量测试,收到数百个开发者团队的试用申请及反馈,期间经历了18个内测版本,完成200多个范例和文档,完善了用户手册和API文档,7个团队的深度使用开发,11个完整游戏,实现了主流浏览器和机型适配,并且对性能做了进一步优化. 青瓷引擎是什么? 青瓷引擎是一套开源免费的JavaScript游戏引擎类库,其基于开源免费的Phaser游戏引擎,并提供了一套完全基于浏览器的跨平台集成…

近期出现一款魔性的消除类HTML5游戏<神奇的六边形>,今天我们一起来看看如何通过开源免费的青瓷引擎(www.zuoyouxi.com)来实现这款游戏. (点击图片可进入游戏体验) 因内容太多,为方便大家阅读,所以分成四部分来讲解. 本文为第二部分,主要包括: 6. 历史最高分显示 7. 当前分数显示 8. 绘制棋盘 9. 形状池设计与实现 10. 形状预制的实现 若要一次性查看所有文档,也可点击这里. 六. 历史最高分显示 对于DOM节点,其实就是个div,可以指定其样式,指定其样式表类名,…

功能特点(Features) 易维护代码(Easy Asset Loading) Phaser可以加载图片,音频文件,数据文件,文本文件和自动解析精灵图和纹理地图集数据(出口纹理封隔器或Flash CS6) 屏幕(Cameras) 查看你的游戏窗口,你可以有多个摄像头,每个摄像头可以分为一个独特的大小区域,屏幕上任何位置,或窗口规模,缩放和旋转,并有摄像效果,如晃动,闪光灯和褪色.他们还可以按照精灵定制盲区. 精灵和游戏物体(Sprites and GameObjects) Phaser内置游戏…

HTML5游戏开发进阶指南(亚马逊星畅销书,教你用HTML5和JavaScript构建游戏!) [印]香卡(Shankar,A.R.)著 谢光磊译 ISBN 978-7-121-21226-0 2013年9月出版 定价:79.00元 412页 16开 编辑推荐 在一名专业的游戏开发者指导下,你将开发出两款完整的HTML5游戏:一款与<愤怒的小鸟>类似,基于Box2d物理引擎的策略益智类游戏和一个包括单位.建筑.路径导航.人工智能.多玩家对战模式的即时战略(RTS)游戏.开发游戏的过程中,你将学…

HTML5游戏从2014年Egret引擎开发的神经猫引爆朋友圈之后,就开始一发不可收拾,今年<传奇世界>更是突破流水2000万!从两年多的发展来看,游戏开发变得越来越复杂,需要制作各种炫丽的效果,还要制作各种基于 2D 或者 3D 的场景.作为一名开发者,分析了当下最火爆,最热门的HTML5游戏引擎供大家参考,希望大家也能找到属于自己的那款游戏开发引擎. 我在github上面收集了四十多款的HTML5开源游戏引擎,从里面star.fork等等参数分析其流行度,最后综合各方面元素,筛选出靠前的十…

在“最火HTML5 JavaScript游戏引擎”系列文章国外篇(一)中,我们盘点了当下备受开发者推崇的非国产HTML5和JavaScript游戏引擎.在各种2D小游戏逆袭的今天,用HTML5和JavaScript进行游戏开发成为了一大潮流,而HTML5和JavaScript游戏引擎也逐渐走向了成熟,在追求原生体验的同时,也深逐精致细腻狂炫酷拽.在本文中,我们将继续介绍来自国外,非常受开发者欢迎的HTML5和JavaScript游戏引擎. 1. melonJS melonJS这款轻量级的开源免费…

原文作者:Alexander Krug,是世界上最大的HTML5游戏平台的运营商SOFTGAMES的CEO. 现今苹果App Store当中的应用数量可以以海量来形容,最新发布的应用对排行榜的冲击力也越来越小,很明显,其已成为一个饱和市场.一款游戏要想在App Store中冲到美国“免费游戏榜”首位需要日下载超过五万次. 不奇怪,有超过99%的应用的日下载都达不到这个要求.如果能达到这个下载量,一般都是病毒传播和运气的产物.不幸的是,这种事情可遇而不可求. 开发商可以通过一些方法来增加日常安装量…

分享:在微信公众平台做HTML5游戏经验谈 Dawei Cheng 程大伟... 于 星期三, 03/04/2013 - 03:19 提交 最近微信公众游戏平台讨论得如火如荼,大有HTML5游戏即将引燃之势. 磊友科技赵霏自称HTML5技术鼓吹者,手机游戏第一代制作者.他关于在微信平台做HTML5游戏的分享具有非常地参考价值,从中可以了解目前HTML5游戏发展的现状和困难.更值得关注的是这些困难作为开发者,我们如何去解决. 全文原文如下: 最近码了一篇文章,总结了自己做HTML5游戏的微信公众平…

功能特点(Features) 易维护代码(Easy Asset Loading) Phaser可以加载图片,音频文件,数据文件,文本文件和自动解析精灵图和纹理地图集数据(出口纹理封隔器或Flash CS6) 屏幕(Cameras) 查看你的游戏窗口,你可以有多个摄像头,每个摄像头可以分为一个独特的大小区域,屏幕上任何位置,或窗口规模,缩放和旋转,并有摄像效果,如晃动,闪光灯和褪色.他们还可以按照精灵定制盲区. 精灵和游戏物体(Sprites and GameObjects) Phaser内置游戏…

本文引自<国内开源html5游戏引擎全收录> 游戏开发这潭水太深,英文水平太差,不敢看国外的, 而且这几年国内技术水平也挺高了不少,特别是JS方面.(我个人感觉) 最近看了几个国产的js游戏引擎,有点想开发个游戏玩玩, 毕竟搞编程这么多年,开发过各种类型的程序,就是没搞过游戏, 人生是不完整的... 就先收录一下我所知道的国产开源h5游戏引擎吧. cocos2d-js http://cn.cocos2d-x.org/ egret http://www.egret-labs.org/ Siriu…

不管是对用户还是开发者来说,HTML5和JavaScript游戏这几年的发展真的是件好事.随着浏览器平台的日趋成熟,并开始整合这类型游戏所 要求的技术,我们每天都能在各大应用商店和社交网站中看到越来越多HTML5游戏的出现,而一些大型工作室也开始关注这一领域,所以HTML5游戏的质量 也在逐渐上升. HTML5和JavaScript更令人兴奋之处在于,这是一个充满潜力的游戏平台.的确,今天我们能够利用canvas元素创造出优秀的2D游 戏,并基于WebGL制作出具有华丽视觉效果的3D游戏.但是真…

[译]html5游戏入门 原文链接 简介 如果你想用canvas做个游戏,那么来对地方了. 但是但是你至少知道javascript怎么拼写(╯‵□′)╯︵┻━┻ 既然没问题,那先来玩一下或者下载 创建canvas标签 废话不多说,我们必须创建一个canvas标签,简单起见,用一下不喜欢的jQuery var CANVAS_WIDTH = 480; var CANVAS_HEIGHT = 320; var canvasElement = $("<canvas width='" +…

<HTML5游戏开发进阶指南> 基本信息 作者: (印)香卡(Shankar,A.R.)    译者: 谢光磊 出版社:电子工业出版社 ISBN:9787121212260 上架时间:2013-8-26 出版日期:2013 年9月 开本:16开 页码:412 版次:1-1 所属分类:计算机 更多关于 >>>< HTML5游戏开发进阶指南> 内容简介     计算机书籍 <html5游戏开发进阶指南>介绍了html5 游戏开发的一般过程和技巧.全书共分1…

随着移动社区兴起,势必带动HTML5的革命.未来一两年内,HTML5移动游戏必将呈现大爆发趋势. 以下是整理的HTML5游戏研发.市场趋势以及渠道布局和技术解决方案的内容.希望大家能从本文中找到对HTML5游戏研发上问题答案. 推动游戏前行:Egret联合创始人马鉴分享 游戏行业三个核心体系:发行平台.软件工具.制作机构.而HTML5没有发展起来的核心原因就是缺少HTML5成熟工具开发商.这也造成在用HTML5开发游戏时会出现的很多“坑”. 移动游戏技术趋势 1.基于开放的技术,例如HTML5.…

CreateJS库是一款HTML5游戏开发的引擎,是一套可以构建丰富交互体验的HTML5游戏的开源工具包,旨在降低HTML5项目的开发难度和成本,让开发者以熟悉的方式打造更具现代感的网络交互体验. 掌握了CreateJS可以更方便的完成HTML5的游戏开发. CreateJS提供了EaselJS.TweenJS.SoundJS和PreLoadJS四款工具: EaselJS:简化处理HTML5画布 TweenJS:用来帮助调整HTML5和Javascript属性 SoundJS:用来简化处理HTM…

本文主要选取了Construct2.ImactJS.LimeJS.GameMaker.CreateJS.lycheeJS.Crafty.three.js.melonJS.Turbulenz.Quintus.Cocos2d-html5等进行了简要介绍和对比,主要是根据网上的资料整理而成. 主流框架对比 Construct2 Construct 2是一个运行于Windows平台的游戏制作工具,它可以让没有任何编程基础的用户在短时间内不写一行代码快速开发出一款可运行于所有平台(Windows.Mac.…