http://www.dango-itimi.com/jungle_master/

光る玉を避けるだけのとても簡単なゲームなので、BGM作成に少々時間をかけています。
BGM は、昔 VOCALOID(MEIKO) で作成したものを編曲して使用しました。

VOCALOID の原曲 URL はこちらです。やや甲高い声がうるさいかもしれません。
http://www.youtube.com/watch?v=p69c7r7vaj0

先日記述した「eclipse : FDT5 : ソースコード整形周り不具合や要望」の記事に書いた、以下の不具合修正や要望を反映してもらえたようです。

・Advanced Refactoring にて文末のセミコロンが消える不具合
・Advanced Refactoring にてクラス名が変数に変換されるよう改善

一方 FDT5.5ベータ版にて どうも動作がおかしいとフォーラムに報告した箇所は、まだ改善されていません。

Advanced Refactoring 実行時のマウスカーソル位置に注意

FDT5 と同じ間隔で Advanced Refactoring を用いると、以下の動画のような動作になってしまいます。
　FDT5.5: Advanced Refactoring

対処法として、対応行を一行まるごとハイライトした後 Advanced Refactoring を実行、あるいは「new」の位置にマウスカーソルを合わせて Advanced Refactoring を実行すれば解決します。

getter/setter 変換仕様変更

個人的にとても痛い変更点。すごい昔の記事ですが、私は以下の getter/setter 記述方法を採っています。

http://www.dango-itimi.com/blog/archives/2005/000765.html

FDT5.5 では getter/setter 変換を行うと 強制的にフィールド変数のほうにアンダースコアが付与されるようになってしまいました。以前の仕様も選択できるようにしてほしい、と要望を出してみたところ FDT5.6 で反映してくれるとかどうとか。

また現行仕様の場合、フィールド変数から getter のみを生成すると以下の動画のような動作になってしまう、という問題があります。

FDT5.5: Automatically rename fields when create getters.

ひとまずの対処としまして、eclipse FDT の設定 Preferences から [FDT][COdeStyle]の項目内 Code Style「Getter/Setter」のチェックを外しています。

その他 気になった点

新機能「SWF Bridge」は Action Script にて FDT の機能を拡張できるとのこと。

　参考:FDTたん
　https://twitter.com/#!/fdttan

例えば Quick Fix の拡張が可能とのことで、独自 Advanced Refactoring の実装なんてことができるのでしょうか。FDT ではこの動作がいまいち、という点が改善できるのかもしれません。時間のある時にチェック予定。

「Google+ は他 SNS のいいとこ取りをしている」という意見をよく目にします。実際に使ってみて なるほどと実感できています。

私は自分の活動状況をより短い間隔でお伝えすべく「情報を発信する側」として Google+ を利用していますが、一方 他の方の Google+ での活動をただひたすら閲覧するだけの「情報を受信する側」としても気楽に利用できています。

この「情報を受信する側」だけの人は Google+ に限らず 他 SNS 系サービスでも結構多いかと思います。私は twitter では閲覧専門だったりします。そんな「情報を受信する側」の人にとって Google+ は、システムの特性上、あるいはクライアントソフトが大変優れているという事から、とても気楽で閲覧可能な SNS だと感じました。

閲覧準備

「情報を受信する側」として こちらが行なってみた点は、ストリーム(タイムライン)をどんどん流れるようにするという事です。「Google+ ではまずは 3000人をサークルに入れよう(フォローしよう)」という記事を見たことがありますが、これは大げさな話ではなく、気楽に閲覧するための第一歩となりました。

Google+ は twitter と同じフォローシステムにより、「誰をサークルに入れる・外す」かは自分のタイミングで自由に行えます。相互フォローシステムではないという点が気楽な点のうちの一つです。

はじめは「人気」にカテゴリーされる人をサークルに入れた後、次に「友達候補」に上がってくる人をどんどん同じサークルに入れてみます。(システム上一日300～500人程度くらいまでしか入れることは出来ないかもしれません。)
頻繁に発言を行う人は友達候補内の「上位の候補」に上がってくるものと思われるので、1000人くらいで恐らく十分な人数量になるのではないかと思います。

