Node.js＋Socket.IOで作る、通信対戦ができるHTML5ゲームシステムの作り方
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog はじめまして、Yahoo!きっず開発担当です。 昨年Yahoo!きっずにてブラウザオンラインゲーム「おしゃべりリバーシ」をリリースしました。 ※おしゃべりリバーシは2015年10月をもってサービス終了しました。ご利用いただきまして、ありがとうございました。 このゲームは、通信対戦部分の通信プロトコルWebSocketを採用し、サーバミドルウェアにNode.js＋Socket.IOを採用しました。この結果、ブラウザゲームでありながらマルチデバイスでの対戦を実現しました。 今回は、Node.js＋Socket.IOによるWebSocketサーバのシステム構築方法について考慮すべきポイントを、「おしゃべりリバーシ」の実例を紹介しながら説
1年間で50個も作ったパズル・アクション・シューティングゲームなどがプレイし放題
面白いゲームを作るためにゲーム開発に力を注いでいたABAさんが、1年かけて作った50個ものゲームを公開しています。ゲームはブラウザで遊べるFlash＆HTML5のミニゲームで、レトロな感じがあふれているだけでなく、ゲーム内容が一癖も二癖もあるとのことなので、実際に少しずつプレイしてみました。 I have created 50 games in 2014 - ABA Games http://www.asahi-net.or.jp/~cs8k-cyu/blog/2014/12/12/games-in-2014/ ◆01：SCAFFOLD NOW SCAFFOLD NOWはパズルとアクションが一体になったゲーム。キーボードで次々と出てくるブロックを落として足場にし、黄色いキャラクターを操作して上へ上へと登っていきます。ブロックにつぶされたり、画面の一番下に当たってしまうとゲームオーバー。 ◆
今年50のゲームを作って分かった面白いゲームを作る方法 2014-12-23 - ABAの日誌
なんてのは無いということが。 I Have Created 50 Games in 2014 (http://www.asahi-net.or.jp/~cs8k-cyu/blog/2014/12/12/games-in-2014/) 作ったものは上のページにまとめた。全ゲームのスクリーンショットがアニメGIFになっていて、クリックすればそのゲームが遊べる。個人的な意見としては、左上の方が楽しめて、右下のほうが退屈できます。 すべてブラウザで遊べる昔ながらのミニゲーム。半分Flash、半分HTML5。HaxeとCoffeeScriptで書いた。ソースも置いてあります。 1年で50作れば年の終わり頃には余裕で面白いゲームを狙って作れるようになるかなあと思ったけど、脳内で面白そうと思ったゲームが実際に作るとひどくつまらないということは相変わらず多発するので、やはりイケてるゲームを作る簡単なセオリ
初めてのHTML5ゲームプログラミング
JavaScriptで動作するフレームワークImpactを使った、HTML5ゲームの開発について紹介する書籍です。 Impactを使った2Dゲームの制作を題材に、フレームワークのセットアップ、ゲームのアイデア、キャラクターの作成、マップの作成、移動、攻撃、衝突検知といった、ゲームに必要な各要素について解説しています。また、作成したゲームをプレイヤーがより楽しめるような仕組み作りやデバッグといったトピックについても触れています。なお本書はEbookのみの販売となります。 はじめに 本書について 本書の対象読者 本書の対象でない読者 本書で使用されている表記規則 サンプルファイルについて サンプルコードの使用について 本書の使い方 本書に関するお問い合わせ 謝辞 1章 Impact入門 Impactを選ぶ理由 ローカル環境を構築しよう WebStormとPHPStormをインストールしよう A
「ngCoreはイケてる」「武器より防具が売れる」、「忍者ロワイヤル」を企画・開発双方の視点から語る - GIGAZINE
「Mobage」の人気コンテンツ「ロワイヤル」シリーズ初のスマートフォンアプリ「忍者ロワイヤル」について、企画担当と開発担当それぞれの視点から解説、工夫した点と今後の改善点などが、CEDEC2011講演「忍者ロワイヤルの今までと今後 」で語られました。担当する部分が違うことで、同じゲームを説明しているのに「武器より防具が売れる」「ngCoreはアプリで2Dソーシャルゲームをつくるのにイケてる」など、全く別の切り口で見せてくる内容となっています。 講演は2部構成になっていて、第一章では企画担当者が開発経緯や機能の説明を非常に丁寧に行っているのですが、「○○ロワイヤル」をやったことのある人、特に「忍者ロワイヤル」のユーザーであれば、おおよそ理解しているような内容がほとんど。ゲーム開発の裏側という意味では、Mobage開発に使用されているゲームエンジン「ngCore」についての正直すぎる使用感や
HTML5でゲーム開発。JavaScriptゲームフレームワークまとめ | BACKEND AS A SERVICE mbaas BLOG
ゲームと言えばネイティブアプリなイメージがありますが、HTML5やJavaScriptエンジンが高性能化するのに伴ってWebブラウザでも十分ゲームが遊べるようになっています。Webブラウザであればインストールの手間なく遊べて、さらにラップすることでアプリ化することだって可能です。ゲームエンジンは多数存在しますが、今回は特に2Dをサポートしたソフトウェアを紹介します。mBaaSお役立ちブログ トップ> ブログ> Tips> HTML5でゲーム開発。JavaScriptゲームフレームワークまとめ ゲームと言えばネイティブアプリなイメージがありますが、HTML5やJavaScriptエンジンが高性能化するのに伴ってWebブラウザでも十分ゲームが遊べるようになっています。Webブラウザであればインストールの手間なく遊べて、さらにラップすることでアプリ化することだって可能です。 ゲームエンジンは多数
enchant.js - A simple JavaScript framework for creating games and apps.
enchant.js is … カンタンにゲームやアプリを開発できる HTML5 + JavaScript フレームワークです。 2011年に公開され、すでに 1,000 本以上のゲーム/アプリが公開されています。 オープンソース (MITライセンス) で、無料で利用できます。 ドキュメント・書籍・チュートリアルサイトが充実しています。 たくさんのプラグインで機能を拡張できます。 UEI/ARC を中心としたメンバによって開発・メンテナンスされています。 プログラミング教育のためにも利用されています。 Features オブジェクト指向: 表示されているものはすべてオブジェクトです。 マルチプラットフォーム: iOS, Android, Mac, Windows のブラウザで動作します。 Windows 8: Windows 8 対応のHTML5アプリケーションを開発できます イベント駆動
HTML5で作られた無料MMORPG「BrowserQuest」をMozillaがサービス開始
FirefoxやChrome、Safari、さらにiOSやAndroidでも動作するというMMORPG「BrowserQuest」がスタートしました。これを作ったのはMozillaで、操作方法は単純明快、かなりサクサクと遊べます。 まず、さくっと概要が分かるデモムービーはこちら。 BrowserQuest - Massively Multiplayer HTML5 Game Demo - YouTube 以下が公式サイトです。 BrowserQuest http://browserquest.mozilla.org/ まずはキャラクター名をつけるところから。 なお、InternetExplorer9以前のバージョンだと「このブラウザでは遊べません」というメッセージが表示され、最新版のFirefoxかChrome、Safariを使うように言われます。なお、WebSocketをサポートしたIE
入門 Webゲーム開発
TOPICS Web , Game , JavaScript 発行年月日 2014年03月 PRINT LENGTH 356 ISBN 978-4-87311-664-8 原書 The Web Game Developer's Cookbook FORMAT PDF 本書は、JavaScriptライブラリとHTML5によるゲーム開発テクニックを解説するWebゲーム開発の入門書です。「HTML5ゲームエンジン」と称されるJavaScriptライブラリを、100種類を超える候補の中から厳選し、これらのエンジンと本書で紹介するツールを使って、ブラウザで動作するゲームを“手早く”開発していきます。また、本書の各章では、1つのゲームジャンルとそれを補助する1つのエンジンを合わせて解説しています。ゲームジャンルは主要な10種類を採り上げています。読者はエンジンの使い方を学ぶうちにそれらの共通点と相違点
enchant.jsでゲームを作る7つの利点と5つの注意点
enchant.jsとは―― 2Dゲームに特化したHTML5＋JavaScriptライブラリ 「enchant.js」とは、ユビキタスエンターテインメント（UEI）が2011年4月にリリースした、HTML5＋JavaScriptベースのゲームエンジンです。enchant.jsはオープンソースでGitHubでソースコードを公開しています。ライセンスは、MITライセンス／GPL2のデュアルライセンスです。もともとはプログラミング学習を目的として開発されましたが、現在では世界中で多く利用されているHTML5向けゲームエンジンとなりました（2012年6月UEI調べ）。 実際に活用された事例としては、サントリータウンの会員コンテンツであるFlashミニゲームが、enchant.jsを用いてHTML＋JavaScriptに組み直されました。これはiPhoneなどのFlash非対応端末からでも楽しめるよ
iPhoneのブラウザで動くファミコン・エミュレータ「webNES」
スマートフォンのブラウザで動くファミコン(NES)のエミュレーターが公開されています。 「webNES」というこのファミコン・エミュレーターは、iPhoneをはじめとするスマートフォンのブラウザで動作するのが特徴です。 よってiOSのハックやAppleの審査を欺く必要もなく、iPhoneのSafariからサイトにアクセスするだけで使用できるとのこと。 ROMのロードはDropboxを経由して行い、画面はポートレート(縦)のみ対応しているようです。 【注】ブラウザベースとはいえ、悪意のあるコードが含まれている可能性もあるので、ご利用は自己責任でお願いします。 このエミュレータは、ペンシルバニア大で開催された2日間のハッカソン「spring PennApps 2014」で開発され、ファイナリスト(トップ10)に残ったとのこと。 既存のNESエミュレータ・JSNESをベースにHTML5へ移植。コ
enchant.jsでスマホ向けゲームを作り始めるための基礎知識
enchant.jsでスマホ向けゲームを作り始めるための基礎知識：enchant.jsでHTML5＋JavaScriptゲーム開発入門（2）（1/4 ページ） 大人気のHTML5＋JavaScriptベースのゲームエンジン「enchant.js」を使ってゲームアプリを作る方法を解説していく。今回は、enchant.jsでゲームを作るための準備の仕方や、サンプルアプリのソースコードを実例に基礎文法などを紹介
逆転の発想「ブロック崩さぬ」人気 「往年の名作ゲームに真っ向からケンカ」
「守りたい、そのブロック」――「ブロック崩し」の発想を逆転させたゲーム「ブロック崩さぬ」がTwitterで話題だ。ブロックを「崩さない」ように画面上のバーを操作するゲームで、スマートフォンやPCのWebブラウザから無料で遊べる。 ブロック崩しは、落ちてくるボールに画面上のバーを当て、跳ね返してブロックを崩すゲームだが、ブロック崩さぬは逆。バーにボールが当たらないよう操作し、ボールを落とすほど得点が積み上がり、ブロックが全部崩れたらゲームオーバーとなる。得点をTwitterでつぶやき、ほかのプレイヤーと競うこともできる。 うちょ（@utyo）さんが、ゲーム開発などに利用できるJavaScriptライブラリ「timlib.js」を使って開発した。「仕事をサボッてる時に思いつきました！ブロックを崩さないゲームです！！！往年の名作ゲームに真っ向からケンカを売る形になります！！よろしくおねがいします
JavaScript製とは思えないゲームをenchant.jsで簡単に作るには
JavaScript製とは思えないゲームをenchant.jsで簡単に作るには：enchant.jsでHTML5＋JavaScriptゲーム開発入門（4）（1/3 ページ） 大人気のHTML5＋JavaScriptベースのゲームエンジン「enchant.js」を使ってゲームアプリを作る方法を解説していく連載。今回は、手軽にアニメーションを作れるtl.enchant.jsの使い方や、スマホ向けアニメーションのチューニングポイント6つを解説する。 これが、JavaScriptのゲーム…… だと……？ 前回の「enchant.jsで重要なスプライトとシーンを使うには」では、ゲームの流れとなる部分を駆け足で解説いたしました。 今回は、よりゲームをリッチに見せる、複雑なアニメーションの作り方を理解していきましょう。この機能を使うと、こんなもの（サンプル）を簡単に作ることができます。ぜひ「JavaSc
「enchant.js」を使用したWii Uダウンロードソフト，「GAIABREAKER（ガイアブレイカー）」の配信が本日スタート
「enchant.js」を使用したWii Uダウンロードソフト，「GAIABREAKER（ガイアブレイカー）」の配信が本日スタート 編集部：Gueed ユビキタスエンターテインメントは，Wii Uダウンロードソフト「GAIABREAKER（ガイアブレイカー）」の配信を，ニンテンドーeショップで本日（2013年12月25日）開始した。価格は1890円（税込）。CEROレーティングはA（全年齢対象）。 「GAIABREAKER（ガイアブレイカー）」（ニンテンドーeショップ） 本作は，突然地球に侵攻してきた銀河帝国軍を敵に回し，敵機への自動ロックオン機能と自機の持つ追尾ミサイルによって爽快なプレイを楽しめる，縦スクロールタイプのシューティングゲームだ。ユビキタスエンターテインメントのHTML5/JavaScriptベースのゲームエンジン「enchant.js」および，「enchant.js fo
スマホで“艦これ”が遊べない理由――コンテンツ技術を巡るし烈な争い
スマホで“艦これ”が遊べない理由――コンテンツ技術を巡るし烈な争い：佐野正弘のスマホビジネス文化論（1/2 ページ） 2013年に最も注目を集めたソーシャルゲームといえば、“艦これ”こと「艦隊これくしょん」(角川ゲームス／DMM.com)であるといっても過言ではないだろう。 艦これは、提督となって擬人化された艦船の「艦娘」を集めて育成したり、艦隊を組んでバトルしたりするゲーム。実在した旧日本海軍の艦船を美少女に擬人化するなどのユニークな発想に加え、戦闘で一度撃沈された艦娘は復活させられないなどシビアなルール設定なども注目を集め、今年4月のサービス開始ながら12月2日にはユーザー数が130万を突破。現在も新規ユーザーの登録に制限がかけられているなど、人気が継続している。 このゲームが非常に特徴的なのが、Webブラウザ上で動作するタイプのソーシャルゲームであり、PC向けのゲームということだ（リ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
デジカ、HTML5ゲームを制作できる「インディゲームクリエイター」無償版を公開
9leap : トップページ - どこでも遊べる、投稿型ゲームサイト
Microsoft、ボードゲーム『カタン』のWeb版“Catan Anytime”を無償公開