分享

分享

【经验分享】使用计数器功能实现简易抽奖功能

原创分享ddbackhome 发表了文章 • 0 个评论 • 143 次浏览 • 2020-09-11 11:44 • 来自相关话题

打开源文件链接看设置
https://cn.mugeda.com/animation/edit/46ca79b5
 
 
原理说明:
计数器功能可以让多个用户从服务器获取计数值,而这个数值会根据用户点击的时间不同而不同,显示计数的文本上可以设置多个行为,根据数值的不同来显示给用户分别中什么奖了。
  查看全部
打开源文件链接看设置
https://cn.mugeda.com/animation/edit/46ca79b5
 
 
原理说明:
计数器功能可以让多个用户从服务器获取计数值,而这个数值会根据用户点击的时间不同而不同,显示计数的文本上可以设置多个行为,根据数值的不同来显示给用户分别中什么奖了。
 
这种方法只适合简易的、短时间的、现场的多人抽奖活动,大型抽奖活动请考虑使用官方的抽奖控件。
这种方法只适合简易的、短时间的、现场的多人抽奖活动,大型抽奖活动请考虑使用官方的抽奖控件。
这种方法只适合简易的、短时间的、现场的多人抽奖活动,大型抽奖活动请考虑使用官方的抽奖控件。
 
 
抽奖按钮上添加的是增加计数行为

抽奖1.png

 
最上方的是显示计数的文本,它上边需要添加多个行为,根据它自己本身的值(也就是计数的值)来确认哪个用户中奖了,是中奖时,修改中奖结果的文本值

抽奖2.png

 
需要注意的是,中奖结果建议使用提交表单提交到后台,或者让用户当场截图,不然用户刷新后,计数的值就是新的了,用户的中奖状态就无法证明了。如果为了防止现场用户多次抽奖刷票,可以给抽奖按钮添加行为,点击时让它自己移出舞台,这样用户多次点击的行为就可以被控制。
 

【经验分享】预置考题 拖拽题目 设置方法

原创分享ddbackhome 发表了文章 • 0 个评论 • 385 次浏览 • 2020-06-02 17:49 • 来自相关话题

预置考题是为了让方便用户设置,把一些重复的行为和逻辑、动画等设置整理成一个控件,简化了用户的部分操作,里面的同样的操作用户完全可以自己手动设置。
 
可以打开这个链接,看里面的效果
https://www.mugeda.com/animation/edit/96592bf9

首先点插入拖放控件,直 查看全部
预置考题是为了让方便用户设置,把一些重复的行为和逻辑、动画等设置整理成一个控件,简化了用户的部分操作,里面的同样的操作用户完全可以自己手动设置。
 
可以打开这个链接,看里面的效果
https://www.mugeda.com/animation/edit/96592bf9

首先点插入拖放控件,直接点确定
111.png

 
作品里会生成一个新页面,新页面里好多帧,好多物体上也会有一些配套的行为设置

2222.png

 
这里,在舞台上添加拖放容器,并取名

333.png


555.png

 
 
同时放一些可以自由拖动的物体,并取名
 
444.png


然后,就可以点击舞台右边的铅笔图标来编辑 拖拽题 ,来进行一些配置,比如正确后的得分,什么物体放到什么容器算正确。
 
6666.png


在这里直接设置 aaa  可以放到容器1 里,就代表 aaa 放到 容器1 里以后,可以算是正确答案

7777.png

 
确定后,预览效果,发现把aaa放到容器1以后,点确定按钮,会弹窗正确的提示。
 

888.png

 
 

【经验分享】复制粘贴帧的相关操作

原创分享ddbackhome 发表了文章 • 0 个评论 • 696 次浏览 • 2019-11-27 11:16 • 来自相关话题

1.常规操作
双击选中一层





 
鼠标拖动选中多层





到新页面粘贴帧





 
2.常见错误
没有足够的层来容纳复制的层数据
复制的图层有多个,但粘贴处图层太少





 
至少有一个层没有足够的空白帧来容纳复制的帧数据。
意思大概是粘贴处的帧里有内容了,不能再放粘贴过 查看全部
1.常规操作
双击选中一层

gif1.gif

 
鼠标拖动选中多层

gif2.gif

到新页面粘贴帧

gif3.gif

 
2.常见错误
没有足够的层来容纳复制的层数据
复制的图层有多个,但粘贴处图层太少

gif4.gif

 
至少有一个层没有足够的空白帧来容纳复制的帧数据。
意思大概是粘贴处的帧里有内容了,不能再放粘贴过来的帧了。可以参考上边的常规操作来完成粘贴过程。

gif5.gif

 
3.跨页面复制粘贴帧
 
可以跨页面复制粘贴帧,但是需要使用快捷键 Ctrl+C Ctrl+V 来完成 

gif6.gif

 
4.跨页面复制粘贴元件里的帧
 
可以使用元件库中的复制粘贴元件按钮来完成

gif7.gif

 
 
 
 

