最近开发了一个移动端的端午活动页面,做完后就想写点东西总结一下,感受最深的就是打草稿. 刚开始并没有打草稿,直接开干,越做到后面就越觉得代码很乱很杂,非常不舒服,做到哪个页面写这个页面的CSS,没有大局观. 在完成页面后,就思考了一下,觉得打草稿是个好习惯,磨刀不误砍柴工. 打草稿的步骤如下: 1)margin.padding的大致值记录 2)字体的配色与尺寸 3)图片的切割,哪些比较适合单个的切割,哪些比较适合合成起来 4)通用组件的提取,包括按钮.弹出层.Loading.输入框.以及表格 5…

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

h5游戏引擎有哪些 一.总结 一句话总结: Layabox Egret Pixi.js Three.js PlayCanvas Cocos2d-js Hilo 1.H5游戏开发语言? Flash_AS3 TypeScript JavaScript 拥有广泛开发者的H5游戏开发语言共有三种,分别为Flash AS3.TypeScript.JavaScript.其中Flash AS3.TypeScript均属于面向对象的高级脚本语言,通过编译器将原项目代码编译成JavaScript代码文件运行于浏览…

微信小程序发布后,公司虽然没有拿到第一批内测资格,但作为微信亲密合作伙伴,一定要第一时间去尝试啦.现在微信小程序刚发布还在测试阶段,可以说是1.0版本,所以框架和结构内容都还不多,相关的文档跟微信API一样都做得很好. 1)微信小程序到底是什么?跟H5,HTML5是不是一样? 它可以把应用功能快速嵌入到微信公众号中,用户无需安装应用就能访问.相比现在的app开发和发布都容易很多. 微信小程序本质上就是Html5,或者说是一种优化过之后的Html5.不过在编码方式跟HTML5还是有很多不同的地方,…

前一篇<使用Fidder从安卓模拟器获取APP内H5游戏网址>我们获取到了APP内H5游戏的网址,那么接下来我们使用辅助工具做一些日常任务,如:每天晚上20点做副本,定时喊话,自动清理包裹等. 工具准备 顽灯浏览器是一款能自动化完成人工模拟操作的浏览器,可替代人为做一些规律性定时性操作.可模拟鼠标键盘动作的软件.通过录制脚本进行回放,可以设置定时任务到时间自动执行代替双手,自动执行一系列鼠标键盘动作. 如:游戏自动辅助,挂机,自动副本,游戏自动喊话等操作.网站投票.群发帖子/消息.做各类网赚任…

开发H5游戏引擎的选择:Egret或Laya? 一.总结 一句话总结:选laya吧 二.开发H5游戏引擎的选择:Egret或Laya? 一.H5游戏开发的引擎介绍 开发H5游戏的引擎有很多,比如egret.laya.cocos-js等等.这里主要是分析的是egret和laya,因为我们团队是从as3转过来的.所以天然地在有as3基因的egret和laya之中挑选一个. Egret Egret Framework是一款使用JavaScript(TypeScript)编写的HTML5开源免费游戏框架…

