问题答疑

问题答疑

提出您在创作作品时遇到的问题和疑惑
培训教程

培训教程

线上直播、线下培训、视频教程
原创分享

原创分享

分享您的原创作品,创作经验,操作技巧
BUG反馈

BUG反馈

反馈您在使用Mugeda时遇到的BUG
新功能需求

新功能需求

写下您期待Mugeda增加的新功能

木疙瘩#每日分享吧#2019-06-11

qz 发表了文章 • 0 个评论 • 4260 次浏览 • 2019-06-12 12:00 • 来自相关话题

木疙瘩每日分享吧
2019年6月11日 星期二
——————————————
【模版推荐】
时光列车 定制我的火车票
http://uee.me/aVSUG
津城日渐消失的老行当
http://uee.me/aVSUH
pick你的90后关键词
http://uee.me/aVSUJ

(如何快速找 查看全部
木疙瘩每日分享吧
2019年6月11日 星期二
——————————————
【模版推荐】
时光列车 定制我的火车票
http://uee.me/aVSUG
津城日渐消失的老行当
http://uee.me/aVSUH
pick你的90后关键词
http://uee.me/aVSUJ

(如何快速找到以上模版?)
打开木疙瘩模版中心,在顶部搜索栏中输入模版名称即可

【每日一答】
Q:木疙瘩的翻页效果,设置了以后全篇都是一样的翻页效果么?可以给每页设置不同的翻页效果么?
A:默认是设置全局的翻页效果,可通过添加翻页行为给每页设置不同的翻页效果。

——————————————
【本周在线直播培训】
主题:H5新闻微专栏及可视化专题制作
嘉宾:木疙瘩CEO王志
时间:本周四晚7点
直播间:http://u6.gg/sE5eU
(可发到电脑上全屏观看)
——————————————
本期编辑:木木

木疙瘩#每日分享吧#2019-06-12

qz 发表了文章 • 0 个评论 • 5176 次浏览 • 2019-06-12 11:28 • 来自相关话题

木疙瘩每日分享吧
2019年6月12日 星期三
——————————————
【元件动画源文件共享】
超酷转盘加载特效
预览地址:
http://uee.me/aVT7k

打开共享源文件,将作品另存到自己账号中
共享源文件:
https://www.mugeda.com/animation/edi 查看全部
木疙瘩每日分享吧
2019年6月12日 星期三
——————————————
【元件动画源文件共享】
超酷转盘加载特效
预览地址:
http://uee.me/aVT7k

打开共享源文件,将作品另存到自己账号中
共享源文件:
https://www.mugeda.com/animation/edit/ddbe3454

【每日一答】
Q:木疙瘩只能联网使用吗?有没有下载版软件?
A:木疙瘩有离线版软件可以下载使用。点击木疙瘩官网顶部的“离线版”按钮,可以找到下载链接。

——————————————
【融媒全家桶模版包】上线:
✅包含23个精品模版
✅涵盖10类高频应用场景
✅300+页面可自由排列组合
查看模版包:http://u6.gg/sEyhP
——————————————
本期编辑:木木

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

qqf35714a4fc 发表了文章 • 0 个评论 • 6150 次浏览 • 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)转换工具
点上面的工具转换你要的时间即可。
当然这是一个,不完美的代码。
正如我所说要以超少代码实现到特定时间活动结束的效果。
下次再更新更好更快捷的代码方法。
有问题可回复或点击我空间联系。

【代码分享】设置作品只能在微信浏览器打开

qqf35714a4fc 发表了文章 • 1 个评论 • 6239 次浏览 • 2019-06-09 17:26 • 来自相关话题

