个人理财 如何将声音添加到您的HTML5游戏 - 傻瓜

如何将声音添加到您的HTML5游戏 - 傻瓜

视频: 5.4 H5 添加音乐视频教程 2025

视频: 5.4 H5 添加音乐视频教程 2025
Anonim

音效一直是网络作为HTML游戏平台的最大弱点之一。 Web浏览器具有非常不稳定和麻烦的音频功能。幸运的是,HTML5解决了声音问题(至少在某种程度上)。 SimpleGame库通过添加一个Sound对象来创建新声音非常容易。这是一个非常简单的程序,可以播放声音:

声音。 html var scene; var ribbit;函数init(){scene = new Scene(); owMP3 = new Sound(“ow。mp3”); owOgg = new Sound(“ow。ogg”);现场。 start();} //结束init函数update(){if(keysDown [K_SPACE]){owMP3。玩(); owOgg。 play();} // end if} //结束更新不要按空格键! !

使用simpleGame库可以轻松管理声音效果:

<! --1 - >

创建你的音效。最好的格式是mp3和ogg。将您的音频文件放在与您的程序相同的目录中。
  1. 要最大化浏览器兼容性,请继续步骤2.

    制作一个变量以保持您的音效。像所有游戏资产一样,您将拥有一个包含声音的变量。定义任何函数之外的变量。

    建立一个声音对象来初始化你的声音效果。

  2. simpleGame库有一个Sound对象。创建这个对象的一个​​实例来建立你的声音。该对象需要一个参数:包含音效的文件的名称。通常情况下,你会在游戏的init()函数中执行此操作。

  3. 用play()方法播放声音。

    一旦你定义了一个声音效果,你可以用声音对象的play()方法轻松地播放它。

  4. 音效为您的游戏添加了很多。过去在网页中使用声音效果相当困难,但HTML5有一个美妙的新标签,最终使浏览器无需第三方插件即可访问声音效果。 simpleGame库中的Sound对象基于HTML5标记。很好,因为声音元素是,有一些问题。尽管所有符合HTML5的浏览器都播放音频文件,但它们不会播放相同的文件类型。 mp3格式是非常有名的,但并不是所有的浏览器都支持它。许多浏览器喜欢更新的(和开源的)Ogg格式。如果没有足够的混淆,则支持从同一浏览器的版本更改。

    我的建议是使用MP3和OGG格式,并让浏览器播放它可以的任何一个。这将解决大部分问题。

    当然,在这两种格式中找到相同的音效并不容易。考虑使用免费的音频编辑器,Audacity。这个工具允许你录制和编辑多种格式的音效。根据您获得的Audacity的版本,您可能还需要LAME插件。使用这些工具,您可以轻松录制自己的音效,并将其保存为Ogg和mp3格式。

如何将声音添加到您的HTML5游戏 - 傻瓜

编辑的选择

在QuickBooks Online中使用批发帐单 - 虚拟

在QuickBooks Online中使用批发帐单 - 虚拟

QuickBooks Online为会计专业人员提供免费程序。您可以注册批发价格计划,也可以免费使用QBOA。如果你选择这样做(这是一个不错的选择!),你将需要知道如何管理的事情。从您的批发帐单订阅中删除客户有时候,事情并不是这样...

基于零基础的预算与QuickBooks 2012 - 傻瓜

基于零基础的预算与QuickBooks 2012 - 傻瓜

零基预算是一个非常有用和常用的预算策略在使用QuickBooks 2012之前,您应该先了解一下。基于零的预算与顶级预算相反。零基预算从下到上工作。零基预算始于个人收入,费用,资产,负债和所有者权益账户。它检查一个特定的...

在Sage Timeslips中10个有用的键盘快捷键 - 虚拟键盘

在Sage Timeslips中10个有用的键盘快捷键 - 虚拟键盘

键盘快捷键可以是Sage Timeslips 。启动或保存一张单据,将昨天,今天或明天的日期插入日期字段,并用一个或两个按键打开和关闭定时器。以下是十大最爱。按下它做什么Ctrl + N开始一个新的投票,而工作在...

编辑的选择

可以在Photoshop Elements 11中的任意形状图层上绘制多个图形 - 虚拟模型

可以在Photoshop Elements 11中的任意形状图层上绘制多个图形 - 虚拟模型

Photoshop Elements 11中创建的任何形状图层上的图形。您可以按照与选择相同的方式添加,减去,排除重叠和相交形状。请遵循以下步骤:创建第一个形状后,在工具选项:添加到形状区域中选择一个状态按钮:...

使用读卡器将图像下载到Mac上 - 傻瓜

使用读卡器将图像下载到Mac上 - 傻瓜

您的相机可能有一个USB端口,电缆,您可以使用下载您的图像。这种方法使用相机电池电力,也相当缓慢。如果您使用读卡器,则会更快地将图像存入计算机。如果您下载了大量的图像,请考虑购买FireWire读卡器; ...

在Photoshop Elements 10中创建形状图层后,在Photoshop Elements 10中绘制多个图形 - 虚拟形状

在Photoshop Elements 10中创建形状图层后,在Photoshop Elements 10中绘制多个图形 - 虚拟形状

可以在该图层上绘制其他形状。您可以按照与选择相同的方式添加,减去,重叠和相交形状。请记住,当您在元素中创建一个形状时,您正在创建一个基于矢量的元素。向量在数学上描述形状。 ...

编辑的选择

在您的IOS应用程序中添加模态视图 - 在iPhone和iPad上虚拟视图

在您的IOS应用程序中添加模态视图 - 在iPhone和iPad上虚拟视图

对于那些希望用户(或用户想要)在应用程序流之外执行某些操作的情况非常适用。而不是使用带有后退按钮的导航控制器,而是显示一个模式视图,其中的控件允许用户选择一个动作或...

Android应用程序开发:你的Twitter应用程序的文件 - 傻瓜

Android应用程序开发:你的Twitter应用程序的文件 - 傻瓜

,这个Android Studio项目包含大约100个文件和大约170个不同的文件夹。要制作Android Twitter应用程序,您需要专注于该项目的MainActivity。 java文件。但其他一些文件需要注意。 Twitter4J API jar文件Android没有内置的通信支持...