mugedatech-CSDN博客

原创 [Mugeda HTML5技术教程之19]制作可定制贺卡

本文档通过一个实例介绍可定制贺卡的动画的制作过程。实例包含两部分：　　1. 动画部分：介绍动画制作过程中如何给祝福词和落款的文本对象命名，如何给定制按钮定义表单动作。　　2. 代码部分：介绍贺卡的脚本逻辑的编写。　　例程编辑地址：　　https://cn.mugeda.com/animation/edit/0326f6a1　　例程预览地

2014-02-19 10:03:58 2536

原创 [Mugeda HTML5技术教程之18]如何在Android应用中使用Mugeda动画内容

1.简介本文主要介绍如何在Android应用程序中使用Mugeda动画。Mgeda动画是标准HTML5格式的动画，在Android应用程序中可以使用WebView来加载Mugeda动画。动画内容本身可以放在应用程序本地，也可以放在远端。先来看一下Mugeda动画的格式。下图中展示了一个典型Mugeda动画的文件结构。对于Android应用程序来说，需要加载index.htm

2014-02-18 10:12:17 2199

原创 [Mugeda HTML5技术教程之17] 理解Mugeda访问统计结果

1. 功能简介Mugeda提供动画统计功能，使得动画制作者可以直观的了解动画的浏览情况，包括浏览量，参与度，以及观看者的分布情况。目前统计功能主要展示动画内容和广告工程的统计数据。在动画被发布或导出，并且被观看过之后才会在统计页面中看到关于这个动画的统计数据。在动画被发布或导出，可以将动画放在本地观看，也可以放到服务器上供大量用户观看，这些情况下观看情况都能被统计。

2014-02-17 10:27:02 1543

原创 [Mugeda HTML5技术教程之16]案例分析：制作跨屏互动游戏

本节我们将要做一个跨屏互动应用的案例分析，该应用时给一家商场做活动使用的，是一个跨屏爱消除游戏。ＰＣ端页面显示在连接在PC的大屏幕上，参与活动的玩家可以用自己的手机扫描PC端页面上的二维码，连接成功后，操作手机上的游戏可以同步控制主屏幕的游戏画面和结果。游戏结果会记录到排行榜，商家定期会对排名前10的玩家进行奖励。游戏规则和前面分析过的爱消除的案例类似，这个游戏本身就是在原来的单

2014-02-13 10:07:01 3037

原创 [Mugeda HTML5技术教程之15]案例分析：制作移动教育课件

本文档要分析的案例是一个一氧化碳还原氧化铜的教育小课件，从中可以体会一些Mugeda API的用法和使用Mugeda动画制作移动教育课件的方法。Mugeda为移动教育领域和移动数字出版领域提供理想的教育课件/微课程和交互动画内容制作方案，在PC上制作相关内容的Flash创作人员可无障碍使用Mugeda制作适合平板电脑和智能手机的课件和数字出版物。课件内容：一氧化碳还原氧化

2014-02-11 11:24:45 1605

原创 [Mugeda HTML5技术教程之14]案例分析：制作网页游戏

本文档要分析的案例是一个爱消除的网页小游戏，从中可以体会一些Mugeda API的用法和使用Mugeda动画制作网页游戏的方法。（一）游戏规则： 1、开始游戏时，手机出现在最上面一行的任意一格； 2、开始游戏时，彩色石头随机从上往下落，填满所有的方框，相同的三个石头不能相邻的排在一列或者一行； 3、手机从上移动到

2014-02-10 10:34:31 1733

原创 [Mugeda HTML5技术教程之13]链接的添加方式

在广告主的需求中，有很多情况下需要在动画中添加一些外部链接。这份文档就在Mugeda动画中添加外部链接的方式，做一下梳理。1.通过点击触发的链接就是要用户点击屏幕来触发链接的情况，这是推荐使用的方式。因为存在流量的考虑，不需要任何点击就跳转的操作，在有些移动设备上是不被支持的，所以我们推荐的触发跳转链接的方式是通过点击触发。实现的方式是：在舞台上选中一个物体对象，在

2014-02-07 14:19:08 1938

原创 [Mugeda HTML5技术教程之12]制作跨屏互动应用

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

2014-01-24 17:33:59 1861 1

原创 [Mugeda HTML5技术教程之11]Mugeda API简介

一.API 概述Mugeda API 提供了一个简单的，结构化的方法来实时动态管理Mugeda内容。它提供了一下方法：•访问Mugeda内容中的对象。•获取和设置对象属性,如位置、旋转、比例、不透明度等。•控制Mugeda动画的回放（例如：播放/暂停/跳转）。•在舞台中添加/移除/编辑对象。•处理鼠标/触控事件创造互动体验Mugeda API

2014-01-20 17:02:21 2680

原创 [Mugeda HTML5技术教程之10]发布内容

动画作品制作好后，就要拿来使用，怎么发布到想要的位置也是动画制作者比较关心的问题。这一节，我们讲述怎样将制作好的动画内容发布到想要的地方。对制作好的内容，可能的使用场景主要有以下三种：直接导出；发布到Mugeda CDN；上传到你自己的或者第三方的服务器上。直接导出到本地，并部署在其他地方。点击工具栏上的导出按钮，或者点击菜单栏的File\导出\动画，就可以把动画包的ZIP文件下载