var ua = navigator.userAgent.toLowerCase();  
            var isWeixin = ua.indexOf('micromessenger') != -1;   //这里判断是不是微信浏览器
             if (!isWeix 查看全部
var ua = navigator.userAgent.toLowerCase();  
            var isWeixin = ua.indexOf('micromessenger') != -1;   //这里判断是不是微信浏览器
             if (!isWeixin) {  
               document.head.innerHTML = '<title>请在微信客户端打开</title>';   //可更改里面的提示文字
                document.body.innerHTML = '<h3 style="text-align: center">请在微信客户端打开 </h3><div align="center"><img src="http://t.im/h4w1" width="300" /></div>';  
            }
             //页面提示内容 src=""双引号里面的网址可更换为自己作品的二维码链接
            //if (!isWeixin) {} 这个是执行内容
        
            

 
复制上方加粗代码到mugeda代码框里即可,有问题可回复或点击我空间联系。
 

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

lx_mgd 发表了文章 • 6 个评论 • 7332 次浏览 • 2019-06-06 14:41 • 来自相关话题

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

视频横屏新方法:作品1, 查看全部
安卓机下视频和输入框在竖屏下一般没有问题,横屏时会受系统的一些限制,可以用下边的方法来处理一下
 
输入框问题,直接使用回调函数调用浏览器弹窗形式的输入框:
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

【代码分享】检测用户屏幕是否是横的,并给出需要横屏的提示

lx_mgd 发表了文章 • 0 个评论 • 8205 次浏览 • 2019-06-06 14:29 • 来自相关话题

可以直接扫码看效果





 
 
作品用到了代码去检测屏幕是否是横的,如果是横的,就把提示移开,如果是竖直的,就把提示移到舞台中。
提示是一张图片,你可以自己修改替换,提示的图片最好加上怎样打开屏幕锁的说明,因为不是所有用户都明白打开屏幕锁是什么意思mugeda.addEventListene 查看全部
可以直接扫码看效果

横竖.png

 
 
作品用到了代码去检测屏幕是否是横的,如果是横的,就把提示移开,如果是竖直的,就把提示移到舞台中。
提示是一张图片,你可以自己修改替换,提示的图片最好加上怎样打开屏幕锁的说明,因为不是所有用户都明白打开屏幕锁是什么意思
mugeda.addEventListener("renderready", function(){
var scene = mugeda.scene;
var tips = scene.getObjectByName('提示');

var screenDirection = window.matchMedia("(orientation: portrait)");

screenDirection.addListener(handleOrientationChange);

handleOrientationChange(screenDirection);

function handleOrientationChange(screenDirection) {
if (screenDirection.matches) {
/* 竖屏处理事件 */
tips.top = 0;

} else {
/* 横屏屏处理事件 */
tips.top = -350;

}
}

});
 
 
在以下公众号回复“横屏提示”,获取本文的源文件链接

扫码.png

 

【通知】2019端午节木疙瘩服务时间

qz 发表了文章 • 0 个评论 • 5681 次浏览 • 2019-06-03 17:31 • 来自相关话题

 相关问题:
——作品审核——
建议不要反复修改重新发布,会影响您的项目上线,造成不必要的麻烦。如急需上线可购买会员,发布后直接查看并使用。
 
——付费会员人工客服——
登录后网页右侧橙色图标 - 人工客服
 
——智能机器人——
登录后网页右侧橙色图标 - 智能客服
 
——QQ 交流群——
查看全部
端午节客服时间.jpg


 相关问题:
——作品审核——
建议不要反复修改重新发布,会影响您的项目上线,造成不必要的麻烦。如急需上线可购买会员,发布后直接查看并使用。
 
——付费会员人工客服——
登录后网页右侧橙色图标 - 人工客服
 
——智能机器人——
登录后网页右侧橙色图标 - 智能客服
 
——QQ 交流群——
(不属于客服服务,用于用户间技术交流)

教师交流群:475633109
企业交流群:562256909
新媒体交流群:338214678
学生交流群:413632245
独立设计师群:662106426
 
——查看教程——
图文百科全书:http://bbs.mugeda.com/?/feature/zhishi
官方视频教程:http://edu.mugeda.com/lesson.p ... 55f01
最新案例教程:https://ke.qq.com/course/list/Mugeda?tuin=6386c66
 
 
——申请推荐企业/设计师——
http://bbs.mugeda.com/?/article/583 

——申请发票——
http://bbs.mugeda.com/?/article/271

【代码分享】H5里实现微信点击图片全屏预览预览效果,可双指缩放图片

lx_mgd 发表了文章 • 8 个评论 • 12165 次浏览 • 2019-05-31 14:17 • 来自相关话题

先预览一下看效果:





 
https://e.u.mgd5.com/c/ams9/uni0/index.html
 

 
下边的是内容里需要添加的代码mugeda.addEventListener("renderready", function(){
var 查看全部
先预览一下看效果:

sss.png

 
https://e.u.mgd5.com/c/ams9/uni0/index.html
 

 
下边的是内容里需要添加的代码
mugeda.addEventListener("renderready", function(){
var scene = mugeda.scene;
window.checkuseragent = function(){
var useragent = navigator.userAgent;
if (useragent.match(/MicroMessenger/i) != 'MicroMessenger') {
return false;
}else{
return true;
}
}

var picArr = ;
window.getimgurl = function(){
var max = 5; //这里的数字是需要按你自己图片的数量修改的
var j;
var picdom;
for (i = 0; i < max; i++) {
j = i+1;
picdom = scene.getObjectByName('pic'+j).dom;
picArr.push(picdom.src);
}
}

window.customview = function(){
if(checkuseragent()){
wx.previewImage({
current: picArr[0],
urls: picArr
});
}

}

});

需要注意的:
1.把需要用户点击的元素放在舞台中,并上添加点击时执行回调函数customview,其他图片需要上传到素材库后再放到舞台外,图片命名规则是pic1,pic2,pic3,pic4等,本例子中是把pic1设置成需要用户点击的物体了
2.图片加载需要时间,所以最好使用一个定时器来初始化预览效果,定时器加回调函数getimgurl,等待定时器结束时执行回调
3.这个效果只在微信里生效,其他地方无效
4.如果你的图片数量不是5,那么需要在代码里把 var max = 5; 这里的数字修改成你图片的数量
 
 
在以下公众号回复“全屏预览图片”,获取本文的源文件链接
 

扫码.png

 
 

【小技巧】当出现动画加载到100%就停止的问题,我们怎么检查问题呢?

m202306174 回复了问题 • 3 人关注 • 1 个回复 • 7991 次浏览 • 2019-05-31 12:00 • 来自相关话题

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

回复

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

【已解决】谁能给帮我制作一个,有偿!

goodman123 回复了问题 • 2 人关注 • 1 个回复 • 2950 次浏览 • 2019-05-31 10:23 • 来自相关话题

【代码分享】判断多选控件选中了几个

lx_mgd 发表了文章 • 0 个评论 • 7111 次浏览 • 2019-05-15 14:07 • 来自相关话题

如果选中了3个,点“验证”文本时,会判断出选中了3个,不然会判断没选中3个。“验证”文本上设置了回调函数,会去检查“复选框1”的内容。
 mugeda.addEventListener("renderready", function(){
var scene = muge 查看全部

如果选中了3个,点“验证”文本时,会判断出选中了3个,不然会判断没选中3个。“验证”文本上设置了回调函数,会去检查“复选框1”的内容。
 
mugeda.addEventListener("renderready", function(){
var scene = mugeda.scene;
var fuxuankuang = scene.getObjectByName('复选框1');

window.selectchecklist = function(){
var _arr = fuxuankuang.text.split(';');
if(_arr.length == 3){
scene.getObjectByName('判断结果').text = '已选3个';
}else{
scene.getObjectByName('判断结果').text = '不是3个'
}
}

});

 
在以下公众号回复“判断多选”,获取本文的源文件链接

扫码.png

 
 

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

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

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





在弹出的窗口点击确定





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


在弹出的窗口点击确定
2.png


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


选择其他编码,UTF-8
4.png


选择分隔符号,导入起始行1
5.png


选择逗号
6.png


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


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

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

扫码.png

 
 
 
 
 
 

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

回复

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

【通知】2019五一劳动节木疙瘩服务时间

qz 发表了文章 • 0 个评论 • 6581 次浏览 • 2019-04-28 10:27 • 来自相关话题

 相关问题:
——作品审核——
建议不要反复修改重新发布,会影响您的项目上线,造成不必要的麻烦。如急需上线可购买会员,发布后直接查看并使用。
 
——付费会员人工客服——
登录后网页右侧橙色图标 - 人工客服
 
——智能机器人——
登录后网页右侧橙色图标 - 智能客服
 
——QQ 交流群——
查看全部
51放假值班表.png

 相关问题:
——作品审核——

建议不要反复修改重新发布,会影响您的项目上线,造成不必要的麻烦。如急需上线可购买会员,发布后直接查看并使用。
 
——付费会员人工客服——
登录后网页右侧橙色图标 - 人工客服
 
——智能机器人——
登录后网页右侧橙色图标 - 智能客服
 
——QQ 交流群——
(不属于客服服务,用于用户间技术交流)

教师交流群:475633109
企业交流群:562256909
新媒体交流群:338214678
学生交流群:413632245
独立设计师群:662106426
 
——查看教程——
图文百科全书:http://bbs.mugeda.com/?/feature/zhishi
官方视频教程:http://edu.mugeda.com/lesson.p ... 55f01
最新案例教程:https://ke.qq.com/course/list/Mugeda?tuin=6386c66
 
 
——申请推荐企业/设计师——
http://bbs.mugeda.com/?/article/583 

——申请发票——
http://bbs.mugeda.com/?/article/271

【经验分享】使用物体控制长图文上下滑动

lx_mgd 发表了文章 • 1 个评论 • 11708 次浏览 • 2019-04-18 18:17 • 来自相关话题

先打开链接看效果: https://www.mugeda.com/animation/edit/e7688fd1
 
 
用到的知识点有:裁剪组,属性关联,自动关联设置,设置拖动物体极值,透明图层屏蔽行为
 
首先把长图文都选中组合一次,取名aaa,然后再组合一次,设置外边的组合属性为裁剪组,并设置 查看全部
先打开链接看效果: https://www.mugeda.com/animation/edit/e7688fd1
 
 
用到的知识点有:裁剪组,属性关联,自动关联设置,设置拖动物体极值,透明图层屏蔽行为
 
首先把长图文都选中组合一次,取名aaa,然后再组合一次,设置外边的组合属性为裁剪组,并设置可以垂直拖动。然后使用变形工具把最外层组合的高度调到合适的高度。此时在最外层组合上画一个透明图形,让这个组合里的元素不能被拖动。
 
然后新建图层,新图层上画一个物体,取名为bbb,设置可以垂直拖动,然后上下移动这个物体,找到两个极值,记下来两个数值,分别填到两个改变元素属性行为里。大概如下图:

上.png

 
 
最后,设置aaa的属性关联,把它的上值关联到bbb上,主控量是bbb的上值变化的两个极值,被控量是aaa的上值的变化的两个极值。
 
大概如下图:
关联.png

 
至此,就完成了使用物体控制长图文的设置了。
 
注意,此效果需要在手机上观看。
 
 

如何获取木疙瘩用户名

qz 发表了文章 • 0 个评论 • 6202 次浏览 • 2019-04-17 15:08 • 来自相关话题

怎样找到你的木疙瘩用户的唯一ID呢?

登录后,展开网站右上角头像处的下拉菜单,选择【我的账户】

或直接打开我的账户页:https://www.mugeda.com/account.php

在「我的信息」中的【用户名】就是你的木疙瘩唯一ID了:





  查看全部
怎样找到你的木疙瘩用户的唯一ID呢?

登录后,展开网站右上角头像处的下拉菜单,选择【我的账户】

或直接打开我的账户页:https://www.mugeda.com/account.php

在「我的信息」中的【用户名】就是你的木疙瘩唯一ID了:

5cb597ed9bbd0f1af23951bb.jpg

 

【通知】2019清明节木疙瘩服务时间

qz 发表了文章 • 0 个评论 • 6173 次浏览 • 2019-04-04 15:10 • 来自相关话题

相关问题:
——作品审核——
建议不要反复修改重新发布,会影响您的项目上线,造成不必要的麻烦。如急需上线可购买会员,发布后直接查看并使用。
 
——付费会员人工客服——
登录后网页右侧橙色图标 - 人工客服
 
——智能机器人——
登录后网页右侧橙色图标 - 智能客服
 
——QQ 交流群——
(不 查看全部
清明节客服时间.png


相关问题:
——作品审核——
建议不要反复修改重新发布,会影响您的项目上线,造成不必要的麻烦。如急需上线可购买会员,发布后直接查看并使用。
 
——付费会员人工客服——
登录后网页右侧橙色图标 - 人工客服
 
——智能机器人——
登录后网页右侧橙色图标 - 智能客服
 
——QQ 交流群——
(不属于客服服务,用于用户间技术交流)

教师交流群:475633109
企业交流群:562256909
新媒体交流群:338214678
学生交流群:413632245
独立设计师群:662106426
 
——查看教程——
图文百科全书:http://bbs.mugeda.com/?/feature/zhishi
官方视频教程:http://edu.mugeda.com/lesson.p ... 55f01
最新案例教程:https://ke.qq.com/course/list/Mugeda?tuin=6386c66
 
 
——申请推荐企业/设计师——
http://bbs.mugeda.com/?/article/583 

——申请发票——
http://bbs.mugeda.com/?/article/271

【代码分享】三级菜单下拉框

ddbackhome 回复了问题 • 11 人关注 • 2 个回复 • 13402 次浏览 • 2019-04-03 11:33 • 来自相关话题

[设计向]H5适配推荐设置 V3.0

mugeda-muyu 发表了文章 • 0 个评论 • 5167 次浏览 • 2019-03-25 17:11 • 来自相关话题

Mugeda提供不同的屏幕适配方式,默认的适配方式是宽度适配,垂直居中。由于设备尺寸千差万别,这种适配方式,可能会导致作品部分内容在某些设备上出现图片被截掉的情况,这个是很正常的。

一般默认舞台的大小为320px*520px,为了适配长屏手机,建议把舞台大小设置为320px*729px。素材建议设 查看全部
Mugeda提供不同的屏幕适配方式,默认的适配方式是宽度适配,垂直居中。由于设备尺寸千差万别,这种适配方式,可能会导致作品部分内容在某些设备上出现图片被截掉的情况,这个是很正常的。

一般默认舞台的大小为320px*520px,为了适配长屏手机,建议把舞台大小设置为320px*729px。素材建议设计成双倍精度以保证质量,设计素材时需处理成640px*1458px,分辨率72。
然后在设计时,考虑到上下可能会被手机屏幕截掉,需要预留出一定的安全空间。在安全空间外,不要放置重要的设计元素。
为方便大家的作品能够适应多种屏幕的手机,推荐使用以下尺寸及适配来制作H5。

1.宽度适配,垂直居中的适配方式,舞台大小为320px*520px的尺寸;把背景等需要显示出现在舞台外的内容锁定左或右边距。
2.宽度适配,垂直居中的适配方式,舞台尺寸设置为320px*729px尺寸时,在适配小屏幕手机时会出现上下两边被截掉一部分的情况,需要在设计时设置320px*520px的安全框,在上下104.5px的位置不要放置重要的元素。

如下图所示:

微信截图_20190325170305.png

 

​1.6.3 作品创建前必读: 移动端H5页面音频/视频规范

wx44b9991858 回复了问题 • 3 人关注 • 1 个回复 • 8753 次浏览 • 2019-03-20 08:34 • 来自相关话题

【活动】全国两会H5新闻专题线上分享交流会(第2期)

xutantan 发表了文章 • 0 个评论 • 7268 次浏览 • 2019-03-15 17:17 • 来自相关话题

 2019年“两会”临近尾声,3月19日晚7点,木疙瘩将组织第2期线上分享会,邀请的嘉宾拥有丰富的H5融媒互动新闻创作经验!












人民日报媒体技术公司产品经理  王 盈 答疑




木疙瘩CEO 王 志 答疑




评论区




为庆祝全国“两会”胜利召开,
查看全部
 2019年“两会”临近尾声,3月19日晚7点,木疙瘩将组织第2期线上分享会,邀请的嘉宾拥有丰富的H5融媒互动新闻创作经验!
两会推文内图-2.jpg

20.jpg

未标题-1.jpg

人民日报媒体技术公司产品经理  王 盈 答疑
1.jpg

木疙瘩CEO 王 志 答疑
2.jpg

评论区
3.jpg

为庆祝全国“两会”胜利召开,
木疙瘩专门为媒体用户准备了更多福利,

充值5000元送500元
再送10个精品新闻模版
查看详情>>

【代码分享】在木疙瘩中添加雷达图的方法

ddbackhome 发表了文章 • 2 个评论 • 8374 次浏览 • 2019-03-13 11:34 • 来自相关话题

木疙瘩自己并没有雷达图功能,但可以使用代码来生成,下面是一个案例
 
发布链接:https://6.u.mgd5.com/c/n20h/q8hp/index.html
发布链接预览:





 
 
打开下边的链接并另存
https://www.mugeda.com/animation/edit 查看全部
木疙瘩自己并没有雷达图功能,但可以使用代码来生成,下面是一个案例
 
发布链接:https://6.u.mgd5.com/c/n20h/q8hp/index.html
发布链接预览:

下载.png

 
 
打开下边的链接并另存
https://www.mugeda.com/animation/edit/6b202b89
 
作品中用到了js来生成canvas,并在canvas中绘制了雷达图,两个文本上分别设置了两个回调函数,点击文本,即可调用回调函数生成雷达图。代码使用 scene.getObjectByName('chartContainer').dom 把mugeda对象转换成dom对象,然后才可以使用原生js来进行操作,这里是api文档,可以参考一下:http://card.mugeda.com/mugedaApiDoc/index.html
 
mugeda.addEventListener("renderready", function(){
var scene = mugeda.scene;
var chartContainer = scene.getObjectByName('chartContainer').dom;

var mW = 300; //雷达图的宽
var mH = 300; //雷达图的高
var mData = [['速度', 77],['力量', 72],['防守', 46],['射门', 50],['传球', 80],['耐力', 60]];
var mCount = mData.length; //边数
var mCenter = mW /2; //中心点
var mRadius = mCenter - 50; //半径(减去的值用于给绘制的文本留空间)
var mAngle = Math.PI * 2 / mCount; //角度
var mCtx = null;
var mColorPolygon = '#B8B8B8'; //多边形颜色
var mColorLines = '#B8B8B8'; //顶点连线颜色
var mColorText = '#000000';
var canvas;

//回调函数
window.createRadarChat = function(){
//初始化
// (function(){
// var canvas = document.createElement('canvas');

// document.body.appendChild(canvas);
// chartContainer.appendChild(canvas);

chartContainer.innerHTML = '<canvas id="myCart"></canvas>';
canvas = document.getElementById('myCart');

canvas.height = mH;
canvas.width = mW;
mCtx = canvas.getContext('2d');

drawPolygon(mCtx);
drawLines(mCtx);
drawText(mCtx);
drawRegion(mCtx);
drawCircle(mCtx);
// })();
}

//回调函数
window.changeChart = function(){
mData = [['速度', 70],['力量', 32],['防守', 16],['射门', 90],['传球', 80],['耐力', 60]];

chartContainer.innerHTML = '<canvas id="myCart"></canvas>';

canvas = document.getElementById('myCart');

canvas.height = mH;
canvas.width = mW;
mCtx = canvas.getContext('2d');

drawPolygon(mCtx);
drawLines(mCtx);
drawText(mCtx);
drawRegion(mCtx);
drawCircle(mCtx);
}

// 绘制多边形边
function drawPolygon(ctx){
ctx.save();

ctx.strokeStyle = mColorPolygon;
var r = mRadius/ mCount; //单位半径
//画6个圈
for(var i = 0; i < mCount; i ++){
ctx.beginPath();
var currR = r * ( i + 1); //当前半径
//画6条边
for(var j = 0; j < mCount; j ++){
var x = mCenter + currR * Math.cos(mAngle * j);
var y = mCenter + currR * Math.sin(mAngle * j);

ctx.lineTo(x, y);
}
ctx.closePath()
ctx.stroke();
}

ctx.restore();
}

//顶点连线
function drawLines(ctx){
ctx.save();

ctx.beginPath();
ctx.strokeStyle = mColorLines;

for(var i = 0; i < mCount; i ++){
var x = mCenter + mRadius * Math.cos(mAngle * i);
var y = mCenter + mRadius * Math.sin(mAngle * i);

ctx.moveTo(mCenter, mCenter);
ctx.lineTo(x, y);
}

ctx.stroke();

ctx.restore();
}

//绘制文本
function drawText(ctx){
ctx.save();

var fontSize = mCenter / 12;
ctx.font = fontSize + 'px Microsoft Yahei';
ctx.fillStyle = mColorText;

for(var i = 0; i < mCount; i ++){
var x = mCenter + mRadius * Math.cos(mAngle * i);
var y = mCenter + mRadius * Math.sin(mAngle * i);

if( mAngle * i >= 0 && mAngle * i <= Math.PI / 2 ){
ctx.fillText(mData[i][0], x, y + fontSize);
}else if(mAngle * i > Math.PI / 2 && mAngle * i <= Math.PI){
ctx.fillText(mData[i][0], x - ctx.measureText(mData[i][0]).width, y + fontSize);
}else if(mAngle * i > Math.PI && mAngle * i <= Math.PI * 3 / 2){
ctx.fillText(mData[i][0], x - ctx.measureText(mData[i][0]).width, y);
}else{
ctx.fillText(mData[i][0], x, y);
}

}

ctx.restore();
}

//绘制数据区域
function drawRegion(ctx){
ctx.save();

ctx.beginPath();
for(var i = 0; i < mCount; i ++){
var x = mCenter + mRadius * Math.cos(mAngle * i) * mData[i][1] / 100;
var y = mCenter + mRadius * Math.sin(mAngle * i) * mData[i][1] / 100;

ctx.lineTo(x, y);
}
ctx.closePath();
ctx.fillStyle = 'rgba(255, 0, 0, 0.5)';
ctx.fill();

ctx.restore();
}

//画点
function drawCircle(ctx){
ctx.save();

var r = mCenter / 30;
for(var i = 0; i < mCount; i ++){
var x = mCenter + mRadius * Math.cos(mAngle * i) * mData[i][1] / 100;
var y = mCenter + mRadius * Math.sin(mAngle * i) * mData[i][1] / 100;

ctx.beginPath();
ctx.arc(x, y, r, 0, Math.PI * 2);
ctx.fillStyle = 'rgba(255, 0, 0, 0.8)';
ctx.fill();
}

ctx.restore();
}

// 代码参考以下博客
// 原文:https://blog.csdn.net/lecepin/ ... 66711


});


【媒体用户专享福利】充值送10个总价值5000元两会模版

qz 发表了文章 • 0 个评论 • 6921 次浏览 • 2019-02-22 18:30 • 来自相关话题

好消息~媒体用户专享福利来了!!
现在充值5000元送500元+10个总价值5000元的两会模版!
活动时间:2019.2.21~2019.3.31









 
充值5000送模版_公众号封面首图_2019.02_.22_.png

好消息~媒体用户专享福利来了!!
现在充值5000元送500元+10个总价值5000元的两会模版!
活动时间:2019.2.21~2019.3.31

充值图片.png

222.jpeg


 

【活动】全国两会H5新闻专题线上分享交流会(第一期)

xutantan 发表了文章 • 0 个评论 • 7431 次浏览 • 2019-02-22 14:38 • 来自相关话题

两会期间,各媒体朋友的目光都聚焦到“两会”报道,怎样利用H5将两会热点持续曝光?怎样将两会报道以创新的方式传播?又怎么快速的掌握新闻类H5的策划、设计以及制作方法?
木疙瘩组织了一场线上分享交流会,邀请两位经验丰富的大咖,共同助力两会H5新闻创新,为你解答相关疑问。

分享交流会回顾>> 查看全部
两会期间,各媒体朋友的目光都聚焦到“两会”报道,怎样利用H5将两会热点持续曝光?怎样将两会报道以创新的方式传播?又怎么快速的掌握新闻类H5的策划、设计以及制作方法?
木疙瘩组织了一场线上分享交流会,邀请两位经验丰富的大咖,共同助力两会H5新闻创新,为你解答相关疑问。

分享交流会回顾>>
(使用微信扫码登录,免费永久会看)


论坛海报切开1.png
论坛海报切开2.png

论坛截图1.jpeg

乔发bbs图.jpg

论坛截图3.jpeg

点击进入优惠套餐页面

【公告】春节期间发布内容注意事项

qz 发表了文章 • 0 个评论 • 6684 次浏览 • 2019-02-01 17:44 • 来自相关话题

各位亲爱的Mu友,大家好:
 
临近春节是各种诱导违规的高发时期,因个别内容违规可能会影响其他用户的正常使用,造成微信转发异常、内容封禁等不良后果。
 
大家在制作和发布内容时,请务必注意:
 
1. 必须严格遵循《微信外部链接内容管理规范》;
 
2. 木疙瘩将对违规内容进行更加严格的审查和处理, 查看全部
各位亲爱的Mu友,大家好:
 
临近春节是各种诱导违规的高发时期,因个别内容违规可能会影响其他用户的正常使用,造成微信转发异常、内容封禁等不良后果。
 
大家在制作和发布内容时,请务必注意:
 
1. 必须严格遵循《微信外部链接内容管理规范》
 
2. 木疙瘩将对违规内容进行更加严格的审查和处理,这也是为了维护平台的安全和保障大家的利益,希望大家理解并配合。

 
 
因此,我们建议免费会员升级为付费会员,因为二者使用的域名不同,升级后可以降低被封几率
付费会员升级木疙瘩提供的自定义域名和公众号绑定服务,只有这样才能将内容安全完全掌握在自己手中,把风险降至最低,不再受到其他用户的影响。
木疙瘩也向新媒体、教育和广告行业的移动交互融媒体提供公私混合云解决方案,可以有效的保障内容安全,并提供诸如一键登录,私有存储等高级特性。详情请咨询 400-101-6190,分机请拨2。


再次感谢广大Mu友对我们的厚爱和支持,我们无以为报,只能更加努力的改进产品,和大家共同进步!


木疙瘩运营团队

【已过期】【公告】付费会员购买付费模版8折的情况下,售卖收入分成处理办法

qz 发表了文章 • 0 个评论 • 7777 次浏览 • 2019-01-31 17:56 • 来自相关话题

亲爱的模版设计师:
 
自2019年1月31日起,木疙瘩平台对付费会员(标准会员、团队会员、企业会员、标准教师会员)权限进行升级,增加了对新媒体、广告宣传、教育模版8折优惠购买的权限。
针对向付费会员售卖模版优惠的20%,将由木疙瘩平台与模版设计师共同承担,非付费会员购买模版的情况不受影响。
 
  查看全部
亲爱的模版设计师:
 
自2019年1月31日起,木疙瘩平台对付费会员(标准会员、团队会员、企业会员、标准教师会员)权限进行升级,增加了对新媒体、广告宣传、教育模版8折优惠购买的权限。
针对向付费会员售卖模版优惠的20%,将由木疙瘩平台与模版设计师共同承担,非付费会员购买模版的情况不受影响。
 
 
———————————————————————————————————————————————————— 
具体收益计算方法如下:
 
1、非付费会员原价购买模版:
木疙瘩平台仅收取售卖收入的20%作为税费及服务费用
模版设计师获得售卖收益 = 模版售价 * 80%
 
2、付费会员8折购买模版:
模版设计师承担优惠的10%,木疙瘩平台在此基础上收取20%作为税费及服务费用。
模版设计师获得售卖收益 = ( 模版售价 * 90% ) * 80%
 
————————————————————————————————————————————————————
 
计算收益举例:
如模版售价 = 100元
 
非付费会员原价购买模版时:
模版设计师获得售卖收益 = 100 * 80% = 80元
 
付费会员8折购买模版时:
模版设计师获得售卖收益 = ( 100 * 90% ) * 80% = 72元
 
————————————————————————————————————————————————————
 
感谢您的合作!
 
 
* 木疙瘩平台保留以上模版售卖收入分成的最终解释权

【通知】190130木疙瘩版本更新

qz 发表了文章 • 0 个评论 • 6804 次浏览 • 2019-01-31 14:56 • 来自相关话题

正式网站新功能更新:
专业版编辑器:全新的拾色器;新增预置考题功能,包含单选题、多选题、计算总分等新控件;图文编辑器:新增样式模版功能,支持将图文复制到微信公众号;同时优化了以上编辑器的一些常见体验问题,提升版本稳定性和使用体验。

beta网站新功能更新:
网站首页界面及内容更新,新增案例展示模块 查看全部
正式网站新功能更新:
  • 专业版编辑器:全新的拾色器;新增预置考题功能,包含单选题、多选题、计算总分等新控件;
  • 图文编辑器:新增样式模版功能,支持将图文复制到微信公众号;
  • 同时优化了以上编辑器的一些常见体验问题,提升版本稳定性和使用体验。


beta网站新功能更新:
  • 网站首页界面及内容更新,新增案例展示模块,优化了右侧悬浮工具条;
  • 优化了微信登录功能:老用户通过关注公众号绑定已有注册账号的手机号,即可实现与手机注册账号的关联,以后可直接微信扫码登录成功;
  • 我的作品页面优化:将我的H5、我的图文作品分开管理,更合理;
  • VIP会员(标准会员、团队会员)权限升级:在原有通用模版免费使用的基础上,增加享有新媒体、广告宣传、教育模版8折优惠的权限。

 
用户使用建议:
  • 两版网站均可正常使用,可根据自己的需求自由输入网址切换网站版本:

         正式版本网址:http://cn.mugeda.com
         beta版本网址:http://beta.mugeda.com
  • 如在使用过程中遇到问题请联系客服, 点击查看 春节期间的客服联系方式和排班表。

【代码分享】H5拜年模版定制分享信息的优化方法

qz 发表了文章 • 0 个评论 • 8251 次浏览 • 2019-01-31 11:21 • 来自相关话题

上周发放的H5拜年模版在定制祝福后,不能立即将定制祝福更新到分享信息上,以下为解决办法:
 
方法一(推荐):
直接另存升级后的源文件地址:
https://www.mugeda.com/animation/edit/6c678499
 
方法二:
1、在已有的模版基础上添加一段代码window.a 查看全部
上周发放的H5拜年模版在定制祝福后,不能立即将定制祝福更新到分享信息上,以下为解决办法:
 
方法一(推荐):
直接另存升级后的源文件地址:
https://www.mugeda.com/animation/edit/6c678499
 
方法二:

1、在已有的模版基础上添加一段代码
window.aaaa = function(){
var to = mugeda.scene.getObjectByName('收件人');
var greeting = mugeda.scene.getObjectByName('祝福语');
var from = mugeda.scene.getObjectByName('发件人');
defineWechatParameters({
title: from.text + "给您拜年啦",
desc: greeting.text
});
}
2、在第3页右侧的确定按钮上添加行为
双击第3页舞台右侧定制弹窗组;
点击“确定”按钮,打开行为窗口;
添加行为:属性控制 > 回调函数;
jietu1.png

点击编辑行为,输入函数名为:aaaa
jietu2.png

 
这样,在用户定制祝福后,分享时祝福语、发卡人就即时出现在分享信息中了,效果如下:
截图3.png

 
 

【通知】2019春节木疙瘩服务时间表

qz 发表了文章 • 0 个评论 • 7491 次浏览 • 2019-01-30 14:18 • 来自相关话题

2019年春节将至,木疙瘩向所有会员和广大网友们拜个早年,预祝大家新春愉快!

首先送上新年福利>>【福利】199元H5拜年模版免费领啦

感谢大家一直以来对木疙瘩的关注与支持,2019年我们会更加努力,为您提供更好的服务。
 
下面是春节放假期间的服务时间表:





 
相关问题 查看全部
2019春节排班表.png


2019年春节将至,木疙瘩向所有会员和广大网友们拜个早年,预祝大家新春愉快!

首先送上新年福利>>【福利】199元H5拜年模版免费领啦

感谢大家一直以来对木疙瘩的关注与支持,2019年我们会更加努力,为您提供更好的服务。
 
下面是春节放假期间的服务时间表:

值班表.png

 
相关问题:
——作品审核——
建议不要反复修改重新发布,会影响您的项目上线,造成不必要的麻烦。如急需上线可购买会员,发布后直接查看并使用。
 
——VIP会员人工客服——
登录后网页右侧橙色图标 - 人工客服
 
——智能机器人——
登录后网页右侧橙色图标 - 智能客服
 
——QQ 交流群——
(不属于客服服务,用于用户间技术交流)

教师交流群:475633109
企业交流群:562256909
新媒体交流群:338214678
学生交流群:413632245
独立设计师群:662106426
 
——查看教程——
图文百科全书:http://bbs.mugeda.com/?/feature/zhishi
官方视频教程:http://edu.mugeda.com/lesson.php?id=59a390ce9aeb7042b5355f01
最新案例教程:https://ke.qq.com/course/list/Mugeda?tuin=6386c66
 
 
——申请推荐企业/设计师——
http://bbs.mugeda.com/?/article/583 

——申请发票——
http://bbs.mugeda.com/?/article/271