“第2期木疙瘩H5训练营”报名开始,21天掌握专业级H5技能,你来不来?
立即报名
一、 关于时间
报名截止9月26日,开课时间10月10日
二、 具体怎么学
·游戏闯关制
木疙瘩线上H5高手训练营采用“游戏闯关制”制度,学习全程三周,共21天,每周为一个学习阶段。完成一个学习阶段,需提交这一阶段的作业,才能拿到下一阶段学习资料。
·每天1小时
每个阶段课程,将切分成每天学习任务(录播视频教程+素材包)。建议学员每天花1个小时学习并掌握。
·学习社群对抗拖延症
每天老师都会在群里答疑,学友在群里交流学习心得。每个学习阶段结束老师还会集中评点作业,总结本阶段学习重难点。
三、 丰厚学习奖励
在21天内,全部通过三个学习阶段的学员,成绩从高到低排序,
第一名赠3000元充值金额,
第二名赠1000元充值金额,
第三名到第六名每人赠500元充值金额,
第一名到第六名均可获得木疙瘩认证设计师荣誉。
点击查看关于课程更多信息
我要报名
课程咨询加班主任松月QQ:154065262。 收起阅读 »
一、 关于时间
报名截止9月26日,开课时间10月10日
二、 具体怎么学
·游戏闯关制
木疙瘩线上H5高手训练营采用“游戏闯关制”制度,学习全程三周,共21天,每周为一个学习阶段。完成一个学习阶段,需提交这一阶段的作业,才能拿到下一阶段学习资料。
·每天1小时
每个阶段课程,将切分成每天学习任务(录播视频教程+素材包)。建议学员每天花1个小时学习并掌握。
·学习社群对抗拖延症
每天老师都会在群里答疑,学友在群里交流学习心得。每个学习阶段结束老师还会集中评点作业,总结本阶段学习重难点。
三、 丰厚学习奖励
在21天内,全部通过三个学习阶段的学员,成绩从高到低排序,
第一名赠3000元充值金额,
第二名赠1000元充值金额,
第三名到第六名每人赠500元充值金额,
第一名到第六名均可获得木疙瘩认证设计师荣誉。
点击查看关于课程更多信息
我要报名
课程咨询加班主任松月QQ:154065262。 收起阅读 »
【待解决】mugeda可视化H5在线设计产品——用户需求
详情请看附件,谢谢
【Mugeda公告】Mugeda版本更新170817—资源管理器功能公测
新功能
1、【公测】增加新版资源管理器的功能;可以快速修改模板。点击查看教程
2、重置元素属性新增了重置图片的命令;
3、新增了输入框属性设置的功能,可以限制输入文字的长度以及内容;
4、数据组件现在支持批量编辑模式
优化及bug修复
1、文档信息与转发标签里分享信息可以实时关联;
2、修复了暂停声音再停止会造成所有行为失效的问题;
3、修复了拖动物体结束与拖动物体放下的触发顺序问题 ;
4、优化了排行榜头像能指向获取图形,实时数据管理支持文本域;
5、修复了单选框的文字对齐的问题 ;
6、修复了舞台的关键帧动画会裁切掉组里元件动画的问题 ;
7、优化了排行榜名次获取逻辑;
8、修复了调整绘画板属性行为颜色选择透明时不对颜色进行更改的问题;
9、优化了抽奖组件的说明文字;
10、优化了投票控件的说明文字 ;
11、修复了提交表单名称中有“#”号的报错问题;
12、修复了单选框的文字与图片不对齐的问题 ;
13、修复了绘画板工具不能在windows触摸屏电脑上使用的问题 ;
14、修复了IOS音量控制无法生效的问题(需打开预加载);
15、修复了拖动组件触发范围的问题; 收起阅读 »
1、【公测】增加新版资源管理器的功能;可以快速修改模板。点击查看教程
2、重置元素属性新增了重置图片的命令;
3、新增了输入框属性设置的功能,可以限制输入文字的长度以及内容;
4、数据组件现在支持批量编辑模式
优化及bug修复
1、文档信息与转发标签里分享信息可以实时关联;
2、修复了暂停声音再停止会造成所有行为失效的问题;
3、修复了拖动物体结束与拖动物体放下的触发顺序问题 ;
4、优化了排行榜头像能指向获取图形,实时数据管理支持文本域;
5、修复了单选框的文字对齐的问题 ;
6、修复了舞台的关键帧动画会裁切掉组里元件动画的问题 ;
7、优化了排行榜名次获取逻辑;
8、修复了调整绘画板属性行为颜色选择透明时不对颜色进行更改的问题;
9、优化了抽奖组件的说明文字;
10、优化了投票控件的说明文字 ;
11、修复了提交表单名称中有“#”号的报错问题;
12、修复了单选框的文字与图片不对齐的问题 ;
13、修复了绘画板工具不能在windows触摸屏电脑上使用的问题 ;
14、修复了IOS音量控制无法生效的问题(需打开预加载);
15、修复了拖动组件触发范围的问题; 收起阅读 »
【Mugeda新功能】资源管理器的使用方法
资源管理器能正确反映物体的名称、大小、类型以及行为,也可以看到这个物体的缩略图,如果是图片的话,还可以在资源管理器上直接替换图片。我们选中其中某个物体或是某个组的时候,舞台会自动选中在资源管理器内选中的物体,从而避免作品内容过多时想找到某个物体很难找的情况。
正确使用好资源管理器,可以大大提高我们的工作效率哦!如图:
下面看一下【资源管理器】的具体用法:
1、在顶部工具栏中找到资源管理器,点击后即可打开资源管理器。
2、因为作品内只有一页,所以资源管理器内只有第一页, 点击第一页,即可查看第一业内所有物体。
3、由于舞台上的四个物体所属的是同一个组,所以在资源管理器内第一页的子内容只有一个,通过点击这个组,即可选中该组,并且资源管理器内展开组内容。
更多木疙瘩文档教程
建议用微信扫描,收藏起来
收起阅读 »
正确使用好资源管理器,可以大大提高我们的工作效率哦!如图:
下面看一下【资源管理器】的具体用法:
1、在顶部工具栏中找到资源管理器,点击后即可打开资源管理器。
2、因为作品内只有一页,所以资源管理器内只有第一页, 点击第一页,即可查看第一业内所有物体。
3、由于舞台上的四个物体所属的是同一个组,所以在资源管理器内第一页的子内容只有一个,通过点击这个组,即可选中该组,并且资源管理器内展开组内容。
更多木疙瘩文档教程
建议用微信扫描,收藏起来
收起阅读 »
木疙瘩离线版App使用说明
本文档基于Mugeda App 0.1.6.0版本提供技术说明。
安装与设置Mugeda App
【系统要求】
此版本Mugeda App支持32位或64位的Windows 7及以上操作系统。初次安装需要在安装分区占用约200MB空间,在系统分区占用的空间随今后产生的内容的增加而增加。
【下载和安装Mugeda App】
打开http://www.mugeda.com/app/download.php 根据页面指引,下载安装包。安装包的文件名为MugedaAPP_0.1.6.0.exe(MugedaAPP_0.1.6.0为版本号)。
运行安装包,按照屏幕提示,点击下一步,完成安装向导。
【第一次使用Mugeda App】
初次使用需要网络连接。安装完成后,在开始菜单或桌面找到木疙瘩并运行。使用Mugeda账号登陆(图 1)。如果没有账号,点击界面上的“注册”按钮注册新账号后登录。任何时候,当点击“退出”按钮将用户退出,下次打开Mugeda App时候,都需要再次登录使用。
图 1首次打开Mugeda app登录界面。
登陆完成后,即可开始使用Mugeda App。
【卸载Mugeda App】
在开始菜单中找到并运行“卸载木疙瘩”,按照屏幕提示操作。
默认情况下,卸载操作不会删除用户在本地储存的动画作品和设置,如需要删除,需要手动删除操作系统磁盘下的“用户\<用户名>\AppData\Local\mugeda”文件夹。
【更新Mugeda App】
自动更新
在联网状态下启动Mugeda App,如果发现有新的版本,将在windows系统任务栏气泡通知新版本。在大部分情况下,将自动完成更新流程。自动更新完成后,气泡通知重新启动Mugeda App,重启即可使用最新版本。
手动更新
若有重大的版本更新,需要手动更新Mugeda App。Mugeda App将使用气泡通知手动更新版本,点击气泡或到http://www.mugeda.com/app/download.php安装最新的安装包,替换安装即可。
【使用Mugeda App】
用户界面概览
图 2用户界面概览
如图 2,Mugeda App版本与在线版本的区别在于界面右侧区域:
>同步按钮:用户将本地的作品同步到云服务器。参考同步作品章节的描述。
>用户信息区域:显示当前的登陆状态,点击执行登陆、登出操作。
【功能介绍】
创建作品
启动Mugeda App后将自动创建一个空白的新作品。此外,和在线版的Mugeda一样,可以通过菜单中的“新建”选项,或工具栏上的“新建”按钮创建新的作品。
保存作品
点击“文件”菜单中的“保存”,或点击工具栏中的“保存”图标即可保存作品。作品保存在计算机本地。注意,作品以数据库的方式存在用户\<用户名>\AppData\Local\mugeda目录中,不是单个数据文件。如需要在不同计算机之间通过拷贝文件的方式传递作品,参考在不同计算机直接传递作品文件章节。
同步作品
在联网状态下,点击“文件”菜单中的“同步到云端”,或点击工具栏中的“同步到云端”,都可以将当前打开的动画同步到云端。同步到云端后,就可以在Mugeda在线版的编辑器中打开和修改动画。
如果在同步过程中,发现云端有同一个动画,则云端的动画会被本地动画覆盖。
打开作品
点击菜单栏中的“打开”或工具栏中的“打开”图标,即可打开“我的作品”对话框。对话框左上角提供了“离线内容”和“在线内容”的选择下拉框(如图 3)。“离线内容”保存了在本机离线Mugeda App中创建、编辑后保存的内容。如果是联网状态,“在线内容”显示了在云端保存的所有内容。
图 3打开文件对话框
在“离线内容”列表中,有一些作品会带有“云+叹号”图标,代表这个作品有修改,但没有同步到云端。参考同步作品章节,查看怎样将作品同步到云端。
点击作品列表中的作品缩略图,即可打开作品。如果是“在线内容”且联网,点击作品缩略图会将作品同步到本地,今后可以在“离线内容”列表中查看并编辑这个作品。如果同步到本地过程中,发现本地已有相同的作品却本地版本比服务器版本新,则会提示是否覆盖本地版本,否则直接覆盖本地版本。
在不同计算机直接传递作品文件
作品以数据库的方式存在用户\<用户名>\AppData\Local\mugeda目录中,可以将动画导出为文件,在不同计算机直接传递。
点击“文件”菜单中的“导出”、“动画源文件”,在出现到保存对话框中选择保存文件的位置。导出的文件为可以在另一台计算机中通过“文件”菜单中的“导入”、“动画源文件”选项导入。动画导入后,可以通过“我的作品”的“离线内容”查看。
动画导入操作总是创建一个新的动画,因此,若从计算机A中的作品C,导到计算机B编辑后,再导到计算机A,将出现两个不同版本的作品C,而不会将这两个不同版本的作品C合并为一个作品。
共享与发布作品
如果具备权限,当作品同步到云端后(参考同步作品章节),可以在在线状态下执行共享或发布操作。这些操作和Mugeda在线版本的IDE没区别。
素材库
素材库被分为“离线内容”和“在线内容”(图 4)。在Mugeda App中创建和编辑的内容,用到的素材文件会出现在“离线内容”列表中。一旦执行同步到云端的操作(参考同步作品章节),内容包含的素材也将被上传到云端,可以在素材库“在线内容”列表中看到。当在“我的作品”的“在线内容”列表中打开一个作品(参考打开作品章节),作品包含的素材,同时被同步到了本地,可以在素材库的“离线内容”中看到。
图 4素材库对话框
其他依赖云的功能
一些组件,例如“投票”,依赖云服务器的支持,在Mugeda App没有网络时候,暂且不做支持。
获取帮助
在使用Mugeda App的使用,如果遇到了本文档中没有说明的问题,可以通过QQ交流群:338214678和网站论坛bbs.mugeda.com获得技术支持。
收起阅读 »
安装与设置Mugeda App
【系统要求】
此版本Mugeda App支持32位或64位的Windows 7及以上操作系统。初次安装需要在安装分区占用约200MB空间,在系统分区占用的空间随今后产生的内容的增加而增加。
【下载和安装Mugeda App】
打开http://www.mugeda.com/app/download.php 根据页面指引,下载安装包。安装包的文件名为MugedaAPP_0.1.6.0.exe(MugedaAPP_0.1.6.0为版本号)。
运行安装包,按照屏幕提示,点击下一步,完成安装向导。
【第一次使用Mugeda App】
初次使用需要网络连接。安装完成后,在开始菜单或桌面找到木疙瘩并运行。使用Mugeda账号登陆(图 1)。如果没有账号,点击界面上的“注册”按钮注册新账号后登录。任何时候,当点击“退出”按钮将用户退出,下次打开Mugeda App时候,都需要再次登录使用。
图 1首次打开Mugeda app登录界面。
登陆完成后,即可开始使用Mugeda App。
【卸载Mugeda App】
在开始菜单中找到并运行“卸载木疙瘩”,按照屏幕提示操作。
默认情况下,卸载操作不会删除用户在本地储存的动画作品和设置,如需要删除,需要手动删除操作系统磁盘下的“用户\<用户名>\AppData\Local\mugeda”文件夹。
【更新Mugeda App】
自动更新
在联网状态下启动Mugeda App,如果发现有新的版本,将在windows系统任务栏气泡通知新版本。在大部分情况下,将自动完成更新流程。自动更新完成后,气泡通知重新启动Mugeda App,重启即可使用最新版本。
手动更新
若有重大的版本更新,需要手动更新Mugeda App。Mugeda App将使用气泡通知手动更新版本,点击气泡或到http://www.mugeda.com/app/download.php安装最新的安装包,替换安装即可。
【使用Mugeda App】
用户界面概览
图 2用户界面概览
如图 2,Mugeda App版本与在线版本的区别在于界面右侧区域:
>同步按钮:用户将本地的作品同步到云服务器。参考同步作品章节的描述。
>用户信息区域:显示当前的登陆状态,点击执行登陆、登出操作。
【功能介绍】
创建作品
启动Mugeda App后将自动创建一个空白的新作品。此外,和在线版的Mugeda一样,可以通过菜单中的“新建”选项,或工具栏上的“新建”按钮创建新的作品。
保存作品
点击“文件”菜单中的“保存”,或点击工具栏中的“保存”图标即可保存作品。作品保存在计算机本地。注意,作品以数据库的方式存在用户\<用户名>\AppData\Local\mugeda目录中,不是单个数据文件。如需要在不同计算机之间通过拷贝文件的方式传递作品,参考在不同计算机直接传递作品文件章节。
同步作品
在联网状态下,点击“文件”菜单中的“同步到云端”,或点击工具栏中的“同步到云端”,都可以将当前打开的动画同步到云端。同步到云端后,就可以在Mugeda在线版的编辑器中打开和修改动画。
如果在同步过程中,发现云端有同一个动画,则云端的动画会被本地动画覆盖。
打开作品
点击菜单栏中的“打开”或工具栏中的“打开”图标,即可打开“我的作品”对话框。对话框左上角提供了“离线内容”和“在线内容”的选择下拉框(如图 3)。“离线内容”保存了在本机离线Mugeda App中创建、编辑后保存的内容。如果是联网状态,“在线内容”显示了在云端保存的所有内容。
图 3打开文件对话框
在“离线内容”列表中,有一些作品会带有“云+叹号”图标,代表这个作品有修改,但没有同步到云端。参考同步作品章节,查看怎样将作品同步到云端。
点击作品列表中的作品缩略图,即可打开作品。如果是“在线内容”且联网,点击作品缩略图会将作品同步到本地,今后可以在“离线内容”列表中查看并编辑这个作品。如果同步到本地过程中,发现本地已有相同的作品却本地版本比服务器版本新,则会提示是否覆盖本地版本,否则直接覆盖本地版本。
在不同计算机直接传递作品文件
作品以数据库的方式存在用户\<用户名>\AppData\Local\mugeda目录中,可以将动画导出为文件,在不同计算机直接传递。
点击“文件”菜单中的“导出”、“动画源文件”,在出现到保存对话框中选择保存文件的位置。导出的文件为可以在另一台计算机中通过“文件”菜单中的“导入”、“动画源文件”选项导入。动画导入后,可以通过“我的作品”的“离线内容”查看。
动画导入操作总是创建一个新的动画,因此,若从计算机A中的作品C,导到计算机B编辑后,再导到计算机A,将出现两个不同版本的作品C,而不会将这两个不同版本的作品C合并为一个作品。
共享与发布作品
如果具备权限,当作品同步到云端后(参考同步作品章节),可以在在线状态下执行共享或发布操作。这些操作和Mugeda在线版本的IDE没区别。
素材库
素材库被分为“离线内容”和“在线内容”(图 4)。在Mugeda App中创建和编辑的内容,用到的素材文件会出现在“离线内容”列表中。一旦执行同步到云端的操作(参考同步作品章节),内容包含的素材也将被上传到云端,可以在素材库“在线内容”列表中看到。当在“我的作品”的“在线内容”列表中打开一个作品(参考打开作品章节),作品包含的素材,同时被同步到了本地,可以在素材库的“离线内容”中看到。
图 4素材库对话框
其他依赖云的功能
一些组件,例如“投票”,依赖云服务器的支持,在Mugeda App没有网络时候,暂且不做支持。
获取帮助
在使用Mugeda App的使用,如果遇到了本文档中没有说明的问题,可以通过QQ交流群:338214678和网站论坛bbs.mugeda.com获得技术支持。
收起阅读 »
【木疙瘩2.0发布会回顾】11分钟看完发布会所有干货!
7月26日木疙瘩2.0发布会在北京中关村微软大厦华丽丽落幕了,很多不在北京的小伙伴没能亲临现场,为此送上发布会精彩瞬间,让大家一饱眼福!
1、发布会完整视频:http://www.huajiao.com/l/137153002
2、8分钟看完发布会亮点:https://ke.qq.com/course/156055
(内容包括,木疙瘩2.0产品宣传片,木疙瘩CTO聊木疙瘩,木疙瘩用户感言)PS:报名课程后,点击课程目录最后一节即可观看,如图:
收起阅读 »
【性能优化】如何防止图片过大导致崩溃和闪退!
不少人在制作“一镜到底”类型的H5的时候,都出现了iPhone上播放会闪退,崩溃等问题。这大部分是因为做这类H5的时候,通常要把一张图片从很小一块放大几十倍到超出屏幕范围,所以导致手机能耗过高引发了崩溃,针对这种现象,我们可以采用“先人的智慧”来解决。
早在2000年初,不少街机游戏包括拳皇等,开始移植到PC端,同时也有不少从PC开始开发的游戏,例如DNF等,这时候就存在背景图片过大,电脑容易卡顿的情况,对于这种格斗游戏来说,性能优化是极为重要的,一整张背景图片让电脑调用控制的话,渲染上肯定是很吃力的,有查询过当初这个时代游戏源码的人都会发现他们的背景并不是一整张图片,而是被切割成了很多张小块,拼接起来又是一整张完整的背景,第一次接触的人可能都会疑问,为什么要切这么多?不会很麻烦吗?
其实是因为电脑对图片进行的计算,是当图片进入了可是范围内之后,不在可视范围内的图片,电脑是不会进行计算的,这样切割出来的图片,电脑就只需要计算其中一小部分拿来显示,就大大降低了运行消耗的成本,自然就能解决闪退和崩溃的问题。
现在H5技术还在刚刚起步,就像当年的这种情况一下,手机端对H5的性能支持不是很好,我们就可以借用先人的智慧来解决同样的难题,我们遇到大图的时候,也可以这样切成多个小块,然后再木疙瘩里再拼接起来,打包成组,就可以完成一个重要的优化了!
其它精彩文章:
手机上播放木疙瘩的H5动画很卡怎么办?5招教你解决! http://bbs.mugeda.com/?/question/230
【高级互动】如何用木疙瘩做游戏? http://bbs.mugeda.com/?/article/392
收起阅读 »
早在2000年初,不少街机游戏包括拳皇等,开始移植到PC端,同时也有不少从PC开始开发的游戏,例如DNF等,这时候就存在背景图片过大,电脑容易卡顿的情况,对于这种格斗游戏来说,性能优化是极为重要的,一整张背景图片让电脑调用控制的话,渲染上肯定是很吃力的,有查询过当初这个时代游戏源码的人都会发现他们的背景并不是一整张图片,而是被切割成了很多张小块,拼接起来又是一整张完整的背景,第一次接触的人可能都会疑问,为什么要切这么多?不会很麻烦吗?
其实是因为电脑对图片进行的计算,是当图片进入了可是范围内之后,不在可视范围内的图片,电脑是不会进行计算的,这样切割出来的图片,电脑就只需要计算其中一小部分拿来显示,就大大降低了运行消耗的成本,自然就能解决闪退和崩溃的问题。
现在H5技术还在刚刚起步,就像当年的这种情况一下,手机端对H5的性能支持不是很好,我们就可以借用先人的智慧来解决同样的难题,我们遇到大图的时候,也可以这样切成多个小块,然后再木疙瘩里再拼接起来,打包成组,就可以完成一个重要的优化了!
其它精彩文章:
手机上播放木疙瘩的H5动画很卡怎么办?5招教你解决! http://bbs.mugeda.com/?/question/230
【高级互动】如何用木疙瘩做游戏? http://bbs.mugeda.com/?/article/392
收起阅读 »
【公告】Mugeda版本更新170725
重要功能更新
一、离线版APP上线:离线版可在无网情况下正常编辑制作,交互融媒体内容,实现全场景应用。
二、增加账户充值功能:首次充值享受优惠。充值500送200,充值1000送500,充值3000送2000,充值5000送5000。立即充值
(充值可以干什么?买模板,买存储空间,买发布次数或导出次数,买个人会员或企业会员,买绑定微信服务,买自定义域名,买专属存储服务等等)
Mugeda编辑器优化
1、增加排行榜功能 点击查看教程
2、【行为】打电话功能支持逻辑表达式, 在电话号码栏目内可以用 ''{{ }}’'来指定某个文本输入框或文字;
3、【行为】属性控制新增改变绘画板线条和线宽的行为;
4、【分享】分享属性栏新增修改作品标题功能(可以修改微信及浏览器标签栏的文字,功能同文档信息中的内容标题一样)
5、【元件库】新增删除元件文件夹的功能,当元件文件夹内的所有子元件都未应用于舞台中时,可以直接对这个元件文件夹进行删除,此时元件文件夹内的所有子元件也都会被删除)
6、【触发事件】行为中的触发事件新增了鼠标移入和鼠标移出,而这两个触发事件只在PC端有效, 当鼠标移至目标和移出目标时发生。
收起阅读 »
一、离线版APP上线:离线版可在无网情况下正常编辑制作,交互融媒体内容,实现全场景应用。
二、增加账户充值功能:首次充值享受优惠。充值500送200,充值1000送500,充值3000送2000,充值5000送5000。立即充值
(充值可以干什么?买模板,买存储空间,买发布次数或导出次数,买个人会员或企业会员,买绑定微信服务,买自定义域名,买专属存储服务等等)
Mugeda编辑器优化
1、增加排行榜功能 点击查看教程
2、【行为】打电话功能支持逻辑表达式, 在电话号码栏目内可以用 ''{{ }}’'来指定某个文本输入框或文字;
3、【行为】属性控制新增改变绘画板线条和线宽的行为;
4、【分享】分享属性栏新增修改作品标题功能(可以修改微信及浏览器标签栏的文字,功能同文档信息中的内容标题一样)
5、【元件库】新增删除元件文件夹的功能,当元件文件夹内的所有子元件都未应用于舞台中时,可以直接对这个元件文件夹进行删除,此时元件文件夹内的所有子元件也都会被删除)
6、【触发事件】行为中的触发事件新增了鼠标移入和鼠标移出,而这两个触发事件只在PC端有效, 当鼠标移至目标和移出目标时发生。
收起阅读 »