【经验分享】使用物体控制长图文上下滑动
先打开链接看效果: https://www.mugeda.com/animation/edit/e7688fd1
用到的知识点有:裁剪组,属性关联,自动关联设置,设置拖动物体极值,透明图层屏蔽行为
首先把长图文都选中组合一次,取名aaa,然后再组合一次,设置外边的组合属性为裁剪组,并设置可以垂直拖动。然后使用变形工具把最外层组合的高度调到合适的高度。此时在最外层组合上画一个透明图形,让这个组合里的元素不能被拖动。
然后新建图层,新图层上画一个物体,取名为bbb,设置可以垂直拖动,然后上下移动这个物体,找到两个极值,记下来两个数值,分别填到两个改变元素属性行为里。大概如下图:
最后,设置aaa的属性关联,把它的上值关联到bbb上,主控量是bbb的上值变化的两个极值,被控量是aaa的上值的变化的两个极值。
大概如下图:
至此,就完成了使用物体控制长图文的设置了。
注意,此效果需要在手机上观看。
收起阅读 »
用到的知识点有:裁剪组,属性关联,自动关联设置,设置拖动物体极值,透明图层屏蔽行为
首先把长图文都选中组合一次,取名aaa,然后再组合一次,设置外边的组合属性为裁剪组,并设置可以垂直拖动。然后使用变形工具把最外层组合的高度调到合适的高度。此时在最外层组合上画一个透明图形,让这个组合里的元素不能被拖动。
然后新建图层,新图层上画一个物体,取名为bbb,设置可以垂直拖动,然后上下移动这个物体,找到两个极值,记下来两个数值,分别填到两个改变元素属性行为里。大概如下图:
最后,设置aaa的属性关联,把它的上值关联到bbb上,主控量是bbb的上值变化的两个极值,被控量是aaa的上值的变化的两个极值。
大概如下图:
至此,就完成了使用物体控制长图文的设置了。
注意,此效果需要在手机上观看。
收起阅读 »
如何获取木疙瘩用户名
怎样找到你的木疙瘩用户的唯一ID呢?
登录后,展开网站右上角头像处的下拉菜单,选择【我的账户】
或直接打开我的账户页:https://www.mugeda.com/account.php
在「我的信息」中的【用户名】就是你的木疙瘩唯一ID了:
收起阅读 »
登录后,展开网站右上角头像处的下拉菜单,选择【我的账户】
或直接打开我的账户页:https://www.mugeda.com/account.php
在「我的信息」中的【用户名】就是你的木疙瘩唯一ID了:
收起阅读 »
【通知】2019清明节木疙瘩服务时间
相关问题:
——作品审核——
建议不要反复修改重新发布,会影响您的项目上线,造成不必要的麻烦。如急需上线可购买会员,发布后直接查看并使用。
——付费会员人工客服——
登录后网页右侧橙色图标 - 人工客服
——智能机器人——
登录后网页右侧橙色图标 - 智能客服
——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适配推荐设置 V3.0
Mugeda提供不同的屏幕适配方式,默认的适配方式是宽度适配,垂直居中。由于设备尺寸千差万别,这种适配方式,可能会导致作品部分内容在某些设备上出现图片被截掉的情况,这个是很正常的。
一般默认舞台的大小为320px*520px,为了适配长屏手机,建议把舞台大小设置为320px*729px。素材建议设计成双倍精度以保证质量,设计素材时需处理成640px*1458px,分辨率72。
然后在设计时,考虑到上下可能会被手机屏幕截掉,需要预留出一定的安全空间。在安全空间外,不要放置重要的设计元素。
为方便大家的作品能够适应多种屏幕的手机,推荐使用以下尺寸及适配来制作H5。
1.宽度适配,垂直居中的适配方式,舞台大小为320px*520px的尺寸;把背景等需要显示出现在舞台外的内容锁定左或右边距。
2.宽度适配,垂直居中的适配方式,舞台尺寸设置为320px*729px尺寸时,在适配小屏幕手机时会出现上下两边被截掉一部分的情况,需要在设计时设置320px*520px的安全框,在上下104.5px的位置不要放置重要的元素。
如下图所示:
收起阅读 »
一般默认舞台的大小为320px*520px,为了适配长屏手机,建议把舞台大小设置为320px*729px。素材建议设计成双倍精度以保证质量,设计素材时需处理成640px*1458px,分辨率72。
然后在设计时,考虑到上下可能会被手机屏幕截掉,需要预留出一定的安全空间。在安全空间外,不要放置重要的设计元素。
为方便大家的作品能够适应多种屏幕的手机,推荐使用以下尺寸及适配来制作H5。
1.宽度适配,垂直居中的适配方式,舞台大小为320px*520px的尺寸;把背景等需要显示出现在舞台外的内容锁定左或右边距。
2.宽度适配,垂直居中的适配方式,舞台尺寸设置为320px*729px尺寸时,在适配小屏幕手机时会出现上下两边被截掉一部分的情况,需要在设计时设置320px*520px的安全框,在上下104.5px的位置不要放置重要的元素。
如下图所示:
收起阅读 »
【代码分享】在木疙瘩中添加雷达图的方法
木疙瘩自己并没有雷达图功能,但可以使用代码来生成,下面是一个案例
发布链接:https://6.u.mgd5.com/c/n20h/q8hp/index.html
发布链接预览:
打开下边的链接并另存
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
发布链接:https://6.u.mgd5.com/c/n20h/q8hp/index.html
发布链接预览:
打开下边的链接并另存
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
});
【答疑】关于“免费领取的两会模版”在部分手机上不能生成海报的问题
目前有部分手机使用屏幕截图功能不能顺利生成海报, 经木疙瘩技术排查,是手机端浏览器的bug导致点赞对屏幕截图功能有干扰,以下为解决方法 :
方法一(推荐):重新另存模版
原始模版已优化完成~重新另存一遍发给大家的“免费模版共享源文件” 即可
方法二:自行删除点赞功能
进入“第4页”——选中“点赞”图层——点击删除点赞图层, 参考下图。保存作品后,即可正常生成海报。
那么,想要点赞功能如何来实现?
参考方法二删除点赞后,可使用木疙瘩的“计数器”功能代替“点赞”, 详细操作可参考视频教程>>
http://edu.mugeda.com/lesson.p ... d60bd
收起阅读 »
方法一(推荐):重新另存模版
原始模版已优化完成~重新另存一遍发给大家的“免费模版共享源文件” 即可
方法二:自行删除点赞功能
进入“第4页”——选中“点赞”图层——点击删除点赞图层, 参考下图。保存作品后,即可正常生成海报。
那么,想要点赞功能如何来实现?
参考方法二删除点赞后,可使用木疙瘩的“计数器”功能代替“点赞”, 详细操作可参考视频教程>>
http://edu.mugeda.com/lesson.p ... d60bd
收起阅读 »
【活动】全国两会H5新闻专题线上分享交流会(第一期)
两会期间,各媒体朋友的目光都聚焦到“两会”报道,怎样利用H5将两会热点持续曝光?怎样将两会报道以创新的方式传播?又怎么快速的掌握新闻类H5的策划、设计以及制作方法?
木疙瘩组织了一场线上分享交流会,邀请两位经验丰富的大咖,共同助力两会H5新闻创新,为你解答相关疑问。
分享交流会回顾>>
(使用微信扫码登录,免费永久会看)
点击进入优惠套餐页面 收起阅读 »
木疙瘩组织了一场线上分享交流会,邀请两位经验丰富的大咖,共同助力两会H5新闻创新,为你解答相关疑问。
分享交流会回顾>>
(使用微信扫码登录,免费永久会看)
点击进入优惠套餐页面 收起阅读 »
【已解决】拖动完成s形路径
按住拖动木块完成s形路径
【公告】春节期间发布内容注意事项
各位亲爱的Mu友,大家好:
临近春节是各种诱导违规的高发时期,因个别内容违规可能会影响其他用户的正常使用,造成微信转发异常、内容封禁等不良后果。
大家在制作和发布内容时,请务必注意:
1. 必须严格遵循《微信外部链接内容管理规范》;
2. 木疙瘩将对违规内容进行更加严格的审查和处理,这也是为了维护平台的安全和保障大家的利益,希望大家理解并配合。
因此,我们建议免费会员升级为付费会员,因为二者使用的域名不同,升级后可以降低被封几率;
付费会员升级木疙瘩提供的自定义域名和公众号绑定服务,只有这样才能将内容安全完全掌握在自己手中,把风险降至最低,不再受到其他用户的影响。
木疙瘩也向新媒体、教育和广告行业的移动交互融媒体提供公私混合云解决方案,可以有效的保障内容安全,并提供诸如一键登录,私有存储等高级特性。详情请咨询 400-101-6190,分机请拨2。
再次感谢广大Mu友对我们的厚爱和支持,我们无以为报,只能更加努力的改进产品,和大家共同进步!
木疙瘩运营团队 收起阅读 »
临近春节是各种诱导违规的高发时期,因个别内容违规可能会影响其他用户的正常使用,造成微信转发异常、内容封禁等不良后果。
大家在制作和发布内容时,请务必注意:
1. 必须严格遵循《微信外部链接内容管理规范》;
2. 木疙瘩将对违规内容进行更加严格的审查和处理,这也是为了维护平台的安全和保障大家的利益,希望大家理解并配合。
因此,我们建议免费会员升级为付费会员,因为二者使用的域名不同,升级后可以降低被封几率;
付费会员升级木疙瘩提供的自定义域名和公众号绑定服务,只有这样才能将内容安全完全掌握在自己手中,把风险降至最低,不再受到其他用户的影响。
木疙瘩也向新媒体、教育和广告行业的移动交互融媒体提供公私混合云解决方案,可以有效的保障内容安全,并提供诸如一键登录,私有存储等高级特性。详情请咨询 400-101-6190,分机请拨2。
再次感谢广大Mu友对我们的厚爱和支持,我们无以为报,只能更加努力的改进产品,和大家共同进步!
木疙瘩运营团队 收起阅读 »
【已过期】【公告】付费会员购买付费模版8折的情况下,售卖收入分成处理办法
亲爱的模版设计师:
自2019年1月31日起,木疙瘩平台对付费会员(标准会员、团队会员、企业会员、标准教师会员)权限进行升级,增加了对新媒体、广告宣传、教育模版8折优惠购买的权限。
针对向付费会员售卖模版优惠的20%,将由木疙瘩平台与模版设计师共同承担,非付费会员购买模版的情况不受影响。
————————————————————————————————————————————————————
具体收益计算方法如下:
1、非付费会员原价购买模版:
木疙瘩平台仅收取售卖收入的20%作为税费及服务费用
模版设计师获得售卖收益 = 模版售价 * 80%
2、付费会员8折购买模版:
模版设计师承担优惠的10%,木疙瘩平台在此基础上收取20%作为税费及服务费用。
模版设计师获得售卖收益 = ( 模版售价 * 90% ) * 80%
————————————————————————————————————————————————————
计算收益举例:
如模版售价 = 100元
非付费会员原价购买模版时:
模版设计师获得售卖收益 = 100 * 80% = 80元
付费会员8折购买模版时:
模版设计师获得售卖收益 = ( 100 * 90% ) * 80% = 72元
————————————————————————————————————————————————————
感谢您的合作!
* 木疙瘩平台保留以上模版售卖收入分成的最终解释权 收起阅读 »
自2019年1月31日起,木疙瘩平台对付费会员(标准会员、团队会员、企业会员、标准教师会员)权限进行升级,增加了对新媒体、广告宣传、教育模版8折优惠购买的权限。
针对向付费会员售卖模版优惠的20%,将由木疙瘩平台与模版设计师共同承担,非付费会员购买模版的情况不受影响。
————————————————————————————————————————————————————
具体收益计算方法如下:
1、非付费会员原价购买模版:
木疙瘩平台仅收取售卖收入的20%作为税费及服务费用
模版设计师获得售卖收益 = 模版售价 * 80%
2、付费会员8折购买模版:
模版设计师承担优惠的10%,木疙瘩平台在此基础上收取20%作为税费及服务费用。
模版设计师获得售卖收益 = ( 模版售价 * 90% ) * 80%
————————————————————————————————————————————————————
计算收益举例:
如模版售价 = 100元
非付费会员原价购买模版时:
模版设计师获得售卖收益 = 100 * 80% = 80元
付费会员8折购买模版时:
模版设计师获得售卖收益 = ( 100 * 90% ) * 80% = 72元
————————————————————————————————————————————————————
感谢您的合作!
* 木疙瘩平台保留以上模版售卖收入分成的最终解释权 收起阅读 »
【通知】190130木疙瘩版本更新
正式网站新功能更新:
beta网站新功能更新:
用户使用建议:
正式版本网址:http://cn.mugeda.com
beta版本网址:http://beta.mugeda.com
收起阅读 »
- 专业版编辑器:全新的拾色器;新增预置考题功能,包含单选题、多选题、计算总分等新控件;
- 图文编辑器:新增样式模版功能,支持将图文复制到微信公众号;
- 同时优化了以上编辑器的一些常见体验问题,提升版本稳定性和使用体验。
beta网站新功能更新:
- 网站首页界面及内容更新,新增案例展示模块,优化了右侧悬浮工具条;
- 优化了微信登录功能:老用户通过关注公众号绑定已有注册账号的手机号,即可实现与手机注册账号的关联,以后可直接微信扫码登录成功;
- 我的作品页面优化:将我的H5、我的图文作品分开管理,更合理;
- VIP会员(标准会员、团队会员)权限升级:在原有通用模版免费使用的基础上,增加享有新媒体、广告宣传、教育模版8折优惠的权限。
用户使用建议:
- 两版网站均可正常使用,可根据自己的需求自由输入网址切换网站版本:
正式版本网址:http://cn.mugeda.com
beta版本网址:http://beta.mugeda.com
- 如在使用过程中遇到问题请联系客服, 点击查看 春节期间的客服联系方式和排班表。
收起阅读 »
【代码分享】H5拜年模版定制分享信息的优化方法
上周发放的H5拜年模版在定制祝福后,不能立即将定制祝福更新到分享信息上,以下为解决办法:
方法一(推荐):
直接另存升级后的源文件地址:
https://www.mugeda.com/animation/edit/6c678499
方法二:
1、在已有的模版基础上添加一段代码
双击第3页舞台右侧定制弹窗组;
点击“确定”按钮,打开行为窗口;
添加行为:属性控制 > 回调函数;
点击编辑行为,输入函数名为:aaaa
这样,在用户定制祝福后,分享时祝福语、发卡人就即时出现在分享信息中了,效果如下:
收起阅读 »
方法一(推荐):
直接另存升级后的源文件地址:
https://www.mugeda.com/animation/edit/6c678499
方法二:
1、在已有的模版基础上添加一段代码
window.aaaa = function(){2、在第3页右侧的确定按钮上添加行为
var to = mugeda.scene.getObjectByName('收件人');
var greeting = mugeda.scene.getObjectByName('祝福语');
var from = mugeda.scene.getObjectByName('发件人');
defineWechatParameters({
title: from.text + "给您拜年啦",
desc: greeting.text
});
}
双击第3页舞台右侧定制弹窗组;
点击“确定”按钮,打开行为窗口;
添加行为:属性控制 > 回调函数;
点击编辑行为,输入函数名为:aaaa
这样,在用户定制祝福后,分享时祝福语、发卡人就即时出现在分享信息中了,效果如下:
收起阅读 »
【通知】2019春节木疙瘩服务时间表
2019年春节将至,木疙瘩向所有会员和广大网友们拜个早年,预祝大家新春愉快!
首先送上新年福利>>【福利】199元H5拜年模版免费领啦
感谢大家一直以来对木疙瘩的关注与支持,2019年我们会更加努力,为您提供更好的服务。
下面是春节放假期间的服务时间表:
相关问题:
——作品审核——
建议不要反复修改重新发布,会影响您的项目上线,造成不必要的麻烦。如急需上线可购买会员,发布后直接查看并使用。
——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 收起阅读 »
【通知】2018年度木疙瘩产品满意度调查
感谢您的一路陪伴和信任,您的支持是我们的动力,
特此诚邀您参与《2018年度木疙瘩产品满意度调查》,
参与问卷调查可获得10元木疙瘩充值卡(可用于购买会员、模版、音乐、字体等服务)。
期待听到您的心声,您的意见和建议对我们十分重要!
马上参与>>
问卷地址:https://wj.qq.com/s2/3065108/d46a
收起阅读 »
2019年——技术常见问题汇总目录
12月31日—1月6日技术问题汇总
1月7日—1月13日技术问题汇总
1月14日—1月20日技术问题汇总
1月21日—1月27日技术问题汇总
1月28日—2月3日技术问题汇总
2月11日—2月17日技术问题汇总
2月18日—2月24日技术问题汇总
2月25日—3月3日技术问题汇总
3月4日—3月10日技术问题汇总
3月11日—3月17日技术问题汇总
3月18日—3月24日技术问题汇总
3月25日—3月31日技术问题汇总
4月1日—4月7日技术问题汇总
4月8日—4月14日技术问题汇总
4月15日—4月21日技术问题汇总
4月22日—4月28日技术问题汇总
4月29日—5月5日技术问题汇总
5月6日—5月12日技术问题汇总
5月13日—5月19日技术问题汇总
5月20日—5月26日技术问题汇总
5月27日—6月2日技术问题汇总
6月3日—6月9日技术问题汇总
6月10日—6月16日技术问题汇总
6月17日—6月23日技术问题汇总
6月24日—6月30日技术问题汇总
7月1日—7月7日技术问题汇总
7月8日—7月14日技术问题汇总
7月15日—7月21日技术问题汇总
7月22日—7月28日技术问题汇总
7月29日—8月4日技术问题汇总
8月5日—8月11日技术问题汇总
8月12日—8月18日技术问题汇总
8月19日—8月25日技术问题汇总
8月26日—9月1日技术问题汇总
9月2日—9月8日技术问题汇总
9月9日—9月15日技术问题汇总
9月16日—9月22日技术问题汇总
9月23日—9月29日技术问题汇总
9月30日—10月6日技术问题汇总
10月7日—10月13日技术问题汇总
10月14日—10月20日技术问题汇总
10月21日—10月27日技术问题汇总
10月28日—11月3日技术问题汇总
11月4日—11月10日技术问题汇总
11月11日—11月17日技术问题汇总
11月18日—11月24日技术问题汇总
11月25日—12月1日技术问题汇总
12月2日—12月8日技术问题汇总
12月9日—12月15日技术问题汇总
12月16日—12月22日技术问题汇总
12月23日—12月29日技术问题汇总 收起阅读 »
1月7日—1月13日技术问题汇总
1月14日—1月20日技术问题汇总
1月21日—1月27日技术问题汇总
1月28日—2月3日技术问题汇总
2月11日—2月17日技术问题汇总
2月18日—2月24日技术问题汇总
2月25日—3月3日技术问题汇总
3月4日—3月10日技术问题汇总
3月11日—3月17日技术问题汇总
3月18日—3月24日技术问题汇总
3月25日—3月31日技术问题汇总
4月1日—4月7日技术问题汇总
4月8日—4月14日技术问题汇总
4月15日—4月21日技术问题汇总
4月22日—4月28日技术问题汇总
4月29日—5月5日技术问题汇总
5月6日—5月12日技术问题汇总
5月13日—5月19日技术问题汇总
5月20日—5月26日技术问题汇总
5月27日—6月2日技术问题汇总
6月3日—6月9日技术问题汇总
6月10日—6月16日技术问题汇总
6月17日—6月23日技术问题汇总
6月24日—6月30日技术问题汇总
7月1日—7月7日技术问题汇总
7月8日—7月14日技术问题汇总
7月15日—7月21日技术问题汇总
7月22日—7月28日技术问题汇总
7月29日—8月4日技术问题汇总
8月5日—8月11日技术问题汇总
8月12日—8月18日技术问题汇总
8月19日—8月25日技术问题汇总
8月26日—9月1日技术问题汇总
9月2日—9月8日技术问题汇总
9月9日—9月15日技术问题汇总
9月16日—9月22日技术问题汇总
9月23日—9月29日技术问题汇总
9月30日—10月6日技术问题汇总
10月7日—10月13日技术问题汇总
10月14日—10月20日技术问题汇总
10月21日—10月27日技术问题汇总
10月28日—11月3日技术问题汇总
11月4日—11月10日技术问题汇总
11月11日—11月17日技术问题汇总
11月18日—11月24日技术问题汇总
11月25日—12月1日技术问题汇总
12月2日—12月8日技术问题汇总
12月9日—12月15日技术问题汇总
12月16日—12月22日技术问题汇总
12月23日—12月29日技术问题汇总 收起阅读 »
【公告】2019年木疙瘩元旦节客服排班表
常见问题
作品审核:
24小时内审核一次,不建议反复修改重新发布,会影响您的项目上线哦,如着急上线可购买会员,发布后直接查看并使用。
智能机器人:
登录后网页右侧的智能客服
视频教程 :
http://edu.mugeda.com/lessonlist.php
案例课程:
https://ke.qq.com/course/list/mugeda
申请“推荐设计师、推荐企业”:
http://bbs.mugeda.com/?/article/583
申请发票:
http://bbs.mugeda.com/?/article/271
论坛-常见问题:
http://bbs.mugeda.com/%3F/topi ... %2598
QQ 交流群
[教师交流群]:475633109
[企业]交流群:562256909
[新媒体]交流群:338214678
[学生]交流群:413632245
独立设计师群:662106426
我们将在2019年1月2日恢复正常上班后,第一时间为大家服务。
感谢大家对Mugeda的支持,2019我们会更加努力,为Mu友提供更好的服务。 收起阅读 »
[设计向]iPhoneX适配推荐设置 V2.0
iPhoneX竖版H5屏幕尺寸
请注意,上图中手机系统菜单和iOS微信导航条位置,不要放置重要的或者有交互的元素。
iOS微信导航条会在作品使用了微信相关功能(显示微信昵称,微信头像等)时或者使用了跳转链接时出现。
建议psd设计尺寸:
方案一:750px*1448px 分辨率72 mugeda舞台设置 375 * 724 宽度适配垂直居中
方案二:640px*1236px 分辨率72 mugeda舞台设置 320 * 618 宽度适配垂直居中
之前推荐的适配小屏手机的psd设计尺寸是:
640px*1040px 分辨率72 mugeda舞台设置 320*520 宽度适配垂直居中
可以参考这个 v1.0 版本 http://bbs.mugeda.com/?/article/561
mugeda微信公众号的一篇文章也可以参考一下:https://mp.weixin.qq.com/s?__biz=MzUxMzI4NzA1Ng==&mid=2247484157&idx=1&sn=ec90091ac9bbfbeb371f05c7a614b085&chksm=f9563402ce21bd14a6a344276ca0debe13638555366929779273b136b51363b7bce6489e27b5&mpshare=1&scene=23&srcid=1215gP9FbMG93lS04Zsn4aMG#rd
未完待续 收起阅读 »
请注意,上图中手机系统菜单和iOS微信导航条位置,不要放置重要的或者有交互的元素。
iOS微信导航条会在作品使用了微信相关功能(显示微信昵称,微信头像等)时或者使用了跳转链接时出现。
建议psd设计尺寸:
方案一:750px*1448px 分辨率72 mugeda舞台设置 375 * 724 宽度适配垂直居中
方案二:640px*1236px 分辨率72 mugeda舞台设置 320 * 618 宽度适配垂直居中
之前推荐的适配小屏手机的psd设计尺寸是:
640px*1040px 分辨率72 mugeda舞台设置 320*520 宽度适配垂直居中
可以参考这个 v1.0 版本 http://bbs.mugeda.com/?/article/561
mugeda微信公众号的一篇文章也可以参考一下:https://mp.weixin.qq.com/s?__biz=MzUxMzI4NzA1Ng==&mid=2247484157&idx=1&sn=ec90091ac9bbfbeb371f05c7a614b085&chksm=f9563402ce21bd14a6a344276ca0debe13638555366929779273b136b51363b7bce6489e27b5&mpshare=1&scene=23&srcid=1215gP9FbMG93lS04Zsn4aMG#rd
未完待续 收起阅读 »
[新功能]木疙瘩正版字体库上线啦!
木疙瘩正版字体库功能上线啦!
一共有200+正版商业授权字体可供选择,由方正科技集团股份有限公司提供正版商业授权。
01
为配合大家的使用习惯,正版字体库放置在字体选择列表中。
如何使用木疙瘩正版字体库呢?
首先,我们需要新建一个文本框,如下图。
选中文本框,在属性面板的专有属性上,选择字体即可。
同时,字体列表新增三大功能方便您的使用:
1.可通过搜索选择字体;
2.字体列表中可预览字体样式;
3.最近使用的字体会优先出现在字体库的最上方,方便查找。
木疙瘩正版字体库有免费字体,基础字体,精品字体可供选择,全部为正版可商用字体。
【注:基础字体与精品字体需购买正版授权,支持先发布试用后付费的方式。】
当我们在使用了正版字体库的字体时,预览是不会出现任何水印的,如下图。
02
字体购买流程
购买字体需点击发布后,会出现选择字体付费弹窗,如下图。
选择带水印发布即可进入先试用再付费的模式
打开作品会有如下图所示水印:作品含正版素材,购买授权后无此提示。
点击重新发布可再次选择支付进入字体购买支付页面。
【注:字体只向内容所有者授权】
例如:A是制作公司,但作品内容是给B公司制作的,则被授权方应填写B公司的信息。
被授权方应填写【被授权方公司全称】
注意:请务必核实信息,不要只填写品牌名、网站名哦。
03
字体收费
木疙瘩正版字体库的收费方式如下:
基础字体:单次55元,包年90元;
精品字体:单次55元,包年180元。
授权范围:木疙瘩平台发布作品(不含导出放到第三方服务器上)
【注:购买字体包年服务,您购买的同一被授权方是不限作品数量的哦!】
收起阅读 »
一共有200+正版商业授权字体可供选择,由方正科技集团股份有限公司提供正版商业授权。
01
为配合大家的使用习惯,正版字体库放置在字体选择列表中。
如何使用木疙瘩正版字体库呢?
首先,我们需要新建一个文本框,如下图。
选中文本框,在属性面板的专有属性上,选择字体即可。
同时,字体列表新增三大功能方便您的使用:
1.可通过搜索选择字体;
2.字体列表中可预览字体样式;
3.最近使用的字体会优先出现在字体库的最上方,方便查找。
木疙瘩正版字体库有免费字体,基础字体,精品字体可供选择,全部为正版可商用字体。
【注:基础字体与精品字体需购买正版授权,支持先发布试用后付费的方式。】
当我们在使用了正版字体库的字体时,预览是不会出现任何水印的,如下图。
02
字体购买流程
购买字体需点击发布后,会出现选择字体付费弹窗,如下图。
选择带水印发布即可进入先试用再付费的模式
打开作品会有如下图所示水印:作品含正版素材,购买授权后无此提示。
点击重新发布可再次选择支付进入字体购买支付页面。
【注:字体只向内容所有者授权】
例如:A是制作公司,但作品内容是给B公司制作的,则被授权方应填写B公司的信息。
被授权方应填写【被授权方公司全称】
注意:请务必核实信息,不要只填写品牌名、网站名哦。
03
字体收费
木疙瘩正版字体库的收费方式如下:
基础字体:单次55元,包年90元;
精品字体:单次55元,包年180元。
授权范围:木疙瘩平台发布作品(不含导出放到第三方服务器上)
【注:购买字体包年服务,您购买的同一被授权方是不限作品数量的哦!】
收起阅读 »
【已解决】木疙瘩投票模板有推荐的吗?
想做一个投票H5,木疙瘩投票模板有推荐的吗?或者大家有自己的作品方便分享下吗?
【代码分享】在mugeda里使用高德地图或腾讯地图以及导航的方法
方法一,使用默认的木疙瘩地图行为:
比如从地图上获得的这些信息
奥林匹克森林公园
北京市朝阳区科荟路33号
需要分别填到两个输入框里。
方法二,使用跳转链接,直接跳到网页链接:
一般而言,地图服务都会有一个电脑版本和手机版,
比如高德电脑版本是:https://ditu.amap.com,可以搜索到高德手机版网址是:https://m.amap.com
现在需要做的就是直接用手机的默认浏览器去访问高德地图的手机版本网址,搜索你的结果,比如说“中关村”。
得到结果后,手机上浏览器的网址会变
成 https://m.amap.com/search/mapview/keywords=%E4%B8%AD%E5%85%B3%E6%9D%91
现在需要把这个网址复制一下,填到mugeda里的跳转链接行为里
最后一步,保存,发布作品,完成。效果就是用户点击这个行为,会跳转到网页链接。
编辑链接:
https://www.mugeda.com/animation/edit/4e3a0bb4
最终效果:
https://e.u.mgd5.com/c/ams9/3whw/index.html
方法三,使用代码:
这个方法会调用微信自带的地图功能,效果最为流畅, 大概效果如下图。
使用此方法打开地图功能后,可以调用手机上其他的地图app,比如苹果地图,高德地图等。
这是公众号文章链接,可以直接打开看描述: https://mp.weixin.qq.com/s/NIiJRkGvqkixw2jJjcQQVg
你可以在以下公众号回复“地图导航预览效果”,得到预览链接,在手机上测试效果。
收起阅读 »
71版本的谷歌浏览器导入psd会崩溃,经测试这个是谷歌浏览器的bug
71版本的谷歌浏览器导入psd会崩溃,经测试这个是谷歌浏览器的bug,下一版本的谷歌浏览器已经修复了,目前如果想使用psd导入功能,可以先选用带有极速模式的浏览器,或者搜索 谷歌浏览器dev 版本。
使用智能机器人,帮你解决动画制作过程中的疑问
在页面右边大家可以找到这个图标,点开它会发现智能客服对话框。大家平时制作动画时有什么不明白的都可以向它提问,比如:
如果你的问题描述机器人暂时不明白,可以尝试换个说法再回复,一般机器人会找到相似的问题解答。
如果机器人一时没有理解你的问题,可以尝试晚一些再回复,因为后台会有管理员定期更新机器人的知识库,一段时间后,你的问题很可能已经有答案了。可以说机器人越用越聪明的。如果问题一直没有被解答,可以到qq群里找管理员咨询。
另外,机器人不只在mugeda官网可以用,在mugeda的几个微信公众号和mugeda的微博也可以使用,直接向对话框回复问题就可以了,欢迎大家关注。
mugeda
木疙瘩学院
H5融媒资讯站
收起阅读 »
购买绑定域名的用户,请点开这里了解一下阿里云的接入备案通知
mugeda使用了阿里云的服务,如果你要购买或正在使用mugeda的绑定域名服务,可能需要了解一下近期阿里云新出的接入备案的政策。
点这里查看 阿里云接入备案,或者直接在网上搜索“接入备案”。
如果你要绑定到mugeda的域名已通过其他服务商成功备案,可以考虑将服务商变更成阿里云,或者 将阿里云添加为该网站的新增服务商,并需要在阿里云那边进行接入备案。
目前没有做接入备案的用户,暂时没发现不良后果,但为了保险起见,请大家了解一下这个政策并考虑按阿里云的要求登记一下。
具体的细节请打开上面的链接查看。
部分用户按操作说明配置好以后,可能会遇到以下的提示,这是因为你使用的域名没有在阿里那边通过备案,需要做的是到阿里购买一个服务器,然后备案。
收起阅读 »
点这里查看 阿里云接入备案,或者直接在网上搜索“接入备案”。
如果你要绑定到mugeda的域名已通过其他服务商成功备案,可以考虑将服务商变更成阿里云,或者 将阿里云添加为该网站的新增服务商,并需要在阿里云那边进行接入备案。
目前没有做接入备案的用户,暂时没发现不良后果,但为了保险起见,请大家了解一下这个政策并考虑按阿里云的要求登记一下。
具体的细节请打开上面的链接查看。
部分用户按操作说明配置好以后,可能会遇到以下的提示,这是因为你使用的域名没有在阿里那边通过备案,需要做的是到阿里购买一个服务器,然后备案。
收起阅读 »
如果作品提示"已停止访问该网页"或者无法访问,看看这边的解决方法
如果大家遇到作品访问问题,请大家自行检查作品里有没有诱导分享的设置,如果有先去修改了,然后重新发布,都处理好以后,点申请恢复访问的按钮,选我不是站长按钮,备案号可以到http://icp.chinaz.com/去查,填入你被封的作品的网址就有了,然后等待微信方面恢复作品访问,一般需要1到3天
如果大家等不及微信恢复,请自行导出作品,放到自己的服务器上,然后配置一下微信的相关信息
http://bbs.mugeda.com/?/article/417 可以参考这个文档的方法进行配置
http://edu.mugeda.com/lesson.php?id=5948eb0f9aeb7060c44f043f 还有这个视频教程
近期微信特别严格,请大家做作品时一定要严格按照微信的要求,不要碰红线,这个是微信方面的说明
https://weixin.qq.com/cgi-bin/readtemplate?t=weixin_external_links_content_management_specification
如果qq群内的管理员提示已经换好了备用域名可以看这条:如果链接还没有正式投入使用,可以删除之前的发布地址,再新发布一个地址,这时域名已经转到备用域名上,已经在使用中的链接请不要这么操作!如果管理员没有说已经换好备用域名了,请不要按这条操作。
或者可以升级付费用户,使用付费用户的域名;需要删除之前的链接重新发布,二维码会变化。
另一个解决方法是升级付费用户,然后购买绑定域名服务,将作品的发布地址的域名换成自己的域名。需要删除之前的链接重新发布,二维码会变化。
如果使用微信那边的申诉渠道收不到验证码,可以到qq的网址安全中心去申诉,那边不用写手机号, https://urlsec.qq.com/complain.html 收起阅读 »
如果大家等不及微信恢复,请自行导出作品,放到自己的服务器上,然后配置一下微信的相关信息
http://bbs.mugeda.com/?/article/417 可以参考这个文档的方法进行配置
http://edu.mugeda.com/lesson.php?id=5948eb0f9aeb7060c44f043f 还有这个视频教程
近期微信特别严格,请大家做作品时一定要严格按照微信的要求,不要碰红线,这个是微信方面的说明
https://weixin.qq.com/cgi-bin/readtemplate?t=weixin_external_links_content_management_specification
如果qq群内的管理员提示已经换好了备用域名可以看这条:如果链接还没有正式投入使用,可以删除之前的发布地址,再新发布一个地址,这时域名已经转到备用域名上,已经在使用中的链接请不要这么操作!如果管理员没有说已经换好备用域名了,请不要按这条操作。
或者可以升级付费用户,使用付费用户的域名;需要删除之前的链接重新发布,二维码会变化。
另一个解决方法是升级付费用户,然后购买绑定域名服务,将作品的发布地址的域名换成自己的域名。需要删除之前的链接重新发布,二维码会变化。
如果使用微信那边的申诉渠道收不到验证码,可以到qq的网址安全中心去申诉,那边不用写手机号, https://urlsec.qq.com/complain.html 收起阅读 »
分享一个设置好的排行榜模板
https://www.mugeda.com/animation/edit/99c1a68f
打开链接,另存一下,在动画列表页面转成模板,然后在舞台界面使用从模板新建,就可以把这两页内容加入到你自己的作品中了。
需要注意的是,把这个页面里的蓝色排行榜控件删除,重新添加一次,不然可能会使用不了,因为这个页面里的蓝色排行榜控件是我生成的。
收起阅读 »