十分な人数量に達すると、ストリームが自動でどんどん流れていきます。Google+ のデフォルトクライアントソフトが優れている点の一つで、どんどん各人の書いた内容が流れていったとしても充分に目で追えるような流れ方となります。1000人くらいですと、だいたい 5秒から 10秒単位で一つの書き込みが流れていく感じになるかと思います。

何が気楽なのか

・短い発言が気にならない

上記準備を終えた後、自動で流れるようになると、「他の人に対してはあまり意味のない つぶやき」が書かれていたとしても、気にならなくなります。どんどん流れていってしまうからです。

・画像効果

Google+ での発言形式一つに「一言 + 画像」の組み合わせを多く見ます。これが気にならなさを更に上げています。むしろ効果的なものが多く、飯時になるとストリームにたくさん流れてくる「ごちそうフォト」とカテゴライズされる料理の写真は、見ていてとても美味しそうで腹が空いてきます。

・URL 引用先の記事が概要として表示される

何かの書き込み内に URL リンクが貼ってあるものの、URL 文字列 + URL 先の記事タイトルしか書かれていなかったりする場合、閲覧側は URL をクリックしてブラウザで開いて内容確認する必要がでてきます。開いて確認してみたはいいが、興味のない内容だった、といった事が続けば続くほどリンクをクリックするのも躊躇してしまいます。
Google+ では書き込み箇所に URL 文字列があると、その URL 先の記事の概要や画像データが一緒に表示されるようになります。これは素晴らしい機能です。

Facebook で言うところのこれの事なのかな、と思います。

　F's Garage TwitterがFacebookのようにOGPを採用すべき理由
　http://www.milkstand.net/fsgarage/archives/001826.html

・流れるからこそ気にならない

他所様の書き込み内容を見逃すのは失礼なのでは、逐一チェックせねば、と気を使うと疲れてしまいます。しかし「たくさん人をサークルに入れているから、書き込み内容は流れてしまうものである」という前提を採っているので、自然と気を使わないように心がける事ができます。
もちろん「この人の発言は見逃したくない」という場合は、専用のサークルを作ればよしとなります。私は、「すべての人の書き込みが流れるストリーム用サークル」以外に、ゲーム開発者やイラストレーター、こちらの書き込みに反応してくれる方々等々、様々なサークルを作っています。

お勧め設定

・Google Chrome アプリケーションショートカット設定

Google+ という事から、ブラウザは Google Chrome を利用するのが無難かもしれません。Google Chrome には「アプリケーションのショートカットを作成」という設定があり、この設定を行うとブラウザ縦幅を少々広く使うことが可能となります。

　参考 アプリケーションのショートカットでGoogle+専用窓を作成する方法
　https://plus.google.com/u/0/104695002981847637487/posts/U5okN8SJG4E

ただしこの設定を行うと URL 欄が消えてしまうため、 URL 欄から設定を行わなくてはならない Google Chrome 拡張機能が利用できなくなってしまう、という難点があります。解決策はあるかもしれませんが今のところ見つからず。

・G+ twitter を導入

https://chrome.google.com/webstore/detail/clgnogcadgloeiobhamkcoenaemofdpg?hl=ja

Google+ でも twitter を利用したい、そんな場合 Google Chrome の拡張機能「G+ twitter」がお勧めです。Google+ を開いた時点からの twitter 上のタイムラインを Google+ のストリーム上に表示する事が可能となります。また、Google+ から twitter へ発言する事も可能です。
Google+ の流れるストリーム上に twitter のつぶやきを表示することで、「流れるからこそ気にならない効果」を一層期待できるかもしれません。

他にも「Google+ から twitter と facebook も利用できる」といった拡張機能も見つけましたが、こちら何故かまともに動作したことはないため「G+ twitter」をお勧めしておきます。

流れるストリームの難点