在自学游戏开发的路上,最有成就感的时刻就是将自己的小游戏做出来分享给朋友试玩,原生的游戏开可以打包分享,小游戏上线流程又长,那 H5 小游戏该怎么分享呢?本文就带大家通过 nginx 将构建好的 H5 游戏托管的阿里云上. 内容大纲: 下载.配置 nginx 上传游戏构建文件到云服务器 nginx 通过端口设置多个虚拟主机 开发环境: 阿里云服务器:Ubuntu 14.04.5 LTS (GNU/Linux 4.4.0-93-generic x86_64) nginx:nginx/1.4.6 (…

​2020年,受疫情影响,线下产业红利褪去,线上迎来的新一轮的高峰.众多商家纷纷抓住了转型时机,开启了流量争夺战.H5游戏定制无疑是今年引流的大热门.如何开发一款有趣.有爆点.用户爱买单的好游戏呢? 抓住用户需求 我们经常听到有人问起,你的受众用户是谁,知道这个的目的是为了掌握你目标用户的喜好,分类的越细致,在实际应用时的效果就越明显.比如我的受众是90后.00后,那在选择h5游戏时二次元的素材就是很好的选择,比如我的受众是女性群体偏多,那就要以女性视觉的产品呈现. 与时俱进的游戏玩法 我们的生…

今天看了一个EUI的demo,也是接触H5游戏开发的第五天了,我想看看我能不能做点什么出来,哎,自己写果然还是有问题的.在看EUI哪一个demo的时候就遇见了一些摇摆不定的问题,我觉得提出来 1.toast 当时看见它的时候我不确定是不是我以为的那样,所以就百度了一下,果然它就是我印象中android里面的一种显示信息的机制.(ps:真的是一门汇聚大千语言的技术啊)toast是没有焦点的而且toast显示的时间有限,过一会儿就会自动消失.toast主要用于向用户显示提示消息.项目中它用了一个To…

首先我了解了什么是Egret: Egret中文就是白鹭的意思,Egret是一套H5游戏开发的软件.(纯粹属于个人理解) 其次我对以下几款软件的相关知识做了些了解: Egret Engine(引擎),Egret Wing(编辑器),Texture Merger(可将零散纹理拼合为整图,同时也可以解析SWF.GIF动画,导出可供Egret使用的配置文件),Egret Feather(是一款粒子效果编辑器)ResDepot(是针对资源配置文件的创建,编辑和管理工具)等.......ps:现在我只看了这…

第一次写技术性博文,以前都只是写一些生活感想,记录一些生活发生的事情. 博主大三学生一枚,目前学习JS一年多,还处于学习阶段,有什么说的不好的希望大牛指点下,由于第一次写博文,排版什么的有待改进,希望大家谅解. 这是我学习H5 canvas以来写的第一个游戏,第一次接触H5游戏呢,是看了一位大哥码农终结者的博客(http://www.cnblogs.com/chaogex/)(基础要求有点高,等以后一定要研究透彻),正好实验室老师准备喊我写H5的游戏游戏,看了很多canvas的API和大神vaj…

没有时间开发服务器? 不懂服务器开发? 还在为WEB SOCKET烦恼?还在为网络卡,负载承受能力小烦恼? 银狐H5游戏云通迅框架,集成通讯SDK和开放API,1天即可完成 它也是开放平台,提供游戏需要的一切! 让人欣喜的是,它是100%开放源代码的,根据MIT协议, 你可以下载并且在自已的服务器上进行修改和布署,瞬间打造自已的游戏云服务!…

Cocos Creator从1.0版本发布到现在也有一年多了,按理说一些常见的问题网上都有解决方案,例如"如何自定义首页加载进度条界面"这种普遍需求,应该所有人都会遇到的,因此也有完善的解决方案才对.我在网上搜了一些文章,虽然也有讨论的帖子,但是方案都不尽人意.因此只能再次自己动手丰衣足食了,在此我总结一下我的思路和策略,分享给大家,希望后来的人少走弯路,另外这里的方案只针对H5游戏发布,其他平台可以借鉴思路自己实现. 首页加载的loading界面,官网的文档并没有提及,我是通过构建发…

大家都知道H5游戏其实是网页,但是有些APP或者微端不显示网址链接.这里给大家介绍介绍一种,利用Fiddler进行抓包,获取APP打开的网址的方法.有人说何必多此一举呢,直接用模拟器玩游戏就好了.的确,直接用没毛病.但是如果获取到网址了,我们无论是Mac,Ipad还是手机,只要浏览器就能打开玩,而且节省资源. 废话不多说,这里演示的是Fiddler+网易MuMu模拟器,当然真实安卓手机也是一样的.Fiddler只是提供一个代理,需要将手机的代理指向 PC 机,不能互相访问是不行的.只是简单地教你…

首先肯定是自我介绍,然后问一些基础题,然后问简历上的相关问题. 1. WebSocket和Socket的区别 2.Http和Https的区别,get和post区别 3.进程和线程 4.H5的渲染流程 5.项目性能优化 6.通讯中的安全问题 7.项目框架的介绍 8.混合模式 9.支付方面的问题 10. cocos.laya.egret引擎的优缺点 11. 垃圾回收机制 12. 对H5游戏现状的了解 13. 面向对象和面向组件的区别,面向对象编程的弊端 14. 用过哪些设计模式 15. 离开了引擎,…

转载自:http://www.alloyteam.com/2015/06/h5-jiao-hu-ye-bian-ji-qi-aeditor-jie-shao/ 本教程演示如何使用AEditor制作一个简单的H5交互页demo: 交互页demo地址: 点击打开H5交互页demo AEditor访问地址: http://aeditor.alloyteam.com Step1:设置页面背景颜色 首先我们设置页面的背景颜色,右击舞台点击“设置背景”: 然后在背景颜色中填上色值rgb(38, 61, 10…

前言: 好久没更新博客了,以前很多都不会,所以常常写博客总结,倒是现在有点点经验了就懒了.在过去的几个月里,在canvas游戏框架方面,撸过了CreateJS,玩得了Egret,又学过PIXI.js.在移动前端方面,尤其是小游戏开始有一点点小经验了.但只是小经验,为什么说是小经验? 首先,深度不足,虽然用得最熟最多的白鹭,可是习惯了JavaScript,对TypeScript的OOP编程掌握得还不够:其次,对Egret等游戏框架了解的广度还不够,还有相当部分用法没用到.虽然能够应付朋友圈里传播的…

代码地址如下:http://www.demodashi.com/demo/11039.html 主要起因是策划对最快进入登录界面有硬性要求(3秒),那么最开始加载的文件越小越好.对H5的游戏程序进行压缩,可以大大缩小应用程序的加载时间. 本文主要有两个主题: 普通的javascript代码解压使用 实际Egret游戏项目的javascript代码解压使用 对实战感兴趣的朋友可以直接看后面的Egret部分,前面只是基础原理的入门版 一.js代码压缩效果 先看看压缩和没压缩之间的对比 可以看到egr…

本文来自网易云社区 作者:王鸽 不知你是否还记得当年风靡一时的2048这个游戏,一个简单而又不简单的游戏,总会让你在空闲时间玩上一会儿. 在这篇文章里,我们将使用开源的H5框架--Phaser来重现这个游戏.这里你可以了解到游戏内的状态管理.Sprite元件对象等,以及如何使用Preload.Create等方法. H5游戏框架众多,为何选择它? 由于近几年H5的火热,H5游戏框架如雨后春笋般出现,甚至有很多定位不是游戏开发的框架都被归到这个范畴中.那么为什么选择Phaser?以下是我选择它的原因…

这是自动写白包工具,秒级别写H5游戏壳包,可视化操作,极易使用,支持Swift.Objecive-C双语言 扣扣交流群:811715780 [ 官网下载 ] 这是一个白包目录示例 ProjectTool安装环境 macOS 10.13+ (不支持Windows) Ruby环境 xcodeproj (Ruby开源库) [ 官网下载 ]…

为什么选择H5游戏开发定制? 随着微信H5游戏推广带来的显著效果,越来越多的商家已经加入到游戏营销的队伍中来, 对H5小游戏有了解的商家都知道,[模板游戏]的价格往往低于[定制游戏]的价格,可是为什么大家还是普遍选择定制的呢? 免费游戏的增值付费项:游戏环节会有一些广告,可选游戏数量有限,影响了H5游戏的推广效果,如果想达到没有任何限制,往往需要更高额的成本,随之而来的沟通成本也会增加 用户对游戏品质的要求提升:常态的玩法模板已无法再吸引用户,只有通过玩法创新.动态效果等感官体验做出差异化,让用…

H5游戏定制,4大优势助力企业曝光10W+ 移动互联网已成为了人们生活的一部分,普通广告形式已很难吸引用户的眼球,企业要怎样才能将广告更广泛的传播给更多用户呢?根据TOM游戏多年从业经验,为大家分享以下实用心得,如果对你有帮助,值得收藏分享呦! H5游戏营销不再是依托洗脑文案.图片和视频展示,更多的以h5页面为载体,通过游戏的形式将人们带入到商家的推广中来,给人们带来不一样的场景体验 在TOM游戏定制场景中,企业可以在零基础和零人员的情况下,将产品和广告以创新的视觉效果展现给客户,精致的游戏画面…

引言 想体验传奇游戏霸服的快乐吗?想体验满级VIP的尊贵吗?想体验一刀99999的爽快吗?各种极品装备装备.翅膀.宠物通通给你,就在大天使之剑! 本文讲解大天使之剑H5游戏的架设教程,想研究H5游戏如何实现,体验游戏中秒天秒地秒空气的一定不要错过. 我搭建的大天使之剑游戏链接:http://39.105.134.68:81,电脑和手机上都可完美运行,快来体验一下吧. 游戏截图: 架设 1.架设条件 大天使之剑架设需要准备: linux服务器,推荐centos7/8版本,可以考虑阿里云腾讯云等.…

前言 想体验经典Q版西游霸服快乐吗?想体验满级VIP的尊贵吗?想体验一招秒杀的爽快吗?各种极品装备.翅膀.宠物通通给你,就在梦幻西游! 本文讲解梦幻西游H5游戏的架设教程,想研究H5游戏如何实现,体验游戏中秒天秒地秒空气的一定不要错过. 我架设的梦幻西游链接:http://game.echeverra.cn,登录就送满级VIP和终生卡,关注我的微信公众号 echeverra 发送"梦幻西游GM",告诉我你的游戏角色名,我会第一时间给你授权后台GM,快来体验一下吧. 之前写过大天使之剑H…

3月23日晚上8点半(中国队火拼韩国的时候),做了一期直播分享.15年做的一个小游戏,把核心代码拿出来,现场讲写了一遍,结果后面翻车了,写错了两个地方,导致运行效果有点问题,直播边说话边写代码还真不一样(可以理解为借口).我先贴出写错的两个地方. 1. //self.last['', ''];//重置 这个是写错的 self.last = ["",""];//重置 这个才是正确的 2. $sword.css({'-webkit-transfrom':'rotateX…

贪吃蛇的经典玩法有两种: 积分闯关 一吃到底 第一种是笔者小时候在掌上游戏机最先体验到的(不小心暴露了年龄),具体玩法是蛇吃完一定数量的食物后就通关,通关后速度会加快:第二种是诺基亚在1997年在其自家手机上安装的游戏,它的玩法是吃到没食物为止.笔者要实现的就是第二种玩法. MVC设计模式 基于贪吃蛇的经典,笔者在实现它时也使用一种经典的设计模型:MVC(即:Model - View - Control).游戏的各种状态与数据结构由 Model 来管理:View 用于显示 Model 的变化:用…

开发记录 前言 之前跟着慕课网学习开发H5小游戏开心鱼,勾起我的兴趣. 在写代码的过程中,不怎么会遇到问题.虽然代码是亲手敲出来的,但是由于并没有对游戏的整体思路,所以并不知道开发与优化的过程. 为了巩固知识,和了解优化的过程.我用了半天时间写出<看你有多色>游戏,(在网上找了一张游戏截图,之后自己写) 由于是第一次自己构思.自己动手的游戏,所以还有很多地方有待完善. 基本界面的实现的过程 就像切图一样,在我找到截图的时候,先利用HTML搭出框架,再用CSS填充样式. 随后是加入JS去实现不同…

中秋节马上就要来临,公司开发了一个h5小游戏叉月饼,其实就是游戏“见缝插针”的翻版.这个游戏的开发任务落到了我的头上... 一 游戏介绍 游戏场景基本如下所示:         二 所用工具 这次的开发还是用的公司原有的一些框架,其中包括处理图片预加载.处理音效的等,其中包含了creatJS的一些内容,暂时还没有研究.有时间要研究一下. 所用框架如下: <script type="text/javascript" src="../Public/js/setviewpor…

自神经猫风波之后,微信中的各种小游戏如雨后春笋般目不暇接,这种低成本,高效传播的案例很是受开发者青睐.作为一名前端,随手写个这样的小游戏出来应该算是必备技能吧.恰逢中秋节,部门决定上线一个小游戏,在微信里传播一下与用户互动互动.这任务自然落在了我头上.前段时间用DOM+CSS3写了个小游戏,在Android机器上巨卡无比,有了上次的经验,这次决定用canvas来写.其实这些小游戏在业界也都是canvas来做,已经有很成熟的技术和框架,由于不会频繁修改DOM树,所有的动画都是在一块画布上完成,所以…

自从上次发布一个小恐龙游戏以后,到现在10天了,前后又写了3个游戏,挑了一个感觉比较有挑战的游戏和大家分享一下. 效果演示 这是我模拟一个苹果游戏<stick hero>游戏写的一个小游戏,在这里记录一下,希望大家会喜欢. 一直按下鼠标,会出一根棍子,棍子会变长,小人会根据棍子长度来移动.判断小人是否停留在柱子上,因为放在网上以后,鼠标判断有点卡,请大家见谅. 那我们还是从头开始介绍一下这游戏的开发过程吧. 图片加载 这次的图片加载器是用的<H5手把手教你玛丽游戏>的图片加载器,个…