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


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


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

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

首先点插入拖放控件，直接点确定

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


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




 
 
同时放一些可以自由拖动的物体，并取名
 


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


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


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


 
 

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


 
按鼠标拖动可以选中多层


到新页面，需要在最右边的没有帧的区域粘贴帧，然后删除左边多出来的帧


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


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


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


 
4.复制元件，但分别修改元件，不让元件同时被修改
如果直接使用快捷键对舞台上的元件复制粘贴，那么这几个元件副本会有这个特点：修改一个元件，其他元件副本也一起变化
如果你不想复制粘贴出来的元件副本同时修改，请去元件库里，点复制元件，再把新生成的元件从元件库里拖到舞台修改


 
 

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


 
 
 
 

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文本就会变成 一串类似这样的数字。
这个数字就是自 1970 年 1 月 1 日以来到现在的时间的毫秒数。
这个数字每次打开作品或刷新都会改变，然后你就在这串数字上做行为就行啦！
我是这样做的，新建一个定时器然后这样设置

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

安卓机下视频和输入框在竖屏下一般没有问题，横屏时会受系统的一些限制，可以用下边的方法来处理一下
 
输入框问题，直接使用回调函数调用浏览器弹窗形式的输入框：
https://www.mugeda.com/animation/edit/b424e791
以上链接可以打开另存

视频横屏新方法：作品1，舞台宽520高320，视频宽520高320，视频设置同层，旋转模式默认，发布得到发布链接；作品2，舞台宽520高320，旋转模式强制横屏，舞台上添加网页控件，把作品1的发布链接嵌入，最后发布作品2

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

如果提交的表单里有身份证等信息，使用excel或wps打开导出的csv文件，会显示成科学计数法，这时需要对excel或wps做一下设置，下面以wps为例。
 
首先新建一个空白的表格
 
选中空白表格左上角第一格A1,选择上方的数据，然后选择导入数据


在弹出的窗口点击确定


数据源选择直接打开数据文件，然后点击下一步，选中之前导出的csv文件


选择其他编码，UTF-8


选择分隔符号，导入起始行1


选择逗号


选中下方数据的任意位置，按ctrl+a全选，然后选择上方的文本，数据预览下方第一行由常规变为文本后点击下方的完成


最终显示的效果就正常了

 
更多精彩内容，可以关注以下公众号


 
 
 
 
 
 

在制作带有抽奖或投票的作品时，有时在电脑上使用预览链接测试效果，会发现要输入二维码，不用担心，这个是系统自带的防刷票验证，这个验证一般只会在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
 
 
 
 

播放音频的时候减少背景音乐的音量，音频播放完成后再让背景音乐恢复原来的音量
 
主要思路是，物体上加行为来使用回调函数来减少音量，同时控制音频播放，然后在音频上加回调来恢复音量


 
使用到的代码：

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(){

    setInterval(function(){

        Array.prototype.forEach.call(Mugeda.currentAni.dom.querySelectorAll('video'), function(video){

            video.setAttribute('loop', 'true');

        });

    }, 2000);

});

把上面的代码放到js框中，这样作品里的视频就可以自动循环了。
 

 

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/
 
 
更多内容可以关注以下公众号


 
 

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

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