Html5
文章平均质量分 82
lanix516
失业矿工
展开
-
如何使用Createjs来编写HTML5游戏(六)完成一个简单的打飞机游戏(上)
打飞机游戏雷电是一款经典的空战游戏,利用已知的CreateJS知识就可以很容易的做出一款类似的打飞机游戏。首先,弄一些游戏需要的资源,做这样的一个小游戏,首先需要一架玩家操控的飞机图片,然后是可以击落的敌机图片,连续的爆炸图片来组成一个爆炸的动画Sprite,开枪的声音,爆炸的声音,星空的背景,然后使用TexturePacker把这些图片合并成一张图片,并获得一个json文件,其中的数据可以用原创 2015-08-08 13:31:00 · 7539 阅读 · 5 评论 -
移动端Web界面滚动性能优化 Passive event listeners
最近更新了ios11.3,项目上发现这么一个问题,“我的”页面和两个列表页的滚动出现了问题,滚动时候不仅滚动了希望滚动的部分,整体的页面也跟随者上下滚动,整个页面非常卡顿。这两个页面都用了touch事件 控制台打印如下警告:[Intervention] Unable to preventDefault inside passive event listener due to target...转载 2018-09-14 14:44:44 · 282 阅读 · 0 评论 -
Ajax跨域调接口并用写入Cookie,单点登陆最简单实现
目前有两个域名, www.a.com ,www.b.com,要通过cookie存储用户信息,实现单点登陆, 在进入a,b网站后,首先判断当前cookie中有没有user信息, 如果有user信息,则表明当前用户已经登陆过, 如果没有cookie信息,前端调用登陆接口并将返回的用户信息记录在cookie中。目前,登陆喝认证过程已经分别在a,b网站实现,现在想实现从a站登陆后,同时在b站也写入cook...原创 2018-09-13 14:12:13 · 6848 阅读 · 3 评论 -
如何使用Createjs来编写HTML5游戏(四)TweenJS和Tick动画
CreateJS包含4个部分,EaselJS、TweenJS、PreloadJS、SoundJS,其中最主要的部分EaselJS包含了开发Html5游戏的所有功能,仅仅使用EaselJS几乎可以完成所有的开发工作,其余三项可以看作EaselJS的辅助工具。比如响应tick事件然后改变元素坐标就可以实现动画功能,而使用TweenJS来创建补间动画,则可以省去你很多代码,简化了操作。一个简单的ti原创 2015-08-06 21:39:09 · 17845 阅读 · 0 评论 -
如何使用Createjs来编写HTML5游戏(五)PreloadJS和SoundJS
CreateJS最后两个部分,PreloadJS用来加载并统一管理你游戏中用到资源,图片,json文件等等,而SoundJS用来播放声音,两者的用法都非常的简单而且固定。原创 2015-08-07 00:02:18 · 5594 阅读 · 0 评论 -
如何使用Createjs来编写HTML5游戏(三)使用EaselJS中的制作Sprite类制作
动画的制作原理据说是由于人的视觉残留效应,连续播放一系列的静止图片,即可获得一段动画,每张图片可以称作动画的一帧,在EaselJS中,提供了一个Sprites类,可以用来创建动画。创建Sprite同创建其他EaselJS对象实例一样,只需要调用new createjs.Sprite(spriteSheet);原创 2015-08-05 19:47:05 · 9586 阅读 · 2 评论 -
如何使用Createjs来编写HTML5游戏(二)使用EaselJS处理图片
如何使用EaselJS载入图片并进行简单的处理 使用EaselJS中的Shape()来创建图形,EaselJS中还提供Bitmap可以很方便的载入图片,同Shape一样只需要创建一个Bitmap。var bg = new createjs.Bitmap("./background.png");stage.addChild(bg);stage.update();直接创建并导入到S原创 2015-08-04 20:30:21 · 8242 阅读 · 3 评论 -
如何使用Createjs来编写HTML5游戏(一)EaselJS简介
游戏框架CreateJS中的EaselJS介绍,初级入门。包含如何创建文字,图形,事件监听等,并通过这些组成一些简单的游戏和工具,HTML5编程初学入门。原创 2015-08-03 20:00:55 · 12639 阅读 · 3 评论 -
如何使用Createjs来编写HTML5游戏(八) 通过继承扩展EaselJS中的基础元素
从我第一天了解到javascript开始,就听说在这里是没有类的。其实一开始我是沮丧的,尽管我并不知道有没有“类”对编程究竟有多大影响,不过有缺憾总是让人感觉遗憾,哪怕这是一个你可能永远不会用到的东西。确实,在没有任何自定义“类”的情况下,也能做出一款打飞机的游戏。我们用到的是EaselJS中所定义的一些可以重复使用的对象,并且这些对象包含一些类似于类的行为,比如可以new 一个新的对象实例。...原创 2015-08-10 18:04:12 · 3338 阅读 · 1 评论 -
如何使用Createjs来编写HTML5游戏(七)完成一个简单的打飞机游戏(下)
有了游戏中需要的所有元素(战机、敌机、星空、子弹),并且飞机可以响应按键左右的移动,剩下的东西就是让子弹动起来,并且检测游戏内各个元素的碰撞情况。首先是星空的移动, 让星空从屏幕上方向下移动,这样可以造成一种飞机一直在前进的相对的错觉,所有的星星事先都已经保存在一个数组当中,只要通过循环,取出其中的每个星星,在tick中重设Y坐标就可以了。原创 2015-08-09 23:40:41 · 5587 阅读 · 3 评论