【代码分享】屏蔽长按图片出现的保存图片系统菜单

原创分享mengxin 回复了问题 • 12 人关注 • 4 个回复 • 6949 次浏览 • 2019-11-25 13:58 • 来自相关话题

【代码分享】显示前一个人的微信头像

原创分享gaao 回复了问题 • 9 人关注 • 4 个回复 • 3650 次浏览 • 2019-07-18 22:54 • 来自相关话题

【代码分享】单选框设置一个默认值

原创分享ddbackhome 回复了问题 • 3 人关注 • 1 个回复 • 3266 次浏览 • 2019-06-25 15:34 • 来自相关话题

【代码分享】超少代码实现到特定时间活动结束的效果

原创分享qqf35714a4fc 发表了文章 • 0 个评论 • 798 次浏览 • 2019-06-10 23:45 • 来自相关话题

mugeda.addEventListener("renderready", function(){
    var scene = mugeda.scene;
    var d = new Date();//获取现在的时间
    var x = d.getTime();// 查看全部
mugeda.addEventListener("renderready", function(){
    var scene = mugeda.scene;
    var d = new Date();//获取现在的时间
    var x = d.getTime();//返回自 1970 年 1 月 1 日以来的毫秒数:
    var aObject = scene.getObjectByName("time");
    mugeda.scene.getObjectByName('time').text = x;
});

 
我们先看看案例效果点击查看案例,到了明天下午1点钟后就会显示活动已结束。
把以上代码复制到你的作品js里面,然后在舞台新建一个文本命名为time。
然后你就会发现time文本就会变成
微信截图_20190610233239.png
一串类似这样的数字。
这个数字就是自 1970 年 1 月 1 日以来到现在的时间的毫秒数。
这个数字每次打开作品或刷新都会改变,然后你就在这串数字上做行为就行啦!
我是这样做的,新建一个定时器然后这样设置
微信截图_20190610234018.png

我图片里面这个数字就是,
1970 年 1 月 1 日到2019年6月11日13.00的毫秒数。
然后你就会发现我这个作品
到了明天下午1点中后打开就会显示活动已结束了。
这个毫秒数怎么来呢?
时间戳(Unix timestamp)转换工具
点上面的工具转换你要的时间即可。
当然这是一个,不完美的代码。
正如我所说要以超少代码实现到特定时间活动结束的效果。
下次再更新更好更快捷的代码方法。
有问题可回复或点击我空间联系。

【经验分享】横屏下安卓机视频和输入框还是竖直的,一般的推荐处理方法

原创分享lx_mgd 发表了文章 • 5 个评论 • 1276 次浏览 • 2019-06-06 14:41 • 来自相关话题

安卓机下视频和输入框在竖屏下一般没有问题,横屏时会受系统的一些限制,可以用下边的方法来处理一下
 
输入框的的问题,可以在作品里添加代码来检测用户的屏幕是不是横的,如果不是,给出提示让用户把手机的横屏锁打开并转动屏幕。具体可以参考这个帖子:http://bbs.mugeda.com/?/articl 查看全部
安卓机下视频和输入框在竖屏下一般没有问题,横屏时会受系统的一些限制,可以用下边的方法来处理一下
 
输入框的的问题,可以在作品里添加代码来检测用户的屏幕是不是横的,如果不是,给出提示让用户把手机的横屏锁打开并转动屏幕。具体可以参考这个帖子:http://bbs.mugeda.com/?/article/707
 
视频的问题,目前推荐使用同层视频的功能,但使用同层视频需要视频最好是和屏幕的宽和高是一致的,不然可能无法触发同层视频的功能。然后把视频放到舞台外,再在舞台中用一个按钮添加点击行为(只能是点击行为)去控制视频移到舞台中和控制视频行为(是控制视频行为不是播放视频行为)播放视频。具体请参考这个demo:https://www.mugeda.com/animation/edit/788b7719。另外,可以考虑视频在渲染的时候就直接是旋转了90度的,再放在舞台上。
 
另外,如果视频本身不大,可以考虑把视频转成关键帧动画做到元件里,并使用元件关联到一个舞台上的一个音频,具体可以参考这个demo:https://cn.mugeda.com/animation/edit/8a19edee

【经验分享】使用录音的语音识别功能

回复

原创分享lx_mgd 发起了问题 • 4 人关注 • 0 个回复 • 1470 次浏览 • 2019-05-09 11:49 • 来自相关话题

【经验分享】导出的数据(比如身份证)在excel中显示异常应该怎样处理

原创分享lx_mgd 发表了文章 • 0 个评论 • 1644 次浏览 • 2019-05-15 10:50 • 来自相关话题

如果提交的表单里有身份证等信息,使用excel或wps打开导出的csv文件,会显示成科学计数法,这时需要对excel或wps做一下设置,下面以wps为例。
 
首先新建一个空白的excel
 
选中对应到原excel里显示不正确的那一列,右键设置格式为文本










然后使用导入数据的 查看全部
如果提交的表单里有身份证等信息,使用excel或wps打开导出的csv文件,会显示成科学计数法,这时需要对excel或wps做一下设置,下面以wps为例。
 
首先新建一个空白的excel
 
选中对应到原excel里显示不正确的那一列,右键设置格式为文本
tab11.png


tab22.png


然后使用导入数据的功能,选中之前的excel文件
tab33.png


tab44.png


这里需要修改分隔符为逗号
tab55.png


最终显示的效果就正常了
tab66.png

 

【代码分享】随机不重复跳帧或跳页面

原创分享lx_mgd 回复了问题 • 7 人关注 • 2 个回复 • 3680 次浏览 • 2020-05-27 11:27 • 来自相关话题

【经验分享】逻辑表达式判断输入的数字奇偶

回复

原创分享lx_mgd 发起了问题 • 1 人关注 • 0 个回复 • 1248 次浏览 • 2019-05-09 11:58 • 来自相关话题

【经验分享】提交表单时,图片与文字同时提交的方法

回复

原创分享lx_mgd 发起了问题 • 2 人关注 • 0 个回复 • 1275 次浏览 • 2019-05-09 11:53 • 来自相关话题

【经验分享】制作抽奖与投票时的一些防刷票的小经验

原创分享lx_mgd 发表了文章 • 0 个评论 • 1185 次浏览 • 2018-11-07 15:52 • 来自相关话题

在制作带有抽奖或投票的作品时,有时在电脑上使用预览链接测试效果,会发现要输入二维码,不用担心,这个是系统自带的防刷票验证,这个验证一般只会在pc端出现一次,手机上是不会出现的,在手机上要做到防刷票,可以参考下面几个方法:
 1.使用代码检测是不是在微信环境
使用了抽奖与投票控件的作品会自带验证功能, 查看全部
在制作带有抽奖或投票的作品时,有时在电脑上使用预览链接测试效果,会发现要输入二维码,不用担心,这个是系统自带的防刷票验证,这个验证一般只会在pc端出现一次,手机上是不会出现的,在手机上要做到防刷票,可以参考下面几个方法:
 1.使用代码检测是不是在微信环境
使用了抽奖与投票控件的作品会自带验证功能,这个验证需要使用微信的相关功能,所以建议限制作品只在微信里传播。
这个链接里的代码可以用来检测是不是在微信的环境: http://bbs.mugeda.com/?/question/3014
如果还需要使用其他的api,可以参考这个链接:http://card.mugeda.com/mugedaApiDoc/index.html
 
(注意:抽奖与投票功能在导出后会自动失效,因为它需要使用微信的一些功能,这功能在mugeda里使用是已经设置好的)
 
2.给有抽奖或投票行为的按钮再加一个提示,让用户等待一小段时间
抽奖与投票行为需要向服务器请求结果,这个过程根据用户使用的网络不同会有不同的等待时间,或者服务器响应比较慢时,用户那边如果长时间没有反馈,用户可能会多次点击,从而造成多次抽奖或投票了,建议在按钮上加一个改变元素行为,在请求结果的同时让一个提示告诉用户现在正在抽奖或投票,请等待一下,然后抽奖的行为设置里成功或失败可以设置跳页面或帧,帧上设置行为让提示移开,或者使用回调函数,回调函数里可以写代码让这个提示移开同时写跳页面等行为。
 
可以参考一下这个demo里的行为设置: https://www.mugeda.com/animation/edit/19889614
 
 
 
 

分享后的行为代码

原创分享qq773757ed01 回复了问题 • 13 人关注 • 2 个回复 • 4359 次浏览 • 2018-10-19 12:16 • 来自相关话题

【代码分享】修复横屏下拖动长图时屏幕也被拖动的问题

原创分享lx_mgd 回复了问题 • 5 人关注 • 2 个回复 • 5546 次浏览 • 2018-08-22 17:01 • 来自相关话题

【代码分享】mugeda api 文档地址

回复

原创分享lx_mgd 发起了问题 • 1 人关注 • 0 个回复 • 2898 次浏览 • 2018-08-03 11:39 • 来自相关话题

【已解决】分享时提示操作过于频繁

问题答疑goodman123 回复了问题 • 1 人关注 • 1 个回复 • 3061 次浏览 • 2018-01-21 13:49 • 来自相关话题

【已解决】木疙瘩作品导出源码后自定义分享失效

问题答疑qq3f8fea9de6 回复了问题 • 5 人关注 • 2 个回复 • 8304 次浏览 • 2018-01-09 17:08 • 来自相关话题

【代码分享】播放音频的时候减少背景音乐的音量

原创分享lx_mgd 发表了文章 • 1 个评论 • 2421 次浏览 • 2017-12-05 17:52 • 来自相关话题

播放音频的时候减少背景音乐的音量,音频播放完成后再让背景音乐恢复原来的音量
可以先看效果:http://cn.mugeda.com/animation/edit/4d3f13b6
 
或者这个链接 https://cn.mugeda.com/animation/edit/a63a180c
 
主要思 查看全部
播放音频的时候减少背景音乐的音量,音频播放完成后再让背景音乐恢复原来的音量
可以先看效果:http://cn.mugeda.com/animation/edit/4d3f13b6
 
或者这个链接 https://cn.mugeda.com/animation/edit/a63a180c
 
主要思路是,物体上加行为来使用回调函数来减少音量,同时控制音频播放,然后在音频上加回调来恢复音量

ctrlaudio.png

 
使用到的代码:
mugeda.addEventListener("renderready", function(){
var scene = mugeda.scene;
var bg;

window.lowerBgmusic = function(){
bg = window.backgroundMusic;
bg.volume = 0.2;
}

window.normalBgmusic = function(){
bg = window.backgroundMusic;
bg.volume = 1;
}

});
实际使用时可能需要把音频放到舞台外
条新动态, 点击查看
修改后需要重新发布
修改后需要重新发布
mugeda.addEventListener('renderready',function(){

    document.addEventListener('touchmove',function(e){
        e.preventDefault... 显示全部 »
mugeda.addEventListener('renderready',function(){

    document.addEventListener('touchmove',function(e){
        e.preventDefault();
    },false);
});

【经验分享】导出的数据(比如身份证)在excel中显示异常应该怎样处理

原创分享lx_mgd 发表了文章 • 0 个评论 • 1644 次浏览 • 2019-05-15 10:50 • 来自相关话题

如果提交的表单里有身份证等信息,使用excel或wps打开导出的csv文件,会显示成科学计数法,这时需要对excel或wps做一下设置,下面以wps为例。
 
首先新建一个空白的excel
 
选中对应到原excel里显示不正确的那一列,右键设置格式为文本










然后使用导入数据的 查看全部
如果提交的表单里有身份证等信息,使用excel或wps打开导出的csv文件,会显示成科学计数法,这时需要对excel或wps做一下设置,下面以wps为例。
 
首先新建一个空白的excel
 
选中对应到原excel里显示不正确的那一列,右键设置格式为文本
tab11.png


tab22.png


然后使用导入数据的功能,选中之前的excel文件
tab33.png


tab44.png


这里需要修改分隔符为逗号
tab55.png


最终显示的效果就正常了
tab66.png

 

【经验分享】逻辑表达式判断输入的数字奇偶

回复

原创分享lx_mgd 发起了问题 • 1 人关注 • 0 个回复 • 1248 次浏览 • 2019-05-09 11:58 • 来自相关话题

【经验分享】提交表单时,图片与文字同时提交的方法

回复

原创分享lx_mgd 发起了问题 • 2 人关注 • 0 个回复 • 1275 次浏览 • 2019-05-09 11:53 • 来自相关话题

【经验分享】使用录音的语音识别功能

回复

原创分享lx_mgd 发起了问题 • 4 人关注 • 0 个回复 • 1470 次浏览 • 2019-05-09 11:49 • 来自相关话题

【代码分享】随机不重复跳帧或跳页面

原创分享lx_mgd 回复了问题 • 7 人关注 • 2 个回复 • 3680 次浏览 • 2020-05-27 11:27 • 来自相关话题

【代码分享】单选框设置一个默认值

原创分享ddbackhome 回复了问题 • 3 人关注 • 1 个回复 • 3266 次浏览 • 2019-06-25 15:34 • 来自相关话题

【代码分享】设置视频循环播放

原创分享lx_mgd 发表了文章 • 6 个评论 • 3159 次浏览 • 2017-11-10 13:33 • 来自相关话题

mugeda.addEventListener("renderready", function(){
setInterval(function(){
Array.prototype.forEach.call(Mugeda.currentAni.dom.qu 查看全部
mugeda.addEventListener("renderready", function(){
setInterval(function(){
Array.prototype.forEach.call(Mugeda.currentAni.dom.querySelectorAll('video'), function(video){
video.setAttribute('loop', 'true');
});
}, 2000);
});
把上面的代码放到js框中,这样作品里的视频就可以自动循环了。
 
demo:
http://www.mugeda.com/animation/edit/c46c3803

【代码分享】屏蔽长按图片出现的保存图片系统菜单

原创分享mengxin 回复了问题 • 12 人关注 • 4 个回复 • 6949 次浏览 • 2019-11-25 13:58 • 来自相关话题

【代码分享】分享直播课里的倒计时代码

原创分享lx_mgd 发表了文章 • 3 个评论 • 3431 次浏览 • 2017-07-04 11:28 • 来自相关话题

http://www.mugeda.com/animation/edit/ac798442​ 
 
大家需要自己配置代码下面加粗的部分
 
var eventTime = moment('2017-10-01 19:22:30').unix();
把这行代码里的时间改为自己的活动时间,
 
djs. 查看全部
http://www.mugeda.com/animation/edit/ac798442​ 
 
大家需要自己配置代码下面加粗的部分
 
var eventTime = moment('2017-10-01 19:22:30').unix();
把这行代码里的时间改为自己的活动时间,
 
djs.text = '活动已结束';
这行代码里的文字说明改为自己想要的文字
 
对显示的时间做修改
djs.text = duration.years() + '年'+ duration.months() + '月' + duration.days() + '天' + duration.hours()+ '小时' + duration.minutes()+ '分' + duration.seconds() + '秒';
 
更多操作,可以到moment.js的官网查看
 
http://momentjs.cn/
 
 

【代码分享】屏蔽长按图片出现的保存图片系统菜单

回复

原创分享mengxin 回复了问题 • 12 人关注 • 4 个回复 • 6949 次浏览 • 2019-11-25 13:58 • 来自相关话题

【代码分享】显示前一个人的微信头像

回复

原创分享gaao 回复了问题 • 9 人关注 • 4 个回复 • 3650 次浏览 • 2019-07-18 22:54 • 来自相关话题

【代码分享】单选框设置一个默认值

回复

原创分享ddbackhome 回复了问题 • 3 人关注 • 1 个回复 • 3266 次浏览 • 2019-06-25 15:34 • 来自相关话题

【经验分享】使用录音的语音识别功能

回复

原创分享lx_mgd 发起了问题 • 4 人关注 • 0 个回复 • 1470 次浏览 • 2019-05-09 11:49 • 来自相关话题

【代码分享】随机不重复跳帧或跳页面

回复

原创分享lx_mgd 回复了问题 • 7 人关注 • 2 个回复 • 3680 次浏览 • 2020-05-27 11:27 • 来自相关话题

【经验分享】逻辑表达式判断输入的数字奇偶

回复

原创分享lx_mgd 发起了问题 • 1 人关注 • 0 个回复 • 1248 次浏览 • 2019-05-09 11:58 • 来自相关话题

【经验分享】提交表单时,图片与文字同时提交的方法

回复

原创分享lx_mgd 发起了问题 • 2 人关注 • 0 个回复 • 1275 次浏览 • 2019-05-09 11:53 • 来自相关话题

分享后的行为代码

回复

原创分享qq773757ed01 回复了问题 • 13 人关注 • 2 个回复 • 4359 次浏览 • 2018-10-19 12:16 • 来自相关话题

【代码分享】修复横屏下拖动长图时屏幕也被拖动的问题

回复

原创分享lx_mgd 回复了问题 • 5 人关注 • 2 个回复 • 5546 次浏览 • 2018-08-22 17:01 • 来自相关话题

【代码分享】mugeda api 文档地址

回复

原创分享lx_mgd 发起了问题 • 1 人关注 • 0 个回复 • 2898 次浏览 • 2018-08-03 11:39 • 来自相关话题

【已解决】分享时提示操作过于频繁

回复

问题答疑goodman123 回复了问题 • 1 人关注 • 1 个回复 • 3061 次浏览 • 2018-01-21 13:49 • 来自相关话题

【已解决】木疙瘩作品导出源码后自定义分享失效

回复

问题答疑qq3f8fea9de6 回复了问题 • 5 人关注 • 2 个回复 • 8304 次浏览 • 2018-01-09 17:08 • 来自相关话题

【代码分享】去掉提交表单时的默认提示弹窗或其他系统提示

回复

原创分享lx_mgd 发起了问题 • 4 人关注 • 0 个回复 • 3611 次浏览 • 2017-08-08 15:32 • 来自相关话题

【已解决】分享出去的标题怎么样才可以修改,好多地方都不行

回复

新功能需求m412289123 回复了问题 • 3 人关注 • 3 个回复 • 3110 次浏览 • 2017-08-06 16:31 • 来自相关话题

【代码分享】20170801直播课使用到的根据条件跳转页面的例子

回复

原创分享lx_mgd 发起了问题 • 2 人关注 • 0 个回复 • 2651 次浏览 • 2017-08-01 11:29 • 来自相关话题

【经验分享】使用计数器功能实现简易抽奖功能

原创分享ddbackhome 发表了文章 • 0 个评论 • 143 次浏览 • 2020-09-11 11:44 • 来自相关话题

打开源文件链接看设置
https://cn.mugeda.com/animation/edit/46ca79b5
 
 
原理说明:
计数器功能可以让多个用户从服务器获取计数值,而这个数值会根据用户点击的时间不同而不同,显示计数的文本上可以设置多个行为,根据数值的不同来显示给用户分别中什么奖了。
  查看全部
打开源文件链接看设置
https://cn.mugeda.com/animation/edit/46ca79b5
 
 
原理说明:
计数器功能可以让多个用户从服务器获取计数值,而这个数值会根据用户点击的时间不同而不同,显示计数的文本上可以设置多个行为,根据数值的不同来显示给用户分别中什么奖了。
 
这种方法只适合简易的、短时间的、现场的多人抽奖活动,大型抽奖活动请考虑使用官方的抽奖控件。
这种方法只适合简易的、短时间的、现场的多人抽奖活动,大型抽奖活动请考虑使用官方的抽奖控件。
这种方法只适合简易的、短时间的、现场的多人抽奖活动,大型抽奖活动请考虑使用官方的抽奖控件。
 
 
抽奖按钮上添加的是增加计数行为

抽奖1.png

 
最上方的是显示计数的文本,它上边需要添加多个行为,根据它自己本身的值(也就是计数的值)来确认哪个用户中奖了,是中奖时,修改中奖结果的文本值

抽奖2.png

 
需要注意的是,中奖结果建议使用提交表单提交到后台,或者让用户当场截图,不然用户刷新后,计数的值就是新的了,用户的中奖状态就无法证明了。如果为了防止现场用户多次抽奖刷票,可以给抽奖按钮添加行为,点击时让它自己移出舞台,这样用户多次点击的行为就可以被控制。
 

【经验分享】预置考题 拖拽题目 设置方法

原创分享ddbackhome 发表了文章 • 0 个评论 • 385 次浏览 • 2020-06-02 17:49 • 来自相关话题

预置考题是为了让方便用户设置,把一些重复的行为和逻辑、动画等设置整理成一个控件,简化了用户的部分操作,里面的同样的操作用户完全可以自己手动设置。
 
可以打开这个链接,看里面的效果
https://www.mugeda.com/animation/edit/96592bf9

首先点插入拖放控件,直 查看全部
预置考题是为了让方便用户设置,把一些重复的行为和逻辑、动画等设置整理成一个控件,简化了用户的部分操作,里面的同样的操作用户完全可以自己手动设置。
 
可以打开这个链接,看里面的效果
https://www.mugeda.com/animation/edit/96592bf9

首先点插入拖放控件,直接点确定
111.png

 
作品里会生成一个新页面,新页面里好多帧,好多物体上也会有一些配套的行为设置

2222.png

 
这里,在舞台上添加拖放容器,并取名

333.png


555.png

 
 
同时放一些可以自由拖动的物体,并取名
 
444.png


然后,就可以点击舞台右边的铅笔图标来编辑 拖拽题 ,来进行一些配置,比如正确后的得分,什么物体放到什么容器算正确。
 
6666.png


在这里直接设置 aaa  可以放到容器1 里,就代表 aaa 放到 容器1 里以后,可以算是正确答案

7777.png

 
确定后,预览效果,发现把aaa放到容器1以后,点确定按钮,会弹窗正确的提示。
 

888.png

 
 

【经验分享】复制粘贴帧的相关操作

原创分享ddbackhome 发表了文章 • 0 个评论 • 696 次浏览 • 2019-11-27 11:16 • 来自相关话题

1.常规操作
双击选中一层





 
鼠标拖动选中多层





到新页面粘贴帧





 
2.常见错误
没有足够的层来容纳复制的层数据
复制的图层有多个,但粘贴处图层太少





 
至少有一个层没有足够的空白帧来容纳复制的帧数据。
意思大概是粘贴处的帧里有内容了,不能再放粘贴过 查看全部
1.常规操作
双击选中一层

gif1.gif

 
鼠标拖动选中多层

gif2.gif

到新页面粘贴帧

gif3.gif

 
2.常见错误
没有足够的层来容纳复制的层数据
复制的图层有多个,但粘贴处图层太少

gif4.gif

 
至少有一个层没有足够的空白帧来容纳复制的帧数据。
意思大概是粘贴处的帧里有内容了,不能再放粘贴过来的帧了。可以参考上边的常规操作来完成粘贴过程。

gif5.gif

 
3.跨页面复制粘贴帧
 
可以跨页面复制粘贴帧,但是需要使用快捷键 Ctrl+C Ctrl+V 来完成 

gif6.gif

 
4.跨页面复制粘贴元件里的帧
 
可以使用元件库中的复制粘贴元件按钮来完成

gif7.gif

 
 
 
 

【代码分享】超少代码实现到特定时间活动结束的效果

原创分享qqf35714a4fc 发表了文章 • 0 个评论 • 798 次浏览 • 2019-06-10 23:45 • 来自相关话题

mugeda.addEventListener("renderready", function(){
    var scene = mugeda.scene;
    var d = new Date();//获取现在的时间
    var x = d.getTime();// 查看全部
mugeda.addEventListener("renderready", function(){
    var scene = mugeda.scene;
    var d = new Date();//获取现在的时间
    var x = d.getTime();//返回自 1970 年 1 月 1 日以来的毫秒数:
    var aObject = scene.getObjectByName("time");
    mugeda.scene.getObjectByName('time').text = x;
});

 
我们先看看案例效果点击查看案例,到了明天下午1点钟后就会显示活动已结束。
把以上代码复制到你的作品js里面,然后在舞台新建一个文本命名为time。
然后你就会发现time文本就会变成
微信截图_20190610233239.png
一串类似这样的数字。
这个数字就是自 1970 年 1 月 1 日以来到现在的时间的毫秒数。
这个数字每次打开作品或刷新都会改变,然后你就在这串数字上做行为就行啦!
我是这样做的,新建一个定时器然后这样设置
微信截图_20190610234018.png

我图片里面这个数字就是,
1970 年 1 月 1 日到2019年6月11日13.00的毫秒数。
然后你就会发现我这个作品
到了明天下午1点中后打开就会显示活动已结束了。
这个毫秒数怎么来呢?
时间戳(Unix timestamp)转换工具
点上面的工具转换你要的时间即可。
当然这是一个,不完美的代码。
正如我所说要以超少代码实现到特定时间活动结束的效果。
下次再更新更好更快捷的代码方法。
有问题可回复或点击我空间联系。

【经验分享】横屏下安卓机视频和输入框还是竖直的,一般的推荐处理方法

原创分享lx_mgd 发表了文章 • 5 个评论 • 1276 次浏览 • 2019-06-06 14:41 • 来自相关话题

安卓机下视频和输入框在竖屏下一般没有问题,横屏时会受系统的一些限制,可以用下边的方法来处理一下
 
输入框的的问题,可以在作品里添加代码来检测用户的屏幕是不是横的,如果不是,给出提示让用户把手机的横屏锁打开并转动屏幕。具体可以参考这个帖子:http://bbs.mugeda.com/?/articl 查看全部
安卓机下视频和输入框在竖屏下一般没有问题,横屏时会受系统的一些限制,可以用下边的方法来处理一下
 
输入框的的问题,可以在作品里添加代码来检测用户的屏幕是不是横的,如果不是,给出提示让用户把手机的横屏锁打开并转动屏幕。具体可以参考这个帖子:http://bbs.mugeda.com/?/article/707
 
视频的问题,目前推荐使用同层视频的功能,但使用同层视频需要视频最好是和屏幕的宽和高是一致的,不然可能无法触发同层视频的功能。然后把视频放到舞台外,再在舞台中用一个按钮添加点击行为(只能是点击行为)去控制视频移到舞台中和控制视频行为(是控制视频行为不是播放视频行为)播放视频。具体请参考这个demo:https://www.mugeda.com/animation/edit/788b7719。另外,可以考虑视频在渲染的时候就直接是旋转了90度的,再放在舞台上。
 
另外,如果视频本身不大,可以考虑把视频转成关键帧动画做到元件里,并使用元件关联到一个舞台上的一个音频,具体可以参考这个demo:https://cn.mugeda.com/animation/edit/8a19edee

【经验分享】导出的数据(比如身份证)在excel中显示异常应该怎样处理

原创分享lx_mgd 发表了文章 • 0 个评论 • 1644 次浏览 • 2019-05-15 10:50 • 来自相关话题

如果提交的表单里有身份证等信息,使用excel或wps打开导出的csv文件,会显示成科学计数法,这时需要对excel或wps做一下设置,下面以wps为例。
 
首先新建一个空白的excel
 
选中对应到原excel里显示不正确的那一列,右键设置格式为文本










然后使用导入数据的 查看全部
如果提交的表单里有身份证等信息,使用excel或wps打开导出的csv文件,会显示成科学计数法,这时需要对excel或wps做一下设置,下面以wps为例。
 
首先新建一个空白的excel
 
选中对应到原excel里显示不正确的那一列,右键设置格式为文本
tab11.png


tab22.png


然后使用导入数据的功能,选中之前的excel文件
tab33.png


tab44.png


这里需要修改分隔符为逗号
tab55.png


最终显示的效果就正常了
tab66.png

 

【经验分享】制作抽奖与投票时的一些防刷票的小经验

原创分享lx_mgd 发表了文章 • 0 个评论 • 1185 次浏览 • 2018-11-07 15:52 • 来自相关话题

在制作带有抽奖或投票的作品时,有时在电脑上使用预览链接测试效果,会发现要输入二维码,不用担心,这个是系统自带的防刷票验证,这个验证一般只会在pc端出现一次,手机上是不会出现的,在手机上要做到防刷票,可以参考下面几个方法:
 1.使用代码检测是不是在微信环境
使用了抽奖与投票控件的作品会自带验证功能, 查看全部
在制作带有抽奖或投票的作品时,有时在电脑上使用预览链接测试效果,会发现要输入二维码,不用担心,这个是系统自带的防刷票验证,这个验证一般只会在pc端出现一次,手机上是不会出现的,在手机上要做到防刷票,可以参考下面几个方法:
 1.使用代码检测是不是在微信环境
使用了抽奖与投票控件的作品会自带验证功能,这个验证需要使用微信的相关功能,所以建议限制作品只在微信里传播。
这个链接里的代码可以用来检测是不是在微信的环境: http://bbs.mugeda.com/?/question/3014
如果还需要使用其他的api,可以参考这个链接:http://card.mugeda.com/mugedaApiDoc/index.html
 
(注意:抽奖与投票功能在导出后会自动失效,因为它需要使用微信的一些功能,这功能在mugeda里使用是已经设置好的)
 
2.给有抽奖或投票行为的按钮再加一个提示,让用户等待一小段时间
抽奖与投票行为需要向服务器请求结果,这个过程根据用户使用的网络不同会有不同的等待时间,或者服务器响应比较慢时,用户那边如果长时间没有反馈,用户可能会多次点击,从而造成多次抽奖或投票了,建议在按钮上加一个改变元素行为,在请求结果的同时让一个提示告诉用户现在正在抽奖或投票,请等待一下,然后抽奖的行为设置里成功或失败可以设置跳页面或帧,帧上设置行为让提示移开,或者使用回调函数,回调函数里可以写代码让这个提示移开同时写跳页面等行为。
 
可以参考一下这个demo里的行为设置: https://www.mugeda.com/animation/edit/19889614
 
 
 
 

【代码分享】播放音频的时候减少背景音乐的音量

原创分享lx_mgd 发表了文章 • 1 个评论 • 2421 次浏览 • 2017-12-05 17:52 • 来自相关话题

播放音频的时候减少背景音乐的音量,音频播放完成后再让背景音乐恢复原来的音量
可以先看效果:http://cn.mugeda.com/animation/edit/4d3f13b6
 
或者这个链接 https://cn.mugeda.com/animation/edit/a63a180c
 
主要思 查看全部
播放音频的时候减少背景音乐的音量,音频播放完成后再让背景音乐恢复原来的音量
可以先看效果:http://cn.mugeda.com/animation/edit/4d3f13b6
 
或者这个链接 https://cn.mugeda.com/animation/edit/a63a180c
 
主要思路是,物体上加行为来使用回调函数来减少音量,同时控制音频播放,然后在音频上加回调来恢复音量

ctrlaudio.png

 
使用到的代码:
mugeda.addEventListener("renderready", function(){
var scene = mugeda.scene;
var bg;

window.lowerBgmusic = function(){
bg = window.backgroundMusic;
bg.volume = 0.2;
}

window.normalBgmusic = function(){
bg = window.backgroundMusic;
bg.volume = 1;
}

});
实际使用时可能需要把音频放到舞台外

【代码分享】设置视频循环播放

原创分享lx_mgd 发表了文章 • 6 个评论 • 3159 次浏览 • 2017-11-10 13:33 • 来自相关话题

mugeda.addEventListener("renderready", function(){
setInterval(function(){
Array.prototype.forEach.call(Mugeda.currentAni.dom.qu 查看全部
mugeda.addEventListener("renderready", function(){
setInterval(function(){
Array.prototype.forEach.call(Mugeda.currentAni.dom.querySelectorAll('video'), function(video){
video.setAttribute('loop', 'true');
});
}, 2000);
});
把上面的代码放到js框中,这样作品里的视频就可以自动循环了。
 
demo:
http://www.mugeda.com/animation/edit/c46c3803

【代码分享】分享直播课里的倒计时代码

原创分享lx_mgd 发表了文章 • 3 个评论 • 3431 次浏览 • 2017-07-04 11:28 • 来自相关话题

http://www.mugeda.com/animation/edit/ac798442​ 
 
大家需要自己配置代码下面加粗的部分
 
var eventTime = moment('2017-10-01 19:22:30').unix();
把这行代码里的时间改为自己的活动时间,
 
djs. 查看全部
http://www.mugeda.com/animation/edit/ac798442​ 
 
大家需要自己配置代码下面加粗的部分
 
var eventTime = moment('2017-10-01 19:22:30').unix();
把这行代码里的时间改为自己的活动时间,
 
djs.text = '活动已结束';
这行代码里的文字说明改为自己想要的文字
 
对显示的时间做修改
djs.text = duration.years() + '年'+ duration.months() + '月' + duration.days() + '天' + duration.hours()+ '小时' + duration.minutes()+ '分' + duration.seconds() + '秒';
 
更多操作,可以到moment.js的官网查看
 
http://momentjs.cn/
 
 

请问分享后要停留在分享的那个页面如何实现

问题答疑qq158ce 发表了文章 • 2 个评论 • 2095 次浏览 • 2016-07-03 09:21 • 来自相关话题

请问分享后要停留在分享的那个页面如何实现,有大神说要用代码,代码是?
请问分享后要停留在分享的那个页面如何实现,有大神说要用代码,代码是?

自定义分享按钮

问题答疑tiantian2167 发表了文章 • 2 个评论 • 1893 次浏览 • 2016-07-01 14:19 • 来自相关话题

木疙瘩中有定义分享的行为,但是我想在页面上做一个分享按钮来点击,就分享到朋友圈,这个该怎么做呢
木疙瘩中有定义分享的行为,但是我想在页面上做一个分享按钮来点击,就分享到朋友圈,这个该怎么做呢