しばらく放置していると、書き込み量がどんどん下の方にたまっていくため、メモリをそれだけ使用しブラウザが重くなってしまう、という難点があります。ストリームで気になる発言が目に止まり、ブラウザのスクロールを下にずらしストリームを止めよう、としてみるも、スクロールバーがカクカクに動いてスクロールもままならない、そんな状態になってしまいます。
よって、書き込み量がたまってきたら任意でブラウザ再読み込みを行う必要があります。
一応「ストリームの下の方に流れた書き込みは非表示にしてほしい」、という要望を運営に出してはいますが要望がかなうかどうかはわかりません。

書き込み表示数制御を行う Google Chrome 拡張機能を制作されている方がいるのですが、表示数制御以外の設定(レイアウト詰め等)が自動で行われてしまうため、利用は避けています。

ページ自動更新を行う Google Chrome 拡張機能を導入するのもよいのですが、上述「Google Chrome アプリケーションショートカット設定」を行なってしまうと、拡張機能設定を行うための URL 欄が表示されないため 自動更新設定が行うことができず状態に。どちらをとるか選択する必要がでてきます。

Google Chrome 拡張機能 は HTML と javascript で制作出来るということから、時間があれば自分好みのものを作ってみようかな、とも思います。

追記)
書き込み表示数制御のみの設定も行えるようになった拡張機能がリリースされたとのことで、以下に URL を紹介しておきます。これにより使い心地がますます向上しました。

+Custom
https://chrome.google.com/webstore/detail/dlcakfcppledhkdlifpcbmcjihnhbaid?hl=ja

前回から本日までの Google+ 投稿まとめ

色々なところをクリックしてアイテムを発見しながら、館からの脱出を目指すゲームとなっています。

タンスを調べたらドッキリお化けが出てくる、といった、もう少しホラー的な演出面を強めたいところですが、「早く作って公開する」を第一目標とし、一旦制作を切り上げています。
次回同じようなゲームを作る際に、今回の経験を活かしたいと思います。

画面下に表示されるフォントは美咲ゴシックを
物理エンジンライブラリには Box2dFlash v2.1a を使用
犬を踏んだ時ジャンプすることが出来ない不具合あり

美咲フォント

http://www.geocities.jp/littlimi/misaki.htm

JIS第一・第二水準をサポートしているとのことで、このフォントを用いれば表示できない文字はほとんどなさそうです。

Flash のフォント埋め込み設定で「日本語 漢字 - JIS第一水準(3174文字)」を設定して swf を出力してみたところ、swf ファイル容量は 131KB という結果に。対比として ＭＳ ゴシックを同設定で埋め込むと swf 容量 630KB という結果となります。現代において 131KB ならば充分に実用範囲内となります。

じゃっきーふぉんと

http://nonty.net/item/font/jackey.php

現在までにサポートされている漢字は 1300 文字ほど。かわいい平仮名カタカナが特徴です。

「日本語 漢字 - JIS第一水準(3174文字)」設定でのフォント埋め込みを行った swf 容量は 92KB という結果に。サポートされていない文字を指定すると swf 上では空白として表示されます。足りない漢字はカタカナで表記する等して利用できそうです。

88 Zen

http://akashicdesign.net/ja/88-zen/

漢字1000文字ほどサポート。「日本語 漢字 - JIS第一水準(3174文字)」設定でのフォント埋め込みを行った swf 容量は 47KB という結果に。

サポートされていない文字を指定すると swf 上ではＭＳゴシックとして表示されました(Windows)。小さいフォントサイズ指定の場合、パッとみどのフォントがＭＳゴシックに置き換わっているのか判別が難しいため注意が必要となりそうです。

swf 上でのフォント表示サンプル

スクリプトで処理制御を行ったフォント表示サンプルです。美咲フォントを用いています。
OK ボタンを押すと、テキストフィールドに入力された文字列が次々と表示されます。

以前調査した Box2D によるピクセル移動方法は以下の通りです。
http://www.dango-itimi.com/blog/archives/2011/001084.html

