Return to Video

BrowserQuest - Massively Multiplayer HTML5 Game Demo

  • 0:07 - 0:09
    どうもみなさん、私は Guillaume といいます。
  • 0:09 - 0:11
    Little Workshop という会社で
    Web デザイナーとして働いています。
  • 0:11 - 0:13
    そして BrowserQuest の制作者の一人でもあります。
  • 0:13 - 0:17
    BrowserQuest とは HTML5 で作られた
    2D による MMO (多人数同時参加型) ゲームです。
  • 0:17 - 0:19
    これがそのゲームです。
  • 0:19 - 0:22
    これはアクション RPG タイプのゲームで、
  • 0:22 - 0:25
    一つの Web ページの中で多人数と
    プレイすることができます。
  • 0:25 - 0:28
    WebSocket という技術を使ったデモの
    制作が私たちの目的でした。
  • 0:28 - 0:32
    その技術でインタラクティブな楽しいウェブアプリ、
    ゲームを制作できることを示すために。
  • 0:32 - 0:35
    BrowserQuest では、
    素朴な村人としてゲームがスタートします。
  • 0:35 - 0:37
    まわりの世界を探索すればするほど、
  • 0:37 - 0:40
    アイテムと実績を得られます。
  • 0:40 - 0:42
    一人だけでプレイすることも、
  • 0:42 - 0:46
    他のプレイヤーとチームを組んで
    一緒に狩りをすることもできます。
  • 0:46 - 0:48
    実績ウィンドウでは冒険の間にいつでも、
  • 0:48 - 0:52
    トロフィーアイコンをクリックして
    進行具合を確認することができます。
  • 0:58 - 1:01
    このゲームのネットワーク処理には
    WebSocket が使われています、
  • 1:01 - 1:06
    あなたのブラウザとサーバとの
    リアルタイム通信が可能な新しい技術です。
  • 1:06 - 1:10
    これによりあなたのまわりで他のプレイヤーが
    走ったり戦ったりする動きを実現しています。
  • 1:11 - 1:16
    もちろん BrowserQuest は WebSocket だけでなく、
    多くの Web 関連技術を利用しています。
  • 1:16 - 1:19
    ゲームクライアントは JavaScript で記述され、
  • 1:19 - 1:22
    レンダリングエンジンには HTML5 Canvas を使い、
  • 1:22 - 1:26
    あなたのキャラクターの保存には
    localStorage が使われています。
  • 1:26 - 1:29
    また HTML5 Audio により
    効果音や音楽を管理しています。
  • 1:35 - 1:40
    BrowserQuest のさらに素晴らしい点は、
    Web ページを見られさえすれば、
  • 1:40 - 1:43
    様々なプラットフォームで利用可能なことです。
  • 1:43 - 1:46
    WebSocket が利用可能なブラウザを使えば、
  • 1:46 - 1:49
    デスクトップはもちろん、試験バージョンではありますが、
  • 1:49 - 1:57
    iPhone や iPad 、Android 用 Firefox が入った
    タブレットや携帯でも動くはずです。
  • 1:57 - 2:00
    表示が最適化されるような設定が用意されており、
  • 2:00 - 2:05
    CSS Media Queries により
    デバイスに合わせて表示されます。
  • 2:05 - 2:08
    ぜひゲームをプレイされる際は、コンピュータだけでなく、
  • 2:08 - 2:12
    携帯やタブレットでも試してみて下さい。
  • 2:12 - 2:16
    見てくれてありがとう、
    ぜひゲームでお会いしましょう!
Title:
BrowserQuest - Massively Multiplayer HTML5 Game Demo
Description:

Mozilla presents BrowserQuest -- A massively multiplayer HTML5 game demo created by Little Workshop and Mozilla. Play the game: http://browserquest.mozilla.org

Game credits: http://www.littleworkshop.fr

Screencast music credits:
- "Village" by Dayjo
- "What Dangers Await? (Campus Map)" by Freakified
- "Right off the top" by Camoshark

more » « less
Video Language:
English
Duration:
02:16

Japanese subtitles

Revisions