2014-01-20 15:19:57 1651

原创 [Mugeda HTML5技术教程之9]使用元件

元件是一个可以在舞台上实例化和再利用的预先生成的独立动画。一个元件有它自己的时间轴（层，单位等），可以独立显示的动画。元件提高了动画的重用性和灵活性，是个强大的存在。元件可用于创建复杂的动画效果。所有元件都在元件库里管理。您可以创建、编辑、删除元件，或将他们归类到不同的文件夹。元件既可以直接拖拽到舞台上生成实例，更可以再脚本中，通过Mugeda API 代码动态生产实例，一个元件可以生成多个

2014-01-17 17:26:24 1323

原创 [Mugeda HTML5技术教程之8]添加行为

上一节我们已经在新建的作品中添加了元素和动画，如果我们想要作品能够和用户互动，就需要给元素添加动作行为。在舞台上选中一个要添加动作的元素，在属性栏的动作下拉列表中选择一个动作。可选类别有链接、表单、行为。链接可以导航到网页；表单可以被编辑并提交；行为是更高级的动作方式(包括播放控制、过渡、调用电话功能、回调函数等)。后面会有详细介绍。链接是在广告动画中比较常用的方式。通

2014-01-17 13:52:16 1330

原创 [Mugeda HTML5技术教程之7]添加动画

前一节我们讲述了怎么在新建的作品中添加元素，元素加好以后我们还想让他们动起来，来实现比较炫的效果。这节我们将要讲述怎么给元素添加动画。Mugeda动画是通过时间轴和帧来实现的。通过在时间轴上创建图层和单元，您可以在几分钟内创建专业动画。时间轴界面如下图。对于要在移动设备上投放的作品，帧速最好不要超过12，因为帧速太快有些移动设备会比较吃力，设置帧速在属性区。动画图层是用

2014-01-17 11:49:29 1322

原创 [Mugeda HTML5技术教程之6]添加元素

我们上节讲了怎么创建新作品。新作品创建好后，我们就可以在里面添加内容了。这一节，我们将要讲述如何在作品中添加元素。动画的中的内容都是以各种元素的形式组成的。对于添加到舞台上的元素，我们可以在时间线上添加动画，也可以在属性对话框中修改相应属性，还可以在脚本中通过名字获取到该元素对象，通过Javascript代码通过Mugeda API 操作该元素从而完成更加丰富多彩的内容。这节我们主要讲解怎么添

2014-01-17 11:46:31 1071

原创 [Mugeda HTML5技术教程之5] 创建新作品

前一节，我们介绍了Mugeda Studio。这一节我们讲一下怎么通过Studio创建新作品。首先登陆网站，如果还没有登陆账号，你可以登录www.mugeda.com 免费注册一个。登录网站后，点击网站左侧的“创建作品”，然后从出现的创建列表中选择”从Mugeda Studio创建”，这样Mugeda Studio的在线集成开发环境会在浏览器窗口中打开了。如果已经在Stud

2014-01-16 14:48:58 886

原创 [Mugeda HTML5技术教程之4] Studio 概述

Mugeda Studio 是基于云平台的制作HTML5动画的专业可视化集成开发环境，可以让你在不需要安装客户端程序的情况下，只通过浏览器就能轻松创作高质量的HTML5动画。HTML5动画相对于传统的Flash动画最大的特点是可以跨平台部署，除了能在PC上显示，还可以在手机、pad等移动设备上完美显示。本节我们将主要介绍下Studio界面的相关组件，以方便大家后续使用。各组件的具体用法，后续章节会

2014-01-16 13:44:59 868

原创 [Mugeda HTML5技术教程之3] Hello World: 第一个Mugeda动画

今天我们开始我们的第一个Mugeda动画作品，并通过它来看看制作Mugeda动画的一些通用流程。在开始制作之前，请确保你已经拥有一个Mugeda网站的账号。如果还没有，你可以登录www.mugeda.com 免费注册一个。简单来讲，制作一个Mugeda动画内容，包含有如下几个步骤：1. 添加元素（图片、文字等）到舞台；2. 为添加的元素定义动画；

2014-01-16 13:40:20 1327

原创 [Mugeda HTML5技术教程之2] Mugeda HTML5富媒体平台简介

[Mugeda HTML5技术教程之2] Mugeda HTML5动画平台简介摘要：Mugeda提供基于云的平台，供开发人员和设计人员快速的开发、发布和统计基于HTML5的，包含丰富动画和交互的移动富媒体内容。在上一篇教程中，我们大致分析了HTML5的现状以及今后的发展趋势。在移动浏览器（含浏览器控件）中渲染的HTML5应用，将会和移动原生应用相辅相成，共同发展，在移动互联

2014-01-15 15:21:31 1539

原创 [Mugeda HTML5技术教程之1] HTML5: 生存还是毁灭

[Mugeda HTML5技术教程] 开篇: HTML5 - 生存，还是毁灭摘要：HTML5并不试图解决所有问题。但是在很多适合的场合，HTML5是不二选择。To be, or not to be, that is the question. -Hamlet生存，还是毁灭，这是个问题。-《哈姆雷特》这句500年前困扰哈姆雷特的两难选题，用来描述今天很

2014-01-14 15:42:31 1317 2

mugeda