body.SetLinearVelocity メソッドは、物質に働いている力(速度)を指定した値に強制変更するため、上記 URL 内処理例をそのまま使用すると、Y軸方向の移動速度が 0 になってしまうという問題が発生します。この問題を解決するためには、上記 URL 内処理例を以下のように変更します。

body.SetLinearVelocity(new b2Vec2(5 * FRAME_RATE / BOX2D_SCALE, body.GetLinearVelocity().y));

接地時のみジャンプ処理は以前調査した 以下の URL の内容を元に作成しています。
http://www.dango-itimi.com/blog/archives/2011/001082.html

「m_localPlaneNomal.y の値が 1 の時、プレイヤーが背景オブジェクトに接地している」と判定しています。

以下はサンプル swf です。

その他、スロットが4回以上揃うとダブルアップチャンス表記が行われ、次に揃ったスロットの得点が倍になります。

また、以下の図の箇所にキノコが三つ生えている時、ワープポイントにボールが入るとボールが増殖するようになりました。

Google+ では企業向け「Google+ページ」というものを作成する事ができ、その「Google+ページ」の名前を「団子一味の野望」や「団子一味白玉」等とすることで意図する運用方法が可能になる事がわかりました。実際には、例えば「筋肉料理人」という人気シェフの方がその名前で「Google+ ページ」を運用されていたりします。

「Google+ ページ」を作った人は誰であるのかは公開されないため、実名登録を基本としている Google+ でも匿名的な使用は可能となります。ただし、「Google+ページ」では自分から他人をサークルに入れることはできないため、不特定多数の人をサークルに入れ自分の存在を知ってもらう、という方法はできません。ここらへんの対策はきちんとされています。

参考
http://tee-mine.blogspot.jp/2012/02/google_22.html

早速の記念として右クリックを利用する簡易ゲーム「ZOMBIE ISLAND」を制作しました。
よろしければ一度お遊びください。

http://www.dango-itimi.com/zombie_island/

マウスだけではなく、キーボードを利用してもプレイできるようにしています。

　http://www.viplugin.com/

私はしばらく 1.x を使い続けていたのですが、先週新しいライセンスを購入し 2.x にアップグレードしてみたところ、ビジュアルモードに変更がかかっている点に目が行きました。

バージョン 1.x でのビジュアルモードは特殊なハイライト方式がなされていましたが、最新版の viPlugin のビジュアルモードではマウスでハイライトを行うのと同等の選択方式に切り替わっています。

これに伴い、先日記事にした FDT の不満点が多少緩和されました。
キーボードホームポジションから手を移動することなく、フォーマットの崩れた箇所をビジュアルモードで選択し、「ソースコードフォーマットの実行」が可能となります。

その他、FDT5 の Advanced Refactoring の「選択された複数行をメソッドに変換」する機能においても同様に、ホームポジションから手を移動する事なく、ビジュアルモードでの複数行選択から実行することが可能になっています。

ゴブリンA

ゴブリンB

ドラゴン

兵士

ゾンビ

しゃべって風守

FLA.PRINTER にサンプルゲームを一点追加
http://flaprinter.appspot.com/sample/view/?kind=rpg_battle2&id=0&

Flash Player 右クリック実装記念 簡易ゲーム製作中 ZOMBIE ISLAND

　http://www.dango-itimi.com/typeng/
　

しかし英文読み上げ途中で、結構音声が途切れることがあります。原因は不明。

　http://www.dango-itimi.com/typeng/
　

「英文字入力を行いながら英語の学習が可能なタイピングゲームはないだろうか」と探してみるも、なかなか条件にあったものが見つからなかったため、自分で作成してしまいました。
内容はとてもシンプルながら、いい感じに仕上がったと思います。英語勉強中の方など、気軽に使用していただけたらと思います。

以下 TYPENG の説明です。ABOUT ページからの一部引用となります。

■ TYPENG とは

シンプルなキー操作で英文入力を行うことが可能な、英語学習用ツールです。

■ 特徴

英数字キーのみで英文入力が可能です。
以下のキー入力操作は自動的に補完されます。

