本节我们将要做一个跨屏互动应用的案例分析,该应用时给一家商场做活动使用的,是一个跨屏爱消除游戏.PC端页面显示在连接在PC的大屏幕上,参与活动的玩家可以用自己的手机扫描PC端页面上的二维码,连接成功后,操作手机上的游戏可以同步控制主屏幕的游戏画面和结果.游戏结果会记录到排行榜,商家定期会对排名前10的玩家进行奖励. 游戏规则和前面分析过的爱消除的案例类似,这个游戏本身就是在原来的单机游戏的基础上有进一步开发做了跨屏通讯的内容. (一)游戏规则: 1.开始游戏时,德基的logo机出现在最上面一行的…

本文档要分析的案例是一个爱消除的网页小游戏,从中可以体会一些Mugeda API的用法和使用Mugeda动画制作网页游戏的方法. (一)游戏规则: 1.开始游戏时,手机出现在最上面一行的任意一格: 2.开始游戏时,彩色石头随机从上往下落,填满所有的方框,相同的三个石头不能相邻的排在一列或者一行: 3.手机从上移动到最下面一行的任意一格,就算胜利,或游戏时间结束,消除的石头数量超过30个也算胜利. (二).游戏玩法 只要三个相同的石头相邻的排在一列或者一行,他们就会消失,同时上面的石头往下落,落到…

本文档要分析的案例是一个一氧化碳还原氧化铜的教育小课件,从中可以体会一些Mugeda API的用法和使用Mugeda动画制作移动教育课件的方法.Mugeda为移动教育领域和移动数字出版领域提供理想的教育课件/微课程和交互动画内容制作方案,在PC上制作相关内容的Flash创作人员可无障碍使用Mugeda制作适合平板电脑和智能手机的课件和数字出版物. 课件内容: 一氧化碳还原氧化铜实验课件.课件动画的前半段是实验设备的安装过程动画:后半段是交互部分,在这部分学生可以通过点击按钮的步骤来完成实验,有点…

[Mugeda HTML5技术教程之2] Mugeda HTML5动画平台简介 摘要:Mugeda提供基于云的平台,供开发人员和设计人员快速的开发.发布和统计基于HTML5的,包含丰富动画和交互的移动富媒体内容. 在上一篇教程中,我们大致分析了HTML5的现状以及今后的发展趋势.在移动浏览器(含浏览器控件)中渲染的HTML5应用,将会和移动原生应用相辅相成,共同发展,在移动互联网大潮中扮ch来越重要的角色.另一方面,开发HTML5应用目前仍然存在成本高.效率低的诸多问题,这也在一定程度上阻碍了H…

mugeda动画平台还可以用来制作跨屏互动的动画应用,比如在PC端的大屏幕上显示动画的主界面,同时会显示出供手机扫描的二维码,手机扫描后会在手机上显示手机端动画界面.通过手机就可以和PC端的显示界面跨屏互动操作.这种动画应用在类似一些商场搞活动,或者户外宣传等常见可以使用.可以制作一对一玩的跨屏互动应用,也可以制作一对多玩(多个玩家同时玩)的跨屏互动应用.为了更好的理解跨屏互动应用的使用,本文档将通过一个简单的例子来演示跨屏动画的制作过程. 一.制作动画 1.PC端动画制作 a.在PC端,设置舞…

一.API 概述 Mugeda API 提供了一个简单的,结构化的方法来实时动态管理Mugeda内容.它提供了一下方法: •访问Mugeda内容中的对象. •获取和设置对象属性,如位置.旋转.比例.不透明度等. •控制Mugeda动画的回放(例如:播放/暂停/跳转). •在舞台中添加/移除/编辑对象. •处理鼠标/触控事件创造互动体验 Mugeda API 是基于系统JavaScript技术.  不需要额外的库. 二.开始 开始使用Mugeda API是很轻松的. 在Mugeda IDE中,只需…

[Mugeda HTML5技术教程] 开篇: HTML5 - 生存,还是毁灭 摘要:HTML5并不试图解决所有问题.但是在很多适合的场合,HTML5是不二选择. To be, or not to be, that is the question.   -Hamlet 生存,还是毁灭,这是个问题.-<哈姆雷特> 这句500年前困扰哈姆雷特的两难选题,用来描述今天很多商业决策者和技术爱好者在面对HTML5技术时的心境,可谓再合适不过了.业界存在无数混杂的声音,上至业界大佬,下至技术票友,都为HTM…

前一节,我们介绍了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界面的主要组件有菜…

1.简介 本文主要介绍如何在Android应用程序中使用Mugeda动画.Mgeda动画是标准HTML5格式的动画,在Android应用程序中可以使用WebView来加载Mugeda动画.动画内容本身可以放在应用程序本地,也可以放在远端. 先来看一下Mugeda动画的格式.下图中展示了一个典型Mugeda动画的文件结构.对于 Android应用程序来说,需要加载index.html来打开动画. 2. 示例 下面用一个实例在演示如何使用,这个实例的界面如下图所示.中间的白色区域是WebView用来…