【代码分享】点屏幕时出现爱心动画效果
可扫这个码在手机上看效果
主要是用了这些代码,从元件库里新建元件并添加到舞台,然后设置舞台上元件实例的坐标,最后删除它
mugeda.addEventListener("renderready", function(){
var scene = mugeda.scene;
var dianjiquyu = scene.getObjectByName("点击区域");
dianjiquyu.addEventListener("click", function(e){
// 为元件创建新的实例,并增加到主舞台
var aObject = mugeda.createInstanceOfSymbol("爱心");
// this指向aObject
// 提供inputX和inputY属性,获取相对于舞台的坐标值
var x = e.inputX;
var y = e.inputY;
scene.appendChild(aObject);
aObject.left = x - aObject.width/2;
aObject.top = y - aObject.height;
// 1秒后删除刚刚加入的物体
setTimeout(function(){
scene.removeChild(aObject);
}, 1000);
});
//scene.appendChild(aObject, behaindAObject, pageIndex);
//可以将物体添加到舞台上
//第二个参数behaindAObject是舞台上某个动画元素,这个参数也可以是null
//第三个参数是页面的编号
});
api文档: https://card.mugeda.com/mugedaApiDoc/index.html
在以下公众号回复”爱心效果“,获取本文的源文件链接
3 个评论
不错, 学习了
能够留一个联系方式吗,有个问题想请教一下,有偿
这个效果有的时候可以运行,有的时候点击到第二个红心就停住了,大约是removeChild(aObject)出了问题,请技术部门彻底解决一下。