・単語間のスペース
・文頭や文中の大文字(Shiftキー + 英字キー)
・記号「'」「.」「?」等

例えば以下の英文章があったとします。
How are you?

メモ帳などで上記文章を入力する際、以下のキー操作を行います。
「Shift + h」「o」「w」「Space」「a」「r」「e」「Space」「y」「o」「u」「?」

TYPENG では以下のキー操作のみで上記文章の入力が可能です。
「h」「o」「w」「a」「r」「e」「y」「o」「u」

■機能

　・SPACEキー or 矢印左キー
　英文音声読み上げを行います。Google Chrome or Safari 限定機能です。

　・SHIFTキー or 矢印右キー
　日本語訳 表示/非表示 の切替えを行います。
　英文入力完了後に日本語訳を見たい、という場合にご利用ください。

　・ENTERキー or 矢印下キー
　次の文章へ切替を行います。
　タイピングが苦手な方でも英字を読むだけの目的として利用できます。

矢印キーでの操作は、タイピングを行わず英文を次々と読みたい時にご利用ください。

クロスドメインの関係上、英文音声読み上げ機能は Google Chrome でしか動作しません。と思いきや Windows Safariでも動作しました。Webkit系ブラウザならば動作するのかもしれません。Mac では動作確認していないためどうなるかわかりません。

追記)
英文音声読み上げ機能を全ブラウザ対応にしました。

海外版コミックス

私は無類のマンガ好きであり、穴が開くくらい何度も同じものを繰り返し読んだりします。読む時間は主に寝る前で、布団に入って寝転びながら読みます。コミックス内台詞は頭の中に相当記憶されています。

ここでピンときました。「もしかしてコミックス内台詞が全て英語になっていると、英語の勉強になるのではなかろうか？」と。

英文字文章は訳すのに時間がかかり、読む事が億劫になってしまいがちです。しかし日本語台詞が頭に入っている状態なら、英文字台詞を見ても何を言っているのか瞬時に理解できスラスラ読めるのではないだろうか、と考えました。

人気のある漫画は英訳されているはずなので、海外版コミックスを購入する方法をネットで調べてみると、Amazon 「洋書」のカテゴリーにたっぷりと販売されている事がわかりました。

お試しとして購入したのは ONE PIECE 16巻, 17巻。ONE PIECE と言えばまずはこの巻だ、と多くの人がうなずくであろうチョッパー編です。

　Amazon 洋書 ONE PIECE 一覧

日本のコミックスよりも少々大きめのサイズですが、寝っ転がって読む分には問題ありません(GANTZ や ベルセルクの単行本と同程度の大きさ)。むしろ英文字が大きいので読みやすくて良いかも。
ネックとしては、やや値段が高いという点。日本のコミックスより2～300円ほど高いです。

感想

一冊読み終えた感想としては「英字なのに かなり読みやすい」というのが第一で、もう一つは「これは結構勉強になるのではないか？」という点が挙げられます。

英語の学習法の一つとしてよく目にする「英文字は日本語に訳さず、状況から理解するようにする」というものがあります。
例えば「stop!」という文字。stop の意味を知らない人が文字だけを見ても、何を言っているのか理解できません。しかし「stop!」と言われた人がピタッと止まるイラストが添えられていると、「なるほど、この状況を英語で stop と言うのか」となんとなく理解できます。「stop!」を「止まれ!」と日本語に訳していない点がポイントです。
英字コミックスはこの学習法に適しているのではないかと思いました。

その他 感想としては、日本語コミックスと同じ感覚でまとめ買いしなくてよかった、という点が挙げられます。英字でも読みやすいとはいえ、一冊読むのに結構な時間(通常の3倍以上)を要します。大量に購入すると、積みゲーならぬ積みコミックス状態になってしまう恐れがあります。

以下は感じた疑問点です。

・理解できるまで同じ巻を繰り返し何度も読むべきかどうか
・意味のわからない文章は日本語単行本と併用して読むべきかどうか

楽しい学習を念頭に置くか、きちんとした学習を行うことを念頭に置くかで、読み方は随時変化していきそうです。

