当前位置: 首页 > news >正文

AnimateCC及CreateJS:打飞机的4版本V1、V2、V3、V4

版本1:

this.btnGun.addEventListener("click", shootBomb);
var _this = this;
var bomb = new lib.bomblink();
bomb.alpha = 0;
bomb.rotation = 45;
bomb.scaleX = 0.2;
bomb.scaleY = 0.2;
_this.txtObj.text=""
stage.addChild(bomb);
createjs.Tween.get(this.planeObj, {loop: true
}).to({x: 700,y: 20
}, 1600);
createjs.Ticker.addEventListener("tick", handleTick);
function shootBomb() {_this.txtObj.text="发射!";bomb.x = 620;bomb.y = 420;bomb.alpha = 1;createjs.Tween.get(bomb, {loop: false}).to({x: 0,y: -400}, 900).call(finished);stage.update();
}
function finished() {bomb.alpha = 0;_this.txtObj.text="发射完毕!";
}
function handleTick() {var pt = bomb.localToLocal(0, 0,_this.planeObj);if (_this.planeObj.hitTest(pt.x, pt.y)==true&&bomb.alpha==1) {		_this.txtObj.text="命中!"stage.update();}
}
stage.update();

版本2:

this.btnGun.addEventListener("click", shootBomb);
var _this = this;
var bomb = new lib.bomblink();
bomb.alpha = 0;
bomb.rotation = 45;
bomb.scaleX = 0.2;
bomb.scaleY = 0.2;
_this.txtObj.text=""
stage.addChild(bomb);
var blast = new lib.blastlink();
stage.addChild(blast);
blast.gotoAndStop(0);
createjs.Tween.get(this.planeObj, {loop: true
}).to({x: 700,y: 20
}, 1600);
createjs.Ticker.addEventListener("tick", handleTick);
function shootBomb() {_this.txtObj.text="发射!";bomb.x = 620;bomb.y = 420;	bomb.alpha=1;createjs.Tween.get(bomb, {loop: false}).to({x: 0,y: -400}, 900).call(finished);stage.update();
}
function finished() {bomb.alpha = 0;	_this.txtObj.text="发射完毕!";
}
function handleTick() {var pt = bomb.localToLocal(0, 0,_this.planeObj); if (_this.planeObj.hitTest(pt.x, pt.y)==true&&bomb.alpha==1) {		_this.txtObj.text="命中!"blast.x=bomb.x;blast.y=bomb.y;		blast.gotoAndPlay(1);stage.update();}
}
stage.update();

版本3:

this.btnGun.addEventListener("click", shootBomb);
var _this = this;
var bomb = new lib.bomblink();
bomb.alpha = 0;
bomb.rotation = 45;
bomb.scaleX = 0.2;
bomb.scaleY = 0.2;
_this.txtObj.text = ""
stage.addChild(bomb);
var blast = new lib.blastlink();
stage.addChild(blast);
blast.gotoAndStop(0);_this.planeObj.rotation=0;_this.planeObj.alpha=1;_this.planeObj.x=-240;_this.planeObj.y=96
createjs.Tween.get(this.planeObj, {loop: true
}).to({x: 700,y: 20
}, 1600);
createjs.Ticker.addEventListener("tick", handleTick);
function shootBomb() {_this.txtObj.text = "发射!";bomb.x = 620;bomb.y = 420;bomb.alpha = 1;createjs.Tween.get(bomb, {loop: false}).to({x: 0,y: -400}, 900).call(finished);stage.update();
}
function finished() {bomb.alpha = 0;	_this.txtObj.text = "发射完毕!";
}
function downed() {	_this.planeObj.rotation=0;_this.planeObj.alpha=1;_this.planeObj.x=-240;_this.planeObj.y=96createjs.Tween.get(_this.planeObj, {loop: true
}).to({x: 700,y: 20
}, 1600);
}
function handleTick() {var pt = bomb.localToLocal(0, 0, _this.planeObj);if (_this.planeObj.hitTest(pt.x, pt.y) == true && bomb.alpha == 1) {_this.txtObj.text = "命中!";blast.x = bomb.x;blast.y = bomb.y;blast.gotoAndPlay(1);planeDown();stage.update();}
}
function planeDown() {_this.planeObj.rotation=30;createjs.Tween.get(_this.planeObj, {loop: false}).to({y: 800}, 1000).call(downed);
}
stage.update();

版本:4:

加相关的音效效果,待写......

设计界面: 

 源码下载:

https://download.csdn.net/download/vinglemar/91009540

http://www.xdnf.cn/news/1043569.html

相关文章:

  • UltraISO绿色便携版v9 下载与安装教程
  • 基于51单片机的校园打铃及灯控制系统
  • 芯片测试之 trim修调详解
  • 《棒垒球科普》足垒球的规则·垒球2号位
  • [直播推流] 使用 librtmp 库推流
  • KSP密钥管理系统赋能智能制造:密钥管理系统在智能制造行业中有哪些典型应用
  • 单机定时任务@Schedule的常见问题
  • 5.5.1_哈夫曼树
  • uni-app项目loading显示方案
  • neo4j社区版数据库下载安装
  • 玛哈特纵剪矫平机:金属板材精密加工的“开平裁切”核心装备
  • SEO关键词与长尾词布局实战
  • 解决国内无法加载谷歌验证码(reCAPTCHA):URL 重定向配置指南
  • github-mcp-server v0.5.0 发布详解:远程 GitHub MCP 服务器全新升级与最佳实践
  • 【专业数据库探索 05】ArangoDB多模数据库革命:一个数据库解决文档图关系三大数据模型
  • Qwen3 Embedding 测试
  • 8. TypeScript 类
  • Lambda 表达式的语法与使用:更简洁、更灵活的函数式编程!
  • Dina靶机渗透
  • 算法训练第十七天
  • CQF预备知识:Python相关库 -- 通用非均匀随机数抽样 scipy.stats
  • 关于allegro 导入网表报错:Unable to find pin name in问题的解决
  • Java大模型开发入门 (9/15):连接外部世界(中) - 向量嵌入与向量数据库
  • JS进阶 Day03
  • 【构建】Meson、Bazel、Buck现代构建系统
  • RPG28.使用GameplayCue和制作死亡效果
  • Java线程安全计数器实现方案
  • 【stm32f4】ADC实验(stm32hal库)
  • 什么是旋转开关?
  • 使用NVIDIA TensorRT for RTX运行高性能AI应用程序