html5 flash 游戏,使用Flash CC的HTML5 Canvas游戏中的HitTest
好了,我想有一个功能,没有内置此闪光灯或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相关推荐
- flash游戏html5支持吗,当flash邂逅html5
随着html5的出台,很多人说flash有危机了,flash要淘汰了.大前端认为,其实不然,以上观点纯粹是危言耸听,flash在短期之内不会有任何危机问题,可能要经过一个年代之后,新的技术会替代. 一 ...
- html5视频教程华清,华清创客学院—HTML5是否能代替Flash
原标题:华清创客学院-HTML5是否能代替Flash HTML5网页开发技术新特性出现,冲击最大的肯定是当时动画领域霸主Flash动画技术.随着HTML5开发技术逐渐挤占前端页面制作开发市场,对于HT ...
- html5添加flash动画效果,霸气的HTML5 7款无Flash HTML5动画特效
本文作者html5tricks,转载请注明出处 以前我们想在网页上实现一些动画特效,第一选择肯定是Flash,但是现在 1.HTML5 Canvas火焰喷射动画效果 还记得以前分享过的一款HTML5烟 ...
- 外媒:HTML5取代不了Flash
美国知名IT网站彼得·威纳(Peter Wayner)今日撰写评论文章,称虽然HTML5不会取代Flash或Shockwave,但它将会对互联网的很多方面做出改进,使网站具备更丰富的功能,包括跟踪用户 ...
- HTML5 canvas 游戏设计:创建一个经典的魔塔游戏
整个项目都已经开源,项目地址:https://github.com/m8705/MAGIC-TOWER-JS 注:这是我高中时候的作品,BUG 很多,已经不再更新了.下载项目到本地就能玩. 前言 魔塔 ...
- 【HTML5 Canvas游戏开发】笔记(一) 概述和基础讲解
本系列文章由Shin-Knight编写,转载需注明出处. 作者:Shin-Knight 邮箱:shinknight@163.com 文章链接:http://www.cnblogs.com/knight ...
- 手机浏览器html5游戏,移动浏览器都爱 HTML5 ?
目前中国第三方手机浏览器市场竞争正在愈演愈烈,但由于各应用开发商对手机浏览器的内容和资源的整合能力.技术研发能力.战略布局目的等方面均各不相同,浏览器产品也出现了同质化严重.内容匮乏等问题,亮点突出. ...
- HTML5 Canvas游戏开发实战 PDF扫描版
HTML5 Canvas游戏开发实战主要讲解使用HTML5 Canvas来开发和设计各类常见游戏的思路和技巧,在介绍HTML5 Canvas相关特性的同时,还通过游戏开发实例深入剖析了其内在原理,让读 ...
- 《HTML5 Canvas游戏开发实战》——2.1 绘制基本图形
本节书摘来自华章计算机<HTML5 Canvas游戏开发实战>一书中的第2章,第2.1节,作者:张路斌著, 更多章节内容可以访问云栖社区"华章计算机"公众号查看. 2. ...
- HTML5 canvas游戏工作原理
HTML5已经不是一个新名词.它看上去很cool,有很多feature,大多数人普遍看好它的发展.对于我来说,最感兴趣的是它的canvas标签,可以结合Javascript来绘制游戏画面. 我们可以在 ...
最新文章
- ubuntu 突然不能 sudo成功,报错su: Authentication failure
- 现在的教育:感慨之一
- 使用 log4cxx
- requests模块使用代理
- 将ALV GRID中改变的值更新到ALV内表中
- LeetCode Algorithm 7. 整数反转
- Nacos客户端注册的流程图
- UIWindow的windowLevel详解
- Caused by: java.net.BindException: Could not start rest endpoint on any port in port range 8085
- 深度学习attention原理_深度原理学习–Redis集群
- Node组件——Express简介
- SDR与DDR的区别
- 在 Pycharm 中安装 wxPython
- 也谈设计模式,实例票据打印 解析 Decorator
- ADO.NET Entity Framework(3)ObjectContext
- python实现最长公共子串
- 晓日程-首款打通微信和桌面的免费日历应用
- 计算机快速启动BIOS,bios设置快速启动
- 秋天下载中心统计系统 入门安装
- Mac 电脑 插显示器 提示:显示器不支持当前的输入时序,解决办法
热门文章
- cortex M与cortex A
- 百度云存储教程---免费建立自己的静态站点
- 数据结构与算法二:时间/空间复杂度(complexity)
- java 动画 很少人_java – 这个我正在制作动画的正方形背后有一条小道,任何人都可以找出原因吗?...
- 如何通过查文献,来进行研究呢?
- 地图叠加图片切片:通过输入经纬度定位地图配准点
- 如何做一个基于微信汽车维修保养小程序系统毕业设计毕设作品
- 2021年安全员-C证(广西省)及安全员-C证(广西省)模拟考试
- 罗辑思维2017跨年演讲——摘录
- NetScaler的部署实验之七NetScaler Gateway的配置以及StoreFront集成NetScaler Gateway的配置更改...