在广告主的需求中,有很多情况下需要在动画中添加一些外部链接.这份文档就在Mugeda动画中添加外部链接的方式,做一下梳理. 1.通过点击触发的链接 就是要用户点击屏幕来触发链接的情况,这是推荐使用的方式.因为存在流量的考虑,不需要任何点击就跳转的操作,在有些移动设备上是不被支持的,所以我们推荐的触发跳转链接的方式是通过点击触发. 实现的方式是: 在舞台上选中一个物体对象,在动作中选择“链接”,输入框中写入完整的链接的URL,如下图. 这样当用户点击这个物体时就会跳转到相应的页面. 2.自动跳转的…
[Mugeda HTML5技术教程之2] Mugeda HTML5动画平台简介 摘要:Mugeda提供基于云的平台,供开发人员和设计人员快速的开发.发布和统计基于HTML5的,包含丰富动画和交互的移动富媒体内容. 在上一篇教程中,我们大致分析了HTML5的现状以及今后的发展趋势.在移动浏览器(含浏览器控件)中渲染的HTML5应用,将会和移动原生应用相辅相成,共同发展,在移动互联网大潮中扮ch来越重要的角色.另一方面,开发HTML5应用目前仍然存在成本高.效率低的诸多问题,这也在一定程度上阻碍了H…
本节我们将要做一个跨屏互动应用的案例分析,该应用时给一家商场做活动使用的,是一个跨屏爱消除游戏.PC端页面显示在连接在PC的大屏幕上,参与活动的玩家可以用自己的手机扫描PC端页面上的二维码,连接成功后,操作手机上的游戏可以同步控制主屏幕的游戏画面和结果.游戏结果会记录到排行榜,商家定期会对排名前10的玩家进行奖励. 游戏规则和前面分析过的爱消除的案例类似,这个游戏本身就是在原来的单机游戏的基础上有进一步开发做了跨屏通讯的内容. (一)游戏规则: 1.开始游戏时,德基的logo机出现在最上面一行的…
本文档要分析的案例是一个爱消除的网页小游戏,从中可以体会一些Mugeda API的用法和使用Mugeda动画制作网页游戏的方法. (一)游戏规则: 1.开始游戏时,手机出现在最上面一行的任意一格: 2.开始游戏时,彩色石头随机从上往下落,填满所有的方框,相同的三个石头不能相邻的排在一列或者一行: 3.手机从上移动到最下面一行的任意一格,就算胜利,或游戏时间结束,消除的石头数量超过30个也算胜利. (二).游戏玩法 只要三个相同的石头相邻的排在一列或者一行,他们就会消失,同时上面的石头往下落,落到…
[Mugeda HTML5技术教程] 开篇: HTML5 - 生存,还是毁灭 摘要:HTML5并不试图解决所有问题.但是在很多适合的场合,HTML5是不二选择. To be, or not to be, that is the question.   -Hamlet 生存,还是毁灭,这是个问题.-<哈姆雷特> 这句500年前困扰哈姆雷特的两难选题,用来描述今天很多商业决策者和技术爱好者在面对HTML5技术时的心境,可谓再合适不过了.业界存在无数混杂的声音,上至业界大佬,下至技术票友,都为HTM…
上一节我们已经在新建的作品中添加了元素和动画,如果我们想要作品能够和用户互动,就需要给元素添加动作行为.在舞台上选中一个要添加动作的元素,在属性栏的动作下拉列表中选择一个动作.可选类别有链接.表单.行为.链接可以导航到网页:表单可以被编辑并提交:行为是更高级的动作方式(包括播放控制.过渡.调用电话功能.回调函数等).后面会有详细介绍. 链接是在广告动画中比较常用的方式.通过链接的方式,我们可以再作品中加入想要用户浏览的一些链接.在动作下拉列表中选择“链接”后在后面的输入框中输入网址.然后选择链接…
一.API 概述 Mugeda API 提供了一个简单的,结构化的方法来实时动态管理Mugeda内容.它提供了一下方法: •访问Mugeda内容中的对象. •获取和设置对象属性,如位置.旋转.比例.不透明度等. •控制Mugeda动画的回放(例如:播放/暂停/跳转). •在舞台中添加/移除/编辑对象. •处理鼠标/触控事件创造互动体验 Mugeda API 是基于系统JavaScript技术.  不需要额外的库. 二.开始 开始使用Mugeda API是很轻松的. 在Mugeda IDE中,只需…
前一节我们讲述了怎么在新建的作品中添加元素,元素加好以后我们还想让他们动起来,来实现比较炫的效果.这节我们将要讲述怎么给元素添加动画.Mugeda动画是通过时间轴和帧来实现的.通过在时间轴上创建图层和单元,您可以在几分钟内创建专业动画. 时间轴界面如下图.对于要在移动设备上投放的作品,帧速最好不要超过12,因为帧速太快有些移动设备会比较吃力,设置帧速在属性区. 动画图层是用来组织添加对象 每个图层可以包含一个或多个单元(单元将在后面解释) 单击图层将使该图层置为当前图层 添加到舞台的元素将被添加…
前一节,我们介绍了Mugeda Studio.这一节我们讲一下怎么通过Studio创建新作品.首先登陆网站,如果还没有登陆账号,你可以登录 www.mugeda.com 免费注册一个.登录网站后,点击网站左侧的“创建作品”,然后从出现的创建列表中选择”从Mugeda Studio创建”,这样Mugeda Studio的在线集成开发环境会在浏览器窗口中打开了. 如果已经在Studio页面想新建另一个作品,可以点击文件菜单下面的“新建”按钮来开始,如图: 进入Mugeda Studio后,首先需要选…
Mugeda Studio 是基于云平台的制作HTML5动画的专业可视化集成开发环境,可以让你在不需要安装客户端程序的情况下,只通过浏览器就能轻松创作高质量的HTML5动画.HTML5动画相对于传统的Flash动画最大的特点是可以跨平台部署,除了能在PC上显示,还可以在手机.pad等移动设备上完美显示.本节我们将主要介绍下Studio界面的相关组件,以方便大家后续使用.各组件的具体用法,后续章节会陆续介绍. 下面的截图是一个Mugeda Studio界面的工作图. Studio界面的主要组件有菜…