好了,我想有一个功能,没有内置此闪光灯或EaselJS,所以我想出了这个和它的作品确定。但它只检查hitBox,矩形MovieClip边界,而不是形状中的实际可见像素。令人沮丧的是,Flash for HTML5画布中的动画片段实例的属性甚至不支持宽度和高度,因此您只需在属性面板中查看它们即可。无论如何,这里就是我想出了:

var objA = this.bullet ; // The selected MovieClip

var objA_width = 20; // enter selected Movieclip's width (you can't find out with script, duh!)

var objA_height = 10; // enter selected Movieclip's height

var objB = this.target; // The MovieClip to test collision with

var objB_width = 100; // enter it's width

var objB_height = 100; // ...and it's height

this.addEventListener("tick",hitTest.bind(this));

function hitTest(){

if (collision(objA, objB, objA_width,objA_height,objB_width,objB_height)){

// code to run on collision;

}

}

var mca = new Object();

var mcb = new Object();

function collision(a,b,aWidth,aHeight,bWidth,bHeight) {

mca.xr = a.x + (aWidth/2); //the right edge of movieclip A

mca.xl = a.x - (aWidth/2); //the left edge of movieclip A

mca.yt = a.y - (aHeight/2); //the top edge of movieclip A

mca.yb = a.y + (aHeight/2); //the bottom edge of movieclip A

mcb.xr = b.x + (bWidth/2);

mcb.xl = b.x - (bWidth/2);

mcb.yt = b.y - (bHeight/2);

mcb.yb = b.y + (bHeight/2);

xHit = mca.xr > mcb.xl && mca.xl < mcb.xr; // returns true if the is any horisontal overlappnig

yHit = mca.yt < mcb.yb && mca.yb > mcb.yt; // returns true if the is any vertical overlapping

if (xHit && yHit){return true;}

}

html5 flash 游戏,使用Flash CC的HTML5 Canvas游戏中的HitTest相关推荐

  1. flash游戏html5支持吗,当flash邂逅html5

    随着html5的出台,很多人说flash有危机了,flash要淘汰了.大前端认为,其实不然,以上观点纯粹是危言耸听,flash在短期之内不会有任何危机问题,可能要经过一个年代之后,新的技术会替代. 一 ...

  2. html5视频教程华清,华清创客学院—HTML5是否能代替Flash

    原标题:华清创客学院-HTML5是否能代替Flash HTML5网页开发技术新特性出现,冲击最大的肯定是当时动画领域霸主Flash动画技术.随着HTML5开发技术逐渐挤占前端页面制作开发市场,对于HT ...

  3. html5添加flash动画效果,霸气的HTML5 7款无Flash HTML5动画特效

    本文作者html5tricks,转载请注明出处 以前我们想在网页上实现一些动画特效,第一选择肯定是Flash,但是现在 1.HTML5 Canvas火焰喷射动画效果 还记得以前分享过的一款HTML5烟 ...

  4. 外媒:HTML5取代不了Flash

    美国知名IT网站彼得·威纳(Peter Wayner)今日撰写评论文章,称虽然HTML5不会取代Flash或Shockwave,但它将会对互联网的很多方面做出改进,使网站具备更丰富的功能,包括跟踪用户 ...

  5. HTML5 canvas 游戏设计:创建一个经典的魔塔游戏

    整个项目都已经开源,项目地址:https://github.com/m8705/MAGIC-TOWER-JS 注:这是我高中时候的作品,BUG 很多,已经不再更新了.下载项目到本地就能玩. 前言 魔塔 ...

  6. 【HTML5 Canvas游戏开发】笔记(一) 概述和基础讲解

    本系列文章由Shin-Knight编写,转载需注明出处. 作者:Shin-Knight 邮箱:shinknight@163.com 文章链接:http://www.cnblogs.com/knight ...

  7. 手机浏览器html5游戏,移动浏览器都爱 HTML5 ?

    目前中国第三方手机浏览器市场竞争正在愈演愈烈,但由于各应用开发商对手机浏览器的内容和资源的整合能力.技术研发能力.战略布局目的等方面均各不相同,浏览器产品也出现了同质化严重.内容匮乏等问题,亮点突出. ...

  8. HTML5 Canvas游戏开发实战 PDF扫描版

    HTML5 Canvas游戏开发实战主要讲解使用HTML5 Canvas来开发和设计各类常见游戏的思路和技巧,在介绍HTML5 Canvas相关特性的同时,还通过游戏开发实例深入剖析了其内在原理,让读 ...

  9. 《HTML5 Canvas游戏开发实战》——2.1 绘制基本图形

    本节书摘来自华章计算机<HTML5 Canvas游戏开发实战>一书中的第2章,第2.1节,作者:张路斌著, 更多章节内容可以访问云栖社区"华章计算机"公众号查看. 2. ...

  10. HTML5 canvas游戏工作原理

    HTML5已经不是一个新名词.它看上去很cool,有很多feature,大多数人普遍看好它的发展.对于我来说,最感兴趣的是它的canvas标签,可以结合Javascript来绘制游戏画面. 我们可以在 ...

最新文章

  1. ubuntu 突然不能 sudo成功,报错su: Authentication failure
  2. 现在的教育:感慨之一
  3. 使用 log4cxx
  4. requests模块使用代理
  5. 将ALV GRID中改变的值更新到ALV内表中
  6. LeetCode Algorithm 7. 整数反转
  7. Nacos客户端注册的流程图
  8. UIWindow的windowLevel详解
  9. Caused by: java.net.BindException: Could not start rest endpoint on any port in port range 8085
  10. 深度学习attention原理_深度原理学习–Redis集群
  11. Node组件——Express简介
  12. SDR与DDR的区别
  13. 在 Pycharm 中安装 wxPython
  14. 也谈设计模式,实例票据打印 解析 Decorator
  15. ADO.NET Entity Framework(3)ObjectContext
  16. python实现最长公共子串
  17. 晓日程-首款打通微信和桌面的免费日历应用
  18. 计算机快速启动BIOS,bios设置快速启动
  19. 秋天下载中心统计系统 入门安装
  20. Mac 电脑 插显示器 提示:显示器不支持当前的输入时序,解决办法

热门文章

  1. cortex M与cortex A
  2. 百度云存储教程---免费建立自己的静态站点
  3. 数据结构与算法二:时间/空间复杂度(complexity)
  4. java 动画 很少人_java – 这个我正在制作动画的正方形背后有一条小道,任何人都可以找出原因吗?...
  5. 如何通过查文献,来进行研究呢?
  6. 地图叠加图片切片:通过输入经纬度定位地图配准点
  7. 如何做一个基于微信汽车维修保养小程序系统毕业设计毕设作品
  8. 2021年安全员-C证(广西省)及安全员-C证(广西省)模拟考试
  9. 罗辑思维2017跨年演讲——摘录
  10. NetScaler的部署实验之七NetScaler Gateway的配置以及StoreFront集成NetScaler Gateway的配置更改...