HTML加载 场景

Movie 影片

这部电影是动画的根。它包含所有的主要属性和事件的您的动画。在这里,您可以设置基本属性 (如宽度、 高度和标题您的动画。您还可以添加动画结束时,或每次更新时运行的脚本。您可以快速访问属性在任何时间通过单击顶部的电影图标将保留属性的电影。


Edit 属性

宽度 • 影片以像素为单位的宽度。

高度 • 影片以像素为单位的高度。

比例 • 如何影片缩放以适合可用空间。

无 — — 这部电影不进行缩放。中心 — — 电影不是缩放,在可用空间中居中。填充 — — 如果比率是不同的然后将剪切影片,影片填充可用空间。影片适合 — — 填充可用空间,如果比率是不同的然后将 letterboxed 的空间。拉伸-电影填充可用空间。比率不会保留。


背景颜色 • 影片的背景色。

透明背景 • 影片的背景是透明的。这仅适用于 HTML。

背景图像比例 • 背景图像进行缩放以适合可用空间。

不缩放中心 — — 图像并在可用空间中居中显示。填充 — — 图像填充的可用空间,如果比例是不同的然后将剪裁图像。适合 — — 图像填充的可用空间,如果比例是不同的那么空间将影院。适合中心 — — 如果图像大于可用空间,适合使用。如果该图像是小于的可用空间,它的中心。拉伸图像填充可用空间。比将不会保留。


背景图像 • 背景图像。

触摸手势 • 允许导出的HTML在电话和触摸设备上响应长压、 滚动和缩放动作。

禁用菜单 • 禁用右键菜单。

剪切 • 不显示超出画布的内容

循环 • 当影片播放完毕将再次启动。

自动播放 • 影片将自动开始播放。

速度 • 这部电影的速度。默认值为 1,或 12 关键帧每秒。2 是两倍的速度或 24 关键帧每秒。0.5 是一半的速度。0 停了下来。-1 是反向的。

当点击 • 单击或按下时执行的脚本。

alert(X+" , "+Y);

使用释放事件 • 允许单独的脚本,当电影是按下和释放时使用。否则当电影是按下然后释放,只使用脚本。与此选项一起 '当点击' 电影被按下时才使用。

当释放 • 要触摸或未单击鼠标时执行的脚本被释放。

当滑过 • 当鼠滑过时要执行的脚本。此值只有在 '使用鼠标滑过时'才有效。

当移出 • 当鼠标移时要执行的脚本。此值只有在 '使用鼠标滑过时'才有效。

鼠标/触摸脚本事件 '当点击'、 '关于移动' 和 '当释放' 均已包括了三个变量。'X' 的鼠标触摸的 x 坐标。'Y' 的鼠标触摸的 y 坐标。'MouseButton' 已被单击的鼠标按钮,1 是左边的按钮,2 是右按钮。


当启动 • 当启动影片时执行的脚本。此函数只有在 '自动播放' 是关闭状态时才被执行。

当更新 • 当每次影片更新时执行的脚本。这可能在一秒内会有好多次。频率取决于 web 浏览器的速度和影片的复杂性。

脚本事件 'On update' 中包含两个变量。'TimeChange' 影片自上次更新后的时间变化,以帧为单位。时间‘1’等于 1 帧。'SecondsChange' 影片自上次更新后的时间变化,以秒为单位。


MyTimer+=TimeChange; //Time Passed

当调整尺寸 • 当 web 浏览器或设备的大小或旋转时要执行该脚本。

当结束 • 当电影结束时执行的脚本。此脚本只有在 '循环' 处于关闭状态时才可执行。

GetUrl("NextMovie.html");

当按下键 • 当按下键盘键时执行的脚本。此脚本事件包含一个变量 'key',它是一个已发布的统一编码标准的 unicode 值。

alert(Key);

当释放键 • 当释放键盘键时执行的脚本。此脚本事件包含一个变量 'key',它是一个已发布的统一编码标准的 unicode 值。

没有 JavaScript • 如果 JavaScript 不可用或已关闭的 web 浏览器中 HTML 导出显示此消息。


<b>Message</b><br />
This
web browser does not support javascript.<br />

加载器 • 编辑 HTML 加载程序。

标题 • 当导出影片的标题。

图标 • 图标,为您的电影的。它将显示在 web 浏览器来表示页面中。它还可以用作主页屏幕上的图标 Apple 设备。

光标 • 更改鼠标样式。在触摸设备将不显示。

自定义光标 • 将光标设置为库中的样式。

不缓存 • 导出到 HTML web 页时不缓存此电影。

环境色 • Internet Explorer 6-8 的半透明项目边界显示不正确。这种平均颜色用作边界的背景色。电影背景的颜色通常效果最好。

作者 • 可以在导出的 HTML 文件中存储您的姓名或公司名称。

网站 • 作者的网站可以包含在导出的小部件。

电子邮件 • 可以将作者的E-mail添加到导出微件中

说明 • 可以在导出的HTML文件中添加的影片描述。这将有助于搜索引擎抓取到您的作品。

HEAD • 导出到 HTML 时向头标记,添加其他自定义 HTML。


<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:site" content="@Hippani" />
<meta name="twitter:title" content="HTML Animation with Hippani Animator" />
<meta name="twitter:domain" content="www.Hippani.com" />
<meta name="twitter:description" content="This is an example twitter card. It adds more information to twitter tweets." />
<meta name="twitter:image" content="https://www.Hippani.com/Images/MediumHippo2.png" />

BODY • 导出到 HTML 时到 BODY 标签,添加额外的自定义 HTML。

谷歌Analytics(分析) • 跟踪在互联网上使用 Google Analytics 导出的 HTML 文件。这应该是 UA-123456-7 格式。

Script 脚本

播放 • 播放影片。

Play();

停止 • 停止影片。

Stop();

转到并播放 • 播放影片从特定的帧。例如,GotoAndPlay(100)。

GotoAndPlay(:数量);

转到并停止 • 转到特定的影片的帧,然后停止。例如,GotoAndStop(100)。

GotoAndStop(:数量);

播放剪辑 • 打从开始到结束的影片剪辑。例如,PlayClip(100,200)。

PlayClip(启动:数量,结束:数量);

循环播放 • 播放影片从开始到结束连续的剪辑。例如,PlayLoop(100,200)。

PlayLoop(启动:数量,结束:数量);

循环播放 • 播放影片从开始到结束的剪辑。然后连续播放一个循环。例如,PlayThenLoop(100,180,200) 这将启动 100,帧上播放直到回帧 180 帧 200 再循环。在起始帧之前可能是在循环的起始帧。

PlayLoop(启动:数量,开始循环:数量,结束:数量);

暂停 • 暂停电影。这就好比 Stop() 除了不会中断它可能在任何剪辑或循环的不同而不同。

Pause();

重新开始 • 恢复影片。这就好比 Play() 除了不会中断它可能在任何剪辑或循环的不同而不同。

Resume();

获取时间 • 返回当前时间的场景。这是一种浮动点值。

GetTime();

设置的时间 • 设置当前时间的场景。

SetTime(:数量);

获取帧 • 返回场景的当前帧。除了它是一个整数它类似于时间。

GetFrame();

设置的框架 • 设置当前帧的场景。这就像设置的时间,但它只能是一个整数。

SetFrame(:数量);

获取速度 • 得到电影的速度。默认值是 1。2 是双速度。0.5 是一半的速度。0 停了下来。-1 是反向的。当反向任何循环或剪辑的起始帧应高于结束帧。

GetSpeed();

设置的速度 • 设置电影的速度。默认值是 1。2 是双速度。0.5 是一半的速度。0 停了下来。-1 是反向的。当反向任何循环或剪辑的起始帧应高于结束帧。

SetSpeed(速度:数量);

项目移到前面 • 把项目带到前面的图层。

ItemMoveToFront("脚本 ID");

项目向前移动 • 使图层中的项目向前一个地方。

ItemMoveForward("脚本 ID");

项目移动落后 • 在该图层中发送项目回到一个地方。

ItemMoveBackward("脚本 ID");

项目移到后端 • 将项目发送到该图层的后面。

ItemMoveToBack("脚本 ID");

项目删除 • 从一个图层,使用脚本中删除项目。这仅适用于不使用时间轴的项目。

ItemDelete("脚本 ID");

项目重复 • 复制一个图层,使用脚本中的一个项目。这仅适用于不使用时间轴的项目。

ItemDuplicate("脚本 ID","新的脚本 ID");

var Box2=ItemDuplicate("OriginalBox","Box2");

var Circles=new Array();
for(var i=0;i<10;i++){
Circles.push
(ItemDuplicate("OriginalCircle","Circle"+i));
}

HTML加载 场景
本文档是从使用在线翻译的英语翻译。如果您发现任何错误,我们深表歉意。如果你想要帮助我们改正错误。还有一个翻译编辑器在 Hippani Animator (在帮助菜单上)。我们给出免费许可证密钥谁纠正了超过 100 个短语。请更多详细信息,联系我们。