ONE PIECE の他、DEATH NOTE あたりも読んでみようと考えています。全15巻くらいで完結なので「制覇する」という意味では適しているかもしれません。文字中心なので、上に挙げた学習法とは少々外れてしまう可能性があります。

　Amazon 洋書 DEATH NOTE 一覧

海外版ゲーム

今やゲームといえば海外のゲームがまず第一に挙げられる、と言うような状況でしょうか。私も XBOX や PC で海外のゲームを結構遊んでいます。

コミックスと同じ理由で、ゲームも英語で遊べば英語の勉強になるだろうと考え、以下の方法を採ってみました。

Skyrim を 日本語音声 英語字幕で

私は Skyrim は PC 版でプレイしています。一周目のメインクエストを終え、現在二週目に入ったところで mod 等色々組み入れて楽しんでいるところです。
ゲーム内言語は自由に変更可能なので、日本語音声 英語字幕(ゲーム内文字は全て英語)で二週目は楽しむ事にしました。

英語の勉強を兼ねてのゲームプレイなので、人の話す英文字はしっかりと訳しながら進みます。英文字表示と同時に日本語で話してくれるため、ゲーム進行に支障をきたすことはさほどありません。

ゲームはウインドウモードでプレイします。英字文章を読む速度に対し日本語が話される速度が早すぎると感じる場合、Alt + tab でウインドウを非アクティブにすると、ゲームが停止するため英字文章をじっくり読むことができます。わからない単語は即翻訳サイトで訳すことも可能。

あのフレーズも完全英語化…！(クリックで拡大)

Fallout3 を 完全英語バージョンで

Fallout3 は XBOX 版で何度も遊んだゲームで、Skyrim が発売された今でも Fallout3 は楽しめます。Fallout3 の次に発売された「Fallout NewVegas」も何度もクリアしていますが、世に結構みる感想と同じく Fallout3 のほうが断然面白い、という感想です。

何度もプレイしているという事から、コミックスと同じ理由で、会話内容は結構頭に入っています。というわけで PC 版 Fallout3 を新規で購入し、完全英語の状態で遊んでみることにしました。発売されてからそこそこ経過しているので、GOTY版(DLCが全て同梱しているバージョン)でも結構安くてお得でした。$20 程度です。skyrim 購入時 steam でアカウント作成しているので、ポチっと簡単購入。

プレイしている感想としては「日本語に訳しながら読むのは諦めたほうがよい」、そんなレベルでした。英語スピーチに合わせて英文字を読むのがやっとで「この人は今きっと こんな事を話しているんだろう」と記憶を頼りに読んでいく、そんな感じでしょうか。現在モイラさんの早口トークに翻弄されている最中で、ネギでモールラットをしばくクエストが終わった所です。かろうじて理解できる文章を頭に超速度で叩き込んでいきます。
何度もプレイしていないと、これは楽しめないかもしれない、と感じました。

モイラさんの図

私は Skyrim も Fallout3 も、なるべくファストトラベル(ドラクエで言うところのルーラ)は用いず全体マップは見ないようなプレイスタイルをとっていました。マップを見ずに歩くことで世界の広さを感じ、冒険している感を出すためです。
しかし、英語の勉強を兼ねるとなるとプレイスタイルは変化し、どんどん英文字を読みたくなってくるためファストトラベルは多用するようになりました。

英語版ゲームプレイ感想 総括

現状の感想としては、「英語版ゲームプレイは面白い」といった所です。
「ゲーム内だけではなくリアルなスキルアップ(英語上達)に繋がる、かもしれない」という事から、どんどんプレイできます。今度購入予定の Diablo 3 ではゲームを楽しみたいというよりは、楽しく英語の学習ができるかもしれない事に楽しみを覚えていたりします。

とはいえ「楽しく英語を学習する方法」としては効果を体験できましたが、実際にどれだけスキルアップに繋がるかどうかはわかりません。一つの補助的な英語学習方法とするのが良いかもしれません。