API

【代码分享】点屏幕时出现爱心动画效果

 
可扫这个码在手机上看效果

爱心效果.png

 
主要是用了这些代码,从元件库里新建元件并添加到舞台,然后设置舞台上元件实例的坐标,最后删除它
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
 
 
 

在以下公众号回复”爱心效果“,获取本文的源文件链接
 
扫码.png

 

3 个评论

不错, 学习了
能够留一个联系方式吗,有个问题想请教一下,有偿
这个效果有的时候可以运行,有的时候点击到第二个红心就停住了,大约是removeChild(aObject)出了问题,请技术部门彻底解决一下。

要回复文章请先登录注册