tag:blogger.com,1999:blog-61706012389906390332024-02-19T19:19:49.027+09:00BraveWorkziPhone、Androidなどのスマートフォンやパソコンで楽しめるゲームアプリを開発している「BraveWorkz」のブログです。Anonymoushttp://www.blogger.com/profile/08176575127869221603noreply@blogger.comBlogger28125tag:blogger.com,1999:blog-6170601238990639033.post-26769408945287951072015-05-23T23:06:00.002+09:002015-05-23T23:08:07.730+09:00ラインスタンプ発売!<div>
時代の流れにのって...</div>
<h2>
LINEスタンプを販売開始しました!</h2>
<div>
われらがまーさんもついにラインデビューです!<br />
今のところ3種類作成していますのでもしよかったら使ってください!<br />
<br /></div>
<br />
<ul>
<li><a href="http://line.me/S/sticker/1074980">http://line.me/S/sticker/1074980</a></li>
</ul>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdlDg9nR36khBaq0mweAfx8uIdUl-ePXuOhj-YqQG4eidk_Xfi9xuQnqaVaT_BnvT1uE6i3LmC1z8FNEerAhYgFl7YXiuMb1EfYKrWHMsg4rbXXJQs7eEgtEKHUNXTNy-RMrKvzmbag8es/s1600/sticker01f_new2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="215" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdlDg9nR36khBaq0mweAfx8uIdUl-ePXuOhj-YqQG4eidk_Xfi9xuQnqaVaT_BnvT1uE6i3LmC1z8FNEerAhYgFl7YXiuMb1EfYKrWHMsg4rbXXJQs7eEgtEKHUNXTNy-RMrKvzmbag8es/s320/sticker01f_new2.png" style="cursor: move;" width="320" /></a></div>
<br />
<ul>
<li><a href="http://line.me/S/sticker/1095814">http://line.me/S/sticker/1095814</a></li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizKiegnh5BfjjGcyngfie0KHHCxcltyJrYEiJxKDbZFDYHW3OA7cS99PLD1taE88p15JWc83jqa8grTd0il-HJiBhwxy10QoEg2eZ5qw_Zv7RaxwNc27DBLsDG8bLjsIq_qVcBDnImvcuC/s1600/sticker02F_sale2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="215" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizKiegnh5BfjjGcyngfie0KHHCxcltyJrYEiJxKDbZFDYHW3OA7cS99PLD1taE88p15JWc83jqa8grTd0il-HJiBhwxy10QoEg2eZ5qw_Zv7RaxwNc27DBLsDG8bLjsIq_qVcBDnImvcuC/s320/sticker02F_sale2.png" width="320" /></a></div>
<ul>
<li><a href="http://line.me/S/sticker/1103954">http://line.me/S/sticker/1103954</a></li>
</ul>
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_sYz7KJEhOFK0PcuFWdBM4_Wk36jf8c0PZjmXJMu7KyQuHtV9OcDeqJ1RjyLOqtApAHOb5yzktvLTupYTMIg-n_SbMa427cdDEK5ZGwBAuNfa88Wv3vnwi0fbfWtE3KZuGwRw7mXE788U/s1600/sticker03F_sale.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="215" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_sYz7KJEhOFK0PcuFWdBM4_Wk36jf8c0PZjmXJMu7KyQuHtV9OcDeqJ1RjyLOqtApAHOb5yzktvLTupYTMIg-n_SbMa427cdDEK5ZGwBAuNfa88Wv3vnwi0fbfWtE3KZuGwRw7mXE788U/s320/sticker03F_sale.png" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
くせのあるスタンプですがよろしくお願いします。<br />
ゲームもそろそろ作らないと...<br />
<br />Bravehttp://www.blogger.com/profile/06483131330200952001noreply@blogger.com0tag:blogger.com,1999:blog-6170601238990639033.post-25348350737873738822013-11-17T15:39:00.001+09:002013-11-17T15:39:47.125+09:00enchant.hxを使ったHTML5ゲームアプリ開発のススメ<div><div class="separator" style="clear: both; text-align: center;"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcNo1uvdPgKKPxZag-uPhmC4DbNTaCltHXswS_Kc7hswXyV_OhdhZ2QMg1DOlhhky4Tb1WI785kVPsEA07O37DUKMlAtlls3w7HsLfZOj9Q9m2LSiu7vnjPob6IEFeeoXtrBRQtDFUOY0/s0/g3019.png' /><br />
</div><br />
最近はめっきり涼しくなりましたね。<br />
そろそろ年の瀬が見えてきた今日この頃、皆様いかがお過ごしでしょうか?<br />
pon_zuです。<br />
<br />
更新サボってスミマセン。<br />
<br />
さて、今回は最近使っているenchant.js+Haxeを使ったゲーム開発のお話をしたいと思います。<br />
<br />
</div><br />
<a name='more'></a><br />
<br />
<h2>enchant.js+Haxeでどうやってゲーム作るの?</h2><div>この辺りはgaya_K君が記事にされているので、さらっとまとめます。<br />
最近のBrave Workzでは、以下の組み合わせでゲームを作成しています。<br />
<br />
<ul><li><a href="http://enchantjs.com/ja/" target="_blank">enchant.js本体</a></li>
<li><a href="http://haxe.org/?lang=jp" target="_blank">Haxe本体</a></li>
<li><a href="http://flashdevelop.jp/" target="_blank">FlashDevelop</a></li>
<li><a href="https://github.com/gayaK/enchant.hx" target="_blank">enchant.hx</a></li>
</ul><br />
ゲーム開発のフレームワークとしてenchant.jsを採用しつつ、<br />
開発言語にHaxeを使うことで、javascript特有の癖を気にせず開発することができます。<br />
Haxeは最近流行りのaltJSの一つですが、特にJavaやActionScriptに馴染みのある人に馴染みやすい構文だと思います。<br />
「Haxeって何?という方は<a href="http://www.slideshare.net/sipojp/haxe-24876418" target="_blank">こちらのスライド</a>をご覧ください。<br />
<br />
FlashDevelopは優秀なコード補完の機能があり、WindowsでHaxe開発する際は定番のエディタです。<br />
プラグインなしでHaxeに対応しており、日本語にも対応しています。<br />
<br />
以前、gaya_K君が<a href="http://brave-workz.blogspot.jp/2013/03/haxe.html">こちらの記事</a>で紹介していた<a href="https://github.com/gayaK/enchant.hx" target="_blank">enchant.hx </a>を使用します。<br />
gaya_K君の頑張りにより、以前よりもバージョンアップされています!<br />
</div><br />
<h2>基本的なゲームループについて</h2><div>実はenchant.hxを使ったゲーム開発まだまだ模索段階です。<br />
将来的には独自にHaxeクラスを追加して行きたいところですが……。<br />
とはいえ、現段階でも十分実用可能なライブラリになっています。<br />
<br />
今回はenchant.hxを利用したゲームループの基本構文をご紹介します。<br />
<br />
<pre class="js" name="code">package ;
import js.Lib;
import enchant.*;
import enchant.nineleap.*;
import enchantHaxe.*;
import enchantHaxe.nineleap.*;
using enchantHaxe.HxConverter;
// アンチエイリアス対策
import SpriteEx;
/**
* enchant.hxサンプル
* @author pon_zu
*/
class Main
{
static function main()
{
// JavaScript の enchant(); に相当
EnchantHx.exportAll();
var game = new enchant.nineleap.Core(320,320).toNineleapCoreHx();
game.fps = 15;
game.preload(["chara1.png", "icon0.png"]);
game.onload = function ():Void
{
// スタート画面
var splashScene = new SplashScene().toSplashSceneHx();
game.pushScene(splashScene);
// クマのスプライトを生成
var sprite = new SpriteEx(32, 32).toSpriteHx();
sprite.image = game.assets.get("chara1.png");
sprite.x = 160;
sprite.y = 160;
// クマのアニメーションを設定
sprite.setFrames([1, 0, 2, 0]);
// クマにtweenアニメーションを追加できたりもします
sprite.tl.fadeOut(10).fadeIn(10).loop();
// メインシーンを作成
var scene = new Scene().toSceneHx();
scene.backgroundColor = "#eeeeeeee";
// メインシーンにスプライトを配置
scene.addChild(sprite);
// メインシーンにイベントを追加
scene.addEventListener(
EventType.TOUCH_START,
function (e):Void
{
sprite.x = e.x;
sprite.y = e.y;
}
);
// メインシーンを最前面に移動
game.pushScene(scene);
}
// ゲーム開始
game.start();
}
}
</pre><br />
enchant.js使ったことある方ならば、コメント読まずともクラスやメソッドの名前でなんとなく何やってるか分かりますね。<br />
enchant.hxはgaya_K君により、enchant.jsユーザに取っ付きやすいライブラリになっています。<br />
それでも、少し見慣れない構文があります。<br />
<br />
<pre class="js" name="code">// スタート画面
var splashScene = new SplashScene().toSplashSceneHx();
</pre><br />
何でしょう?SplashSceneを生成した後にtoSplashSceneHx()を実行したものをsplashSceneに突っ込んでいます。<br />
が、実はSplashSceneクラスはHaxeのexternクラスであり、toSplashSceneHxメソッドは実装されていません。<br />
<br />
「externクラスって何?」って方は、<a href="http://haxe.org/doc/js/extern_libraries?lang=jp" target="_blank">こちら</a>のページを読んでみてください。<br />
(簡単に言うと、Haxeが外部ライブラリに対して静的型付けを行うために必要になるクラスですね!)<br />
<br />
じゃあ、toSplashSceneHxメソッドはどこに?<br />
gaya_K君はどんな魔法を使ったの!?<br />
タネはコード先頭にありました。<br />
<br />
<pre class="js" name="code">import js.Lib;
import enchant.*;
import enchant.nineleap.*;
import enchantHaxe.*;
import enchantHaxe.nineleap.*;
using enchantHaxe.HxConverter;
</pre><br />
各ライブラリを使用するためのimport文に続いて、謎のusing文があります。<br />
実はHaxeのusing文を使うことで、enchantHaxe.HxConverterクラスのtoSplashSceneHx()メソッドを<br />
SplashSceneクラスのメソッドのように記述できるんですね!Haxeすごい!<br />
<br />
「Haxeのusing文もっと知りたい!」って方は<a href="http://haxe.org/manual/using?lang=jp" target="_blank">こちら</a>のページを読んでみてください。<br />
<br />
もう一点、import文の中に変な記述がありますね。<br />
<br />
<pre class="js" name="code">// アンチエイリアス対策
import SpriteEx;
</pre><br />
クマのスプライト生成でSpriteExクラスを使用してます。<br />
<br />
<pre class="js" name="code">// クマのスプライトを生成
var sprite = new SpriteEx(32, 32).toSpriteHx();
</pre><br />
SpriteExクラスは、Spriteクラスを拡張したクラスで、中身はこれだけ。<br />
<br />
<pre class="js" name="code">package ;
import enchant.*;
import js.Browser.document;
import js.html.Element;
/**
* Spriteの拡張クラス
* とりあえずアンチエイリアス対策を実装
*
* @author pon_zu
*/
class SpriteEx extends Sprite{
private var _element:Element;
/**
* コンストラクタ
*/
public function new(width:Int, height:Int) {
super(width, height);
this._element = document.createElement("div");
}
}
</pre>Spriteクラスにdiv要素を追加してます。<br />
enchant.jsを使用されている人ならわかってくれると思うんですが、canvasでスプライトを生成して、拡大縮小やフェードイン・フェードアウトを行うと、Google Chromeで表示した時ドット絵にアンチエイリアスがかかるんですよね。<br />
その対策として、スプライトにDOM要素を追加してenchant.jsのDOMのLayerに表示してもらっています。<br />
独自に生み出した苦肉の策なので、他に良い解決策を知ってる方がいましたら、教えてください!<br />
</div><br />
<h2>今日のまとめ</h2><div>Haxeはコンパイルの環境を作る必要があるので、<br />
enchant.hxを初めて使う場合は、最初はenchant.hx付属のサンプルプロジェクトをいじってみることをおすすめします。<br />
<br />
今回の記事はenchant.hxの触りだけのご説明でしたが、<br />
また別の機会に開発者であるgaya_K君が細かな解説をしてくれると思います。<br />
<br />
Haxeすごい!enchant.hxすごい!みんな使ってね!<br />
</div>Anonymoushttp://www.blogger.com/profile/08176575127869221603noreply@blogger.com0tag:blogger.com,1999:blog-6170601238990639033.post-24428026370134134862013-09-23T14:29:00.000+09:002013-09-23T14:29:24.930+09:00コラボレーション!<div>
こんにちは、Braveです。<br />
<br />
今回はビッグなお知らせです!</div>
<div>
<br /></div>
<a name='more'></a><h2>
「TIGER CLAW」や「Bluest」シリーズで有名なMYKさんとのコラボレーションが実現しました!</h2>
<div>
なんと現在Googleplayで好評配信中(しかも無料!)の<span style="color: red;"><b>ダモポン</b></span>にまーさんが<br />
出張することになりました!</div>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMxuTuo2hibl_ArMff73tmSg2NmH0LZvtyuyM8RffHTW_Vng_eDHul2za1JtGX7eL9Wb1xJiE8j2zQi3Qx8eKmf1JArhMbWQoaUMj2RvXmr5FkZdrrTpod3P8SjhhPoCXd5EBaqTkEf54M/s1600/damopon.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMxuTuo2hibl_ArMff73tmSg2NmH0LZvtyuyM8RffHTW_Vng_eDHul2za1JtGX7eL9Wb1xJiE8j2zQi3Qx8eKmf1JArhMbWQoaUMj2RvXmr5FkZdrrTpod3P8SjhhPoCXd5EBaqTkEf54M/s320/damopon.jpg" width="186" /></a></div>
<div>
<br /></div>
<div>
ほら、左のほうにわれらがま~さんが見えるでしょう?</div>
<div>
<br /></div>
<div>
<div>
3Dモデリングでジタバタ動くまーさんもなかなかかわいいですね。</div>
<div>
※正確には3Dモデルをもとにドットで打ち直したものです。</div>
<div>
こちらはMYKさんに作成していただきました。</div>
</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgonVXvzq08J9lydGXsN5VGBGVhS1cbcYMerItJbje9MfaEuJl8yO7HMmFN10L1Nqhz5T0__hMChIzGYNvX91dLpUlfpjroYMDDEkSBElM_bLXxLsheDOOSZNBcYWjZiUwV2OpQf4C2JPJy/s1600/damoandma-.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgonVXvzq08J9lydGXsN5VGBGVhS1cbcYMerItJbje9MfaEuJl8yO7HMmFN10L1Nqhz5T0__hMChIzGYNvX91dLpUlfpjroYMDDEkSBElM_bLXxLsheDOOSZNBcYWjZiUwV2OpQf4C2JPJy/s1600/damoandma-.png" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
ダモモと一緒</div>
<div>
<br /></div>
<div>
<br /></div>
<div>
<div>
タイトル画面に追加されたまーさんをクリックするとBraveworkzへのブログへ飛べるようようになっています。</div>
<div>
そこから来た人は初めましてですね。まだゲームは少ないですがぜひ遊んで行ってくださいね。</div>
</div>
<div>
<br /></div>
<div>
<br /></div>
<h2>
そして、まーさんがゲーム本編にも登場するモードもあります!</h2>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipgwN8fouR2itugRBtuNTQKQJYvMvI_JouER0pYjpEVKnZYtf5ULFNrAFRdYu95kPerGbmjWygro8xg3nl7xkR7lNiVU3E5ENWQMF0RgJoKK4ti2KIjcVhQCIokTpiiZmWcJ89M8BfckuT/s1600/damoma-.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="192" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipgwN8fouR2itugRBtuNTQKQJYvMvI_JouER0pYjpEVKnZYtf5ULFNrAFRdYu95kPerGbmjWygro8xg3nl7xkR7lNiVU3E5ENWQMF0RgJoKK4ti2KIjcVhQCIokTpiiZmWcJ89M8BfckuT/s320/damoma-.png" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
左に見える肌色がまーさんの後頭部ですよ!</div>
<div>
<br /></div>
<h2>
<span style="font-size: small; font-weight: normal;">ダモポンは決められた制限時間(1分、3分)のなかでダモモを</span><span style="font-size: small; font-weight: normal;">倒しまくるゲームなのですが、なんと<span style="color: red;">まーさんをたたくと持ち時間が</span></span><span style="font-size: small; font-weight: normal;"><span style="color: red;">マイナス5秒</span>されてしまいます!</span></h2>
<div>
うーん、なんといやらしい!<br />
しかもなかなかのスピードで動き回るので気を抜くと結構な頻度で<br />
まーさんにヒットします。<br />
われらがまーさんながらウザいです(笑)</div>
<div>
<br /></div>
<div>
<div>
そんなまーさんが登場するダモポンはこちらからダウンロードできますので</div>
<div>
ぜひ遊んでみてください!(Goggle playへ↓)</div>
<div>
<br /></div>
<div>
<a href="https://play.google.com/store/apps/details?id=jp.damomo.damomoimpact&hl=ja">https://play.google.com/store/apps/details?id=jp.damomo.damomoimpact&hl=ja</a></div>
<div>
<br /></div>
<div>
BraveworkzでもMYKさんとコラボしたゲームを作っていきたいですね。</div>
<div>
しかしダモモとまーさんいったいどちらが強いのか気になりますね…。</div>
</div>
<div>
・・・格ゲー?</div>
<div>
<br /></div>
<div>
<br /></div>
Bravehttp://www.blogger.com/profile/06483131330200952001noreply@blogger.com0tag:blogger.com,1999:blog-6170601238990639033.post-40334341974867130402013-09-15T14:41:00.001+09:002013-09-15T14:41:29.684+09:00キャラクター紹介0007<div>
こんにちは、Braveです。<br />
長らくあいだを開けてしまいましたが、<br />
まーさんにひとつ大きなお仕事が舞い込んできましたので<br />
現在そちらの紹介用の記事を作成中です。<br />
<br />
それまでのつなぎとしてまずはキャラ紹介です。</div>
<div>
<br /></div>
<h2>
<span style="background-color: white;">No.007 Nox</span></h2>
<div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjalRcWd1AZkVom412SkkWZP7C_G7pltL8IsWVeBKjT4ZBBQrN-LE6JHujvO-OxN5FhRUwGVMaI-0iVdxQmJfVRzIF03qCi6w-CduFbet4ZCVjzt2IMDZrzDODl1ubp9xQaAbNNIjsU0qXl/s1600/NoX.gif" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjalRcWd1AZkVom412SkkWZP7C_G7pltL8IsWVeBKjT4ZBBQrN-LE6JHujvO-OxN5FhRUwGVMaI-0iVdxQmJfVRzIF03qCi6w-CduFbet4ZCVjzt2IMDZrzDODl1ubp9xQaAbNNIjsU0qXl/s1600/NoX.gif" /></a></div>
<br />
お空に漂う小さな戦士。目に見えないけどみんなの周りに<br />
たくさんいるよ。かもすぞーとは言わない。<br />
<br />
<a name='more'></a><br />
<span style="background-color: #ffe599; font-size: large;">■基本データ</span><br />
<div>
<span style="color: #262626; font-family: Meiryo, メイリオ, Trebuchet MS, Trebuchet, Verdana, sans-serif;"><span style="font-size: 14px; line-height: 26px;">体長:すごく小さい</span></span><br />
<span style="color: #262626; font-family: Meiryo, メイリオ, Trebuchet MS, Trebuchet, Verdana, sans-serif;"><span style="font-size: 14px; line-height: 26px;">重量:ふわふわ</span></span><br />
<span style="color: #262626; font-family: Meiryo, メイリオ, Trebuchet MS, Trebuchet, Verdana, sans-serif;"><span style="font-size: 14px; line-height: 26px;">好物:科学物質(体に悪そうなやつ)</span></span><br />
<span style="color: #262626; font-family: Meiryo, メイリオ, Trebuchet MS, Trebuchet, Verdana, sans-serif;"><span style="font-size: 14px; line-height: 26px;">嫌いなもの:顕微鏡</span></span></div>
<div>
<br /></div>
<div>
<span style="background-color: white; color: #262626; font-family: Meiryo, メイリオ, 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 14px; line-height: 26px;"><br /></span></div>
</div>
<span style="background-color: #ffe599; font-size: large;">■説明</span><br />
<div>
Bravewave時代、まーさんでも倒せるような敵が欲しくなったために生み出されました。<br />
ひ弱なまーさんでも倒せるようにと、原子、分子をイメージしています。<br />
決してもやしもんに影響されたわけではありません。<br />
もやしもん、好きですけどね。<br />
<br />
Noxとは本来窒素化合物の総称ですが、響きがかっこいいから<br />
という理由で二酸化炭素なども全部コミでNoxです。<br />
ゲームには基本形の灰色:CO2のみが登場していましたが<br />
設定上はその他に倒すとダメージをくらうCO、ダメージが回復するO2や<br />
引火性のH等がいます。<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjMMyd8KvCZm-mJBcw4iH1DMRgd22YjmDe40ANbQLl-ROCqzVZV5KmIpZHcum2DWy8yF3UeU4jPjfeY-6WvW0p_DO6gcQ9HPOK4XGVwFD1hKeshtveY1hFeKPw9tG3SSdJiHs_BK783Np8/s1600/microteki.gif" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjMMyd8KvCZm-mJBcw4iH1DMRgd22YjmDe40ANbQLl-ROCqzVZV5KmIpZHcum2DWy8yF3UeU4jPjfeY-6WvW0p_DO6gcQ9HPOK4XGVwFD1hKeshtveY1hFeKPw9tG3SSdJiHs_BK783Np8/s1600/microteki.gif" /></a>どうもCO2です。<br />
<br />
iアプリ時代は一定時間内に一匹でも残すとすべての敵が復活するという<br />
鬼畜仕様だったので難易度を調整してリメイクしたいなとも考えています。<br />
<br />
まーさんのお仕事の記事はもうちょっとだけ待ってね。<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
ヒントはこちら</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7Q8C7yDYbQ3ybFRwnR_8nXGuwfQj3qQjYwnb8vtdM-10zOa6TRD4ukn49fJ343UfF5scy8bYV5WnEvXcSrvttIcPQZjhwjGymaryu41-KwqBpZ03AIWFaPzCSWjlm_SclcCBR6yKu0IMS/s1600/%E3%81%A0%E3%82%82%E3%81%BE%E3%83%BC%E3%81%95%E3%82%93.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7Q8C7yDYbQ3ybFRwnR_8nXGuwfQj3qQjYwnb8vtdM-10zOa6TRD4ukn49fJ343UfF5scy8bYV5WnEvXcSrvttIcPQZjhwjGymaryu41-KwqBpZ03AIWFaPzCSWjlm_SclcCBR6yKu0IMS/s1600/%E3%81%A0%E3%82%82%E3%81%BE%E3%83%BC%E3%81%95%E3%82%93.gif" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
どこかで見たような髭のキャラクターが・・・</div>
<br />
<br /></div>
Bravehttp://www.blogger.com/profile/06483131330200952001noreply@blogger.com0tag:blogger.com,1999:blog-6170601238990639033.post-29884499277775060922013-05-20T23:18:00.001+09:002013-05-20T23:18:27.707+09:00開発環境などなど その5 集合場所編<div>
どうも gaya_K です。<br />
<br />
ブログ当番を pon_zu くんから振られていたのですが、ずっとサボってしまって更新を1ヶ月近くストップさせてしまいました。<br />
すみません。<br />
<br />
開発環境などなどシリーズも、ネタ切れが近づいてきたので何を書こうか迷っていたのですが、<br />
私達が普段どこで作業しているかちょっと書いておこうかと思います。<br />
<br /></div>
<a name='more'></a><br />
<span class="GINGER_SOFATWARE_noSuggestion GINGER_SOFATWARE_correct" ginger_sofatware_markguid="71556ece-1e7a-4aab-9484-87cabeb0a8cb" ginger_sofatware_uiphraseguid="9e5a1b31-714c-44de-856e-7858cd30cda4" grcontextid="BraveWorkz:0">BraveWorkz</span> メンバーは全員が東京周辺に住んでいますが、それなりに離れたところに住んでいるので最適な集合場所を模索しています。<br />
もちろん、メンバー(主に Brave くん)の家で作業をすることもありますが、比較的外で作業することが多いです。<br />
<br />
<br />
<h2>
喫茶店</h2>
<h3>
ルノアール</h3>
<div>
たぶん、一番使用頻度が高いのが ルノアール でしょう。<br />
大きな駅ならだいたいありますし、スターバックス等に比べるとメニューが高価なのでお客さんは少なめです。<br />
店内が満席で引き返した、なんてことは今までありませんでした。<br />
店員さんに「コンセントが使える席はありますか?」と聞いて、その席で PC を広げて作業開始です。<br />
無料の公共無線LANはさすがにありませんが、私達はスマホのテザリング等で対応します。<br />
電源は供給できるので、電池切れの心配もないですしね。<br />
<br />
ちなみに、私は水出しアイスコーヒーがすきです。<br />
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.ginza-renoir.co.jp/renoir/" target="_blank">http://www.ginza-renoir.co.jp/renoir/</a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div>
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDsGTQ8lWm1bv3kuDvzEErUAc0iiRVkzwvTscewflSm74rbeKIgLGE-BoBHV0QRCgrfN9OtsmcPzNAEhLEaSJjb1NdABVWx0pMNbXrcCSsEnGz7wi8SCcrvs3RZQaIorqyhnktVY3K0lk/s1600/renoir.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="162" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDsGTQ8lWm1bv3kuDvzEErUAc0iiRVkzwvTscewflSm74rbeKIgLGE-BoBHV0QRCgrfN9OtsmcPzNAEhLEaSJjb1NdABVWx0pMNbXrcCSsEnGz7wi8SCcrvs3RZQaIorqyhnktVY3K0lk/s320/renoir.png" width="320" /></a></div>
<div>
<br /></div>
</div>
<h2>
コワーキングスペース</h2>
<div>
ノマド なんて言葉が流行っているせいか、都内にいろいろなコワーキングスペースができています。<br />
一般的に電源と無料の無線LANが使用できる場所を提供してくれるお店です。<br />
<br />
<h3>
ターミナル</h3>
<div>
</div>
原宿にあります。割りと有名なお店だと思います。<br />
3回くらい利用したでしょうか。<br />
<br />
軽食もありますが、他で食べてから入るのが得策かと。<br />
Mac が数台設置されていたりと設備もしっかりしています。<br />
<br />
原宿駅からは竹下通りを通り抜けるのが一番近道なのですが、<br />
この歳で竹下通りを歩くのは少々気が引けますw<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://theterminal.jp/index.html" target="_blank">http://theterminal.jp/index.html</a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhS1nMfiKnzvDOEg1GLZRdmEvf9kwwEZMJ90EPPsbD7Qvs-mSNlCtCZMCp337umlZkT8jwEkT7NN8v7h-STWDXeSPbCW1BoTqfeqgDhfTkMqD2q-3KzazZ4U0CB72t58T9OrEYWILRbR5o/s1600/terminal.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="221" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhS1nMfiKnzvDOEg1GLZRdmEvf9kwwEZMJ90EPPsbD7Qvs-mSNlCtCZMCp337umlZkT8jwEkT7NN8v7h-STWDXeSPbCW1BoTqfeqgDhfTkMqD2q-3KzazZ4U0CB72t58T9OrEYWILRbR5o/s320/terminal.png" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<h3>
タマリバ</h3>
1回だけ行きました。<br />
渋谷駅から離れてやや落ち着いたところにありますが、まず建物の中で迷いますw<br />
ドラクエのダンジョンかとおもいましたw<br />
<br />
入ってみると、飲食のメニューはなく持ち込み OK とのことでした。<br />
カードゲームで遊ぶ人たちがよく集まるみたい(?)です。<br />
<br />
ターミナルと比べるとかなりアットホームで親しみやすい感じでした。<br />
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://tamariba.me/" target="_blank">http://tamariba.me/</a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWEcROqokc1cPJbhIpqWpzknTop_e2n8OP8BFUHzcvQ5rWNeVmUAp8Yd11ROAsJSYJaUXRZeZGKt-0a0bX7y-x7qfI1dlC20CNG5uPXuVVWNAMODie0eVPzVdSbzqJdnCsBnexNtomHv8/s1600/tamariba.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="191" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWEcROqokc1cPJbhIpqWpzknTop_e2n8OP8BFUHzcvQ5rWNeVmUAp8Yd11ROAsJSYJaUXRZeZGKt-0a0bX7y-x7qfI1dlC20CNG5uPXuVVWNAMODie0eVPzVdSbzqJdnCsBnexNtomHv8/s320/tamariba.png" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
</div>
gaya_Khttp://www.blogger.com/profile/01144219247308997422noreply@blogger.com0tag:blogger.com,1999:blog-6170601238990639033.post-33356856049169102682013-04-28T15:34:00.001+09:002013-04-28T15:34:52.296+09:00ミッション02:敵機の種類を増やしてみんとす!<div>お久しぶりです。<a title="pon_zuのtwutter" href="https://twitter.com/pon_zu" target="_blank">pon_zu</a>です。 <br />
<br />
前回に引き続きenchant.jsを使って<strong>「シューティングゲームを育成してみんとす!」</strong>をやっていきます。 <br />
<br />
第2回のテーマは「敵機の種類を増やしてみんとす!」です。 <br />
</div><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibS2IMK6BjraSgcAHY20DCoG0umC2GgoQLGokKm9BMy3cY3AN3JN6tItlJQrnlmYRluTKD52KQAxPLGhBI6jxxj56W1-BeihEEcZytkIWCLMtV2sTUyDFoIs3RGa-pXVJ5rcu616RlpWA/s1600/02.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibS2IMK6BjraSgcAHY20DCoG0umC2GgoQLGokKm9BMy3cY3AN3JN6tItlJQrnlmYRluTKD52KQAxPLGhBI6jxxj56W1-BeihEEcZytkIWCLMtV2sTUyDFoIs3RGa-pXVJ5rcu616RlpWA/s320/02.png" /></a><br />
<br />
<a name='more'></a><br />
<br />
<h2>ステップ1:敵機の画像を変えてみんとす!</h2><div>敵機の種類を増やす前に、まずは簡単に敵機の画像を変えてみましょう。 <br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiH2JN38AB5dLOgFOwSKAvO5Z4jj8IHEaHJW8eCebdqF7lUvuqrI2XvSl3l6WnbK7S_Hgizwh1vxQdp0pbx9r1S7dIbwoDvou2tUHTyI8pXLHqOHndfxzxfBjCoL2MPlU-hEzSIhvkpi6A/s1600/01.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiH2JN38AB5dLOgFOwSKAvO5Z4jj8IHEaHJW8eCebdqF7lUvuqrI2XvSl3l6WnbK7S_Hgizwh1vxQdp0pbx9r1S7dIbwoDvou2tUHTyI8pXLHqOHndfxzxfBjCoL2MPlU-hEzSIhvkpi6A/s320/01.png" /></a><br />
コードの差分はこれだけ。 <br />
<br />
<pre class="js" name="code">/**
* Display enemy image.
* You divide the http://jsrun.it/assets/x/7/A/x/x7AxY.png image into 16x16 lattices,
* and start counting from 0 at the top left, and because the image you want to display is at 3, you set frame to 3.
* 敵機の画像を表示する。
* http://jsrun.it/assets/x/7/A/x/x7AxY.png の画像を 16x16 の格子で区切ると、
* 左上を0番目として数えて、表示したい画像は3番目にあるため、frameには3を指定する。
*/
- this.frame = 3;
+ this.frame = 4;
</pre><br />
ただ、これだと全部の敵の色が変わってしまっています。<br />
今度は緑、赤、青の3色の敵が出現するようにしてみましょう。<br />
<a href="http://jsrun.it/pon_zu/yyP6" target="_blank">こんな感じ</a>になります。<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibS2IMK6BjraSgcAHY20DCoG0umC2GgoQLGokKm9BMy3cY3AN3JN6tItlJQrnlmYRluTKD52KQAxPLGhBI6jxxj56W1-BeihEEcZytkIWCLMtV2sTUyDFoIs3RGa-pXVJ5rcu616RlpWA/s1600/02.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibS2IMK6BjraSgcAHY20DCoG0umC2GgoQLGokKm9BMy3cY3AN3JN6tItlJQrnlmYRluTKD52KQAxPLGhBI6jxxj56W1-BeihEEcZytkIWCLMtV2sTUyDFoIs3RGa-pXVJ5rcu616RlpWA/s320/02.png" /></a><br />
コード差分はこんな感じです。<br />
Enemyクラスのコンストラクタの引数に敵機の種類を表す「type」変数を追加しましょう。<br />
<br />
<pre class="js" name="code">@@ -63,7 +63,10 @@ window.onload = function () {
if(rand(1000) < game.frame / 20 * Math.sin(game.frame / 100) + game.frame / 20 + 50) {
var y = rand(320);
var omega = y < 160 ? 0.01 : -0.01;
- var enemy = new Enemy(320, y, omega);
+ // 敵機の種類をランダムで選択
+ var type = rand(3);
+ // コンストラクタの引数に敵機の種類を追加
+ var enemy = new Enemy(320, y, omega, type);
enemy.key = game.frame;
enemies[game.frame] = enemy;
}
</pre>
<pre class="js" name="code">@@ -265,7 +268,7 @@ var Enemy = enchant.Class.create(enchant.Sprite, {
* Player と異なり自律して動くため、そのための処理が追加されている。
* コンストラクタには初期位置 (x, y) のほか、移動方向の角速度 omega を指定する。
*/
- initialize: function (x, y, omega) {
+ initialize: function (x, y, omega, type) {
</pre>敵機の種類によって「frame」の値を設定しておきます。
「type」はrand()によって0~2の値が入るので、
それぞれ「frame」に3~5の値を設定します。
<pre class="js" name="code">@@ -276,6 +279,23 @@ var Enemy = enchant.Class.create(enchant.Sprite, {
this.y = y;
/**
+ * 敵機の種類によってパラメータを設定
+ */
+ var frame = 0;
+ switch(type){
+ case 0:
+ frame = 3;
+ break;
+ case 1:
+ frame = 4;
+ break;
+ case 2:
+ frame = 5;
+ break;
+ default:
+ }
</pre>ここで「this.frame」に先ほど設定した「frame」を代入します。
<pre class="js" name="code">@@ -283,7 +303,8 @@ var Enemy = enchant.Class.create(enchant.Sprite, {
* http://jsrun.it/assets/x/7/A/x/x7AxY.png の画像を 16x16 の格子で区切ると、
* 左上を0番目として数えて、表示したい画像は3番目にあるため、frameには3を指定する。
*/
- this.frame = 4;
+ this.frame = frame;
+
</pre></div><h2>ステップ2:敵機の強さを変えてみんとす!</h2><div>今度は敵機の強さを変えてみましょう。
今回は種類によって体力に差をつけてみます。
<a href="http://jsrun.it/pon_zu/nPDw" target="_blank">こんな感じ</a>になりました。どうでしょう?
赤色や青色の敵は一撃で撃破できなくなっていると思います。
コードの差分は以下のとおりです。
まずは、敵機の種類によって「hp」の値を設定します。
以下の設定の場合、緑の敵機は1回、青の敵機は3回、赤の敵機は5回弾を当てることで撃破出来ます。
また、強さに応じて取得できるスコアを変えることにしました。
<pre class="js" name="code">@@ -282,15 +283,23 @@ var Enemy = enchant.Class.create(enchant.Sprite, {
* 敵機の種類によってパラメータを設定
*/
var frame = 0;
+ var hp = 0;
+ var score = 0;
switch(type){
case 0:
frame = 3;
+ hp = 1;
+ score = 100;
break;
case 1:
frame = 4;
+ hp = 5;
+ score = 300;
break;
case 2:
frame = 5;
+ hp = 3;
+ score = 200;
break;
default:
}
</pre><pre class="js" name="code">@@ -323,6 +332,12 @@ var Enemy = enchant.Class.create(enchant.Sprite, {
this.moveSpeed = 3;
/**
+ * 体力と撃破時のスコアを設定
+ */
+ this.hp = hp;
+ this.score = score;
+
</pre>自機弾クラスであるEnemyShootクラスに敵機に弾が当たった時の処理が書かれています。
元々の処理は敵機に弾が当たった場合に敵機の削除と加点が行われていますが、
今回はif文を1つ追加して、敵の体力が0より小さくなった時だけ敵機の削除と加点の処理を行うようにしています。
また、元々は加点するポイントが100点で固定されていたのを、敵機ごとに設定された「score」の値を使うように変更しています。
<pre class="js" name="code">@@ -415,9 +430,12 @@ var PlayerShoot = enchant.Class.create(Shoot, {
this.addEventListener('enterframe', function () {
for (var i in enemies) {
if(enemies[i].intersect(this)) {
+ enemies[i].hp--;
this.remove();
- enemies[i].remove();
- game.score += 100;
+ if (enemies[i].hp <= 0) {
+ game.score += enemies[i].score;
+ enemies[i].remove();
+ }
</pre>
上では体力を変えましたが、同じ要領で移動スピード、軌道、弾の発射間隔なんかも変更できますね。
さて、今回はここまでです!
次回は何を改造しましょうね?
</div>Anonymoushttp://www.blogger.com/profile/08176575127869221603noreply@blogger.com0tag:blogger.com,1999:blog-6170601238990639033.post-2962612032059042952013-03-31T17:18:00.000+09:002013-03-31T17:19:27.246+09:00BitbucketとMSYS Git、tortoisegitでバージョン管理環境の構築<div>はじめまして、n4bです。<br />
初めて、ということで少々拙い文章で恐縮ですが、<br />
生暖かい目で見守っていただけると幸いです。<br />
<br />
初めてのこのエントリーでは、BWで使っているバージョン管理環境についてです。<br />
参考サイト紹介をメインにメモ書き程度に残します。<br />
ちなみに、環境はWindows 7です。</div><br />
<h2>Bitbucket</h2><div><a href="http://ja.wikipedia.org/wiki/Bitbucket">Bitbucket</a>は、ウェブベースのホスティングサービスで、ここにGitrepogitoryをおいて管理しています。<br />
これはアカウント登録するだけなので、特に苦労はありません。<br />
GoogleやFB、Twitter、GitHubのアカウントを利用することもできます。<br />
リポジトリの管理も、ほぼここで完了します。<br />
</div><br />
<h2>MSYS Git、TortoiseGit</h2><div><a href="http://msysgit.github.com/">MSYS Git</a>は、GitをWindows環境で使うためのソフトウェアです。<br />
Cygwinみたいな位置づけです。<br />
MSYS GitにもGUIはありますが、BWではこれよりも使いやすい<br />
<a href="https://code.google.com/p/tortoisegit/">TortoiseGit</a>を使っています。<br />
つまり、GUIとしてTortoiseGitを使い、裏ではMSYS Gitが動いています。<br />
<br />
インストール手順は、下記サイトを参考にしています。<br />
<a href="https://sites.google.com/site/linuxdevelopmentdiaries/windows/git-and-tortoisegit-install-for-windows#TOC-TortoiseGit-">Windows版git & TortoiseGit のインストール</a><br />
途中、バージョン違いで変わっているところもあるのでご注意ください。<br />
<br />
これを使って、リポジトリのあるBitbucketへアクセスし開発を進めています。<br />
</div>brontehttp://www.blogger.com/profile/00916635857927616854noreply@blogger.com0tag:blogger.com,1999:blog-6170601238990639033.post-9462712247997072742013-03-20T16:11:00.003+09:002013-04-30T18:16:34.700+09:00Haxe はじめました<div>
<span class="GingerNoCheckStart"></span>どうも gaya_K です。<br />
<br />
以前のブログで、今年は Haxe か TypeScript を使ってみたいと書きました。<br />
というわけで、最近 <strike>冷やし中華</strike> Haxe 始めました。<br />
<br /></div>
<a name='more'></a><h2>
インストール</h2>
<div>
細かいところまでは書きませんがメモ程度に。<br />
<br />
まずは Haxe を公式サイト(<a href="http://haxe.org/" target="_blank">http://haxe.org/</a>)からダウンロードしてインストールします。<br />
<br />
そして、開発環境として FlashDevelop を公式サイト(<a href="http://flashdevelop.jp/%E3%83%A1%E3%82%A4%E3%83%B3%E3%83%9A%E3%83%BC%E3%82%B8" target="_blank">http://flashdevelop.jp/メインページ</a>)からダウンロードしてインストールします。<br />
<br />
FlashDevelop を起動し、ツール > 環境設定 > HaxeContext > Installed Haxe SDKs と辿って Haxe をインストールしたフォルダを指定すれば完了です。<br />
<br /></div>
<h2>
enchant.js を使う</h2>
<div>
ただ、 Haxe を使って JacaScript のコードを作るだけなら簡単なのですが、<br />
私たちはゲームに enchant.js という JavaScript のライブラリを使っています。<br />
<br />
なので、 enchant.js を Haxe で使えるように橋渡しさせる必要があります。<br />
これがまた地道な作業で骨が折れます。。。<br />
<br />
もともと型の制約がゆるい JavaScript に対して型の情報を付加していくので、<br />
元のソースコードと JsDoc を行ったり来たりしてなんとか書き上げました。<br />
<br />
コードを書くにあたっては以下のブログ記事&コードを参考にさせて頂きました。<br />
<br />
<blockquote class="tr_bq">
HaXe触ってみた - mizchi log<br />
<a href="http://d.hatena.ne.jp/mizchi/20120902/1346582196" target="_blank">http://d.hatena.ne.jp/mizchi/20120902/1346582196</a><br />
<a href="https://github.com/mizchi/haxe-try" target="_blank">https://github.com/mizchi/haxe-try</a></blockquote>
<br />
<br />
作った Haxe のコードは Github にて enchant.hx として公開しています。<br />
<a href="https://github.com/gayaK/enchant.hx" target="_blank">https://github.com/gayaK/enchant.hx</a><br />
<br />
とりあえず今は自分たちが使う enchant.js, ui.enchant.js, nineleap.enchant.js だけ対応しました。<br />
まだまだ納得がいっていない部分が多いので、今後いろいろ変わっていくと思います。<br />
<br />
enchant.hx を使って書いているコードのスクリーンショットです。<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6jmKXaDqyhCYjLIuxYRY3oR2d_w48Fc_ZKep6XZErOzmI5gFiKyM3aF8u1d7B44qCCZv0DkKBVX1jotRM0Tg-mapOPU9zOVwpcIzVcNc6yjg3xTjOwMqoS5Lkd1Qfm4CB7tl14iFqMBY/s1600/FlashDevelop.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="585" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6jmKXaDqyhCYjLIuxYRY3oR2d_w48Fc_ZKep6XZErOzmI5gFiKyM3aF8u1d7B44qCCZv0DkKBVX1jotRM0Tg-mapOPU9zOVwpcIzVcNc6yjg3xTjOwMqoS5Lkd1Qfm4CB7tl14iFqMBY/s640/FlashDevelop.png" width="640" /></a></div>
<br />
書き終わったコードを見ても伝わらないけど、型推論と入力補完が気持ちいいんですよ!<br />
<br />
<br />
次回のリリースから Haxe で書いたゲームになる予定ですのでお楽しみに!<br />
<span class="GingerNoCheckEnd"></span><br /></div>
gaya_Khttp://www.blogger.com/profile/01144219247308997422noreply@blogger.com0tag:blogger.com,1999:blog-6170601238990639033.post-72895445787150483512013-03-09T16:59:00.002+09:002013-03-09T16:59:51.193+09:00キャラクター紹介006<br />
<div>
こんにちは、Braveです。<br />
<br />
最近は諸事情で二人に開発をまかせっきりですが<br />
ちょこちょことアイディア出しをしていますよ。<br />
<br />
次回作とは別に、もう一個のゲームの企画を思いついたのです。<br />
ただ、このゲームは大量に画像が必要なので開発はひとまずお任せして<br />
モーションの作成に取り掛かろうと思っています。<br />
むしろ開発組より時間がかかるのではとこっそり思ったり…<br />
<br />
さあ、気を取り直してキャラクター紹介に参ります。<br />
<div>
<br /></div>
</div>
<h2>
<span style="background-color: white;">No.006 ブリンプ君</span></h2>
<div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDz2iz-CcLBFwl3s0GOcUnaQvIHZKcl61AtcfhADUq7Wo5W_D2svzbGWBgF21W-zBKrzQuW8m8-qz7WrTYV65qlpB3h5rYFEyuUHFe71cPiM2AN_SKOLGaQBPp5OSI38pZx-qjN4pf-mt-/s1600/blimp_ani01.gif" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDz2iz-CcLBFwl3s0GOcUnaQvIHZKcl61AtcfhADUq7Wo5W_D2svzbGWBgF21W-zBKrzQuW8m8-qz7WrTYV65qlpB3h5rYFEyuUHFe71cPiM2AN_SKOLGaQBPp5OSI38pZx-qjN4pf-mt-/s1600/blimp_ani01.gif" /></a></div>
室内用小型飛行船ロボット。<br />
プロペラがないため手とひれ?を使って飛んでいるのはナイショ。<br />
ちなみにBlimpとは飛行船のことを指す。ひとつ賢くなったでしょ?<br />
<br />
<a name='more'></a><br />
<span style="background-color: #ffe599; font-size: large;">■基本データ</span><br />
<div>
<span style="background-color: white; color: #262626; font-family: Meiryo, メイリオ, 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 14px; line-height: 26px;">体長:1.5~2.0m(満タン時)</span></div>
<div>
<span style="background-color: white; color: #262626; font-family: Meiryo, メイリオ, 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 14px; line-height: 26px;">重量:4</span></div>
<div>
<span style="background-color: white; color: #262626; font-family: Meiryo, メイリオ, 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 14px; line-height: 26px;">好物:He</span></div>
<div>
<span style="background-color: white; color: #262626; font-family: Meiryo, メイリオ, 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 14px; line-height: 26px;">嫌いなもの:重い空気、突起物</span><br />
<span style="background-color: white; color: #262626; font-family: Meiryo, メイリオ, 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 14px; line-height: 26px;"><br /></span></div>
</div>
<span style="background-color: #ffe599; font-size: large;">■説明</span><br />
<div>
研究室出身キャラ第二段。私が研究していた室内用飛行船ロボットを<br />
キャラクター化したものです。<br />
飛行船は子供が操作して遊ぶエンターティメント用のものだったので<br />
どうせなら操作画面を楽しくしようということでブリンプ君が生まれました。<br />
<br />
本来は”ロボット”の部分はモーターや信号を受信する部分を指すので、正確には<br />
かごの部分が本体であり、顔がついているところはただの風船です。<br />
<br />
しかしそれでは面白くないのでブリンプ君は風船のほうが本体ということにしました。<br />
創作とはそれでいいのです。<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUyZLgu5xcjcp8dp8-_N7y2Bop7qYghpl0qFH51kvspf-hvPXco3YZdZifR9YLdjfsw4h4fKyLVnT8afsM0ZQwNeMniXjUjItLLYPlaHszI97kuRaPAqK6JGZuGE5pr8Mlm-jUrEJZbEyB/s1600/hikosenyellow.gif" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUyZLgu5xcjcp8dp8-_N7y2Bop7qYghpl0qFH51kvspf-hvPXco3YZdZifR9YLdjfsw4h4fKyLVnT8afsM0ZQwNeMniXjUjItLLYPlaHszI97kuRaPAqK6JGZuGE5pr8Mlm-jUrEJZbEyB/s1600/hikosenyellow.gif" /></a></div>
<br />
こちらは初代ブリンプ君。若干サイズが大きく影も少ないです。<br />
<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDhBnDy2QUeSUNA-ty1vezUjeVD8FozKxeC6yfnoqWXjtQ25ImlcZ4RwQuzFnniJIuDcEx9lNsBERMttW310qkla952jVPzPmuwlDUHuV7AyTxQqr64Nth3Y3WtriYhd9hgK3hMY3txmhM/s1600/blimp_y.gif" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDhBnDy2QUeSUNA-ty1vezUjeVD8FozKxeC6yfnoqWXjtQ25ImlcZ4RwQuzFnniJIuDcEx9lNsBERMttW310qkla952jVPzPmuwlDUHuV7AyTxQqr64Nth3Y3WtriYhd9hgK3hMY3txmhM/s1600/blimp_y.gif" /></a><br />
こちらはVersion2。ゲームに使いやすいように32x32の大きさにしていますが、<br />
場合によっては初代と使い分けてもいい感じですね。<br />
<br />
<br />
ちなみにブリンプ君は色によって性格が違うという設定です。<br />
ロボットなのに性格?とか思ったあなた、今すぐドラえもんを全巻買いに行ってください。<br />
<br />
現在のカラーラインナップは以下の3色となっています。<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEmPIvg9o_xPezfiRiBaDd8q8pHSYfh7hllO1xW86ozDDoO0274v7_wrlqfGFlskrMi41X4kbShNAMNgnnq4xm4f04xqz7H-IQ99Z8hNReinSqj1BMbvjbzsg1fITX_xEseGW6NGcGqhnK/s1600/blimps.gif" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEmPIvg9o_xPezfiRiBaDd8q8pHSYfh7hllO1xW86ozDDoO0274v7_wrlqfGFlskrMi41X4kbShNAMNgnnq4xm4f04xqz7H-IQ99Z8hNReinSqj1BMbvjbzsg1fITX_xEseGW6NGcGqhnK/s1600/blimps.gif" /></a></div>
<br />
<br />
<br />
黄:ジャロ君:お気楽でのんびり。とっても扱いやすい初心者向け。<br />
カレーがすき。というわけではない。<br />
<br />
黒:ネロさん:旋回性能が高い渋めのナイスガイ。<br />
昔はやんちゃしていたらしい。<br />
<br />
<div>
赤:ロッソ君:熱血一直線の期待の若手。<br />
直線は速いが旋回性能はいまいち。青じゃなくて赤なのに。</div>
<br />
名前の由来はイタリア語でそれぞれの色を表しています。<br />
<br />
<br />
ブリンプ君が登場するゲームはシューティングかレースゲームがいいかなと思っています。<br />
ちなみにネロさんは昔は悪役として考えていて、どかどか爆弾を落とすようなキャラでした。<br />
その辺もうまく取り入れたいですね。 <br />
<br />
<br />
おや、こんなところにネロさんの昔の写真が…<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGr73sxI9dSPAu8L7-EY4EoVDFBkcsS1W1cjTrf4a4YdTKZfCfry1rSe3vZyp_VIuaqxTv0RGcMIfgFqD-Cl3s1Ugg924IS2lSG_xwxJ_nRHIhXLWVz2cdJF72paNKnqyyKR5LOjAx7UJP/s1600/rd_ani.gif" imageanchor="1" style="clear: left; display: inline !important; margin-bottom: 1em; margin-right: 1em; text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGr73sxI9dSPAu8L7-EY4EoVDFBkcsS1W1cjTrf4a4YdTKZfCfry1rSe3vZyp_VIuaqxTv0RGcMIfgFqD-Cl3s1Ugg924IS2lSG_xwxJ_nRHIhXLWVz2cdJF72paNKnqyyKR5LOjAx7UJP/s1600/rd_ani.gif" /></a><br />
<br />
<br />
うーむ、このGIFアニメはドラッグオンドラグーンに影響されてますね。<br />
<br />
ちなみにブリンプ君につまっているガスはヘリウムです。<br />
可燃性ではないので火を近づけても問題ありません。<br />
まあ、これはやりすぎですけどね。<br />
<br />
<br />
<br />
<br /></div>
brave-workzhttp://www.blogger.com/profile/16756284177433010547noreply@blogger.com0tag:blogger.com,1999:blog-6170601238990639033.post-80864849675685195012013-02-25T16:19:00.001+09:002013-02-25T16:21:58.667+09:00ミッション01:自機を自由に動けるようにしてみんとす!<div>ついに奴らがやってきた……! ということで、毎年のことながら杉花粉の猛威に今から戦々恐々の<a href="https://twitter.com/pon_zu" target="_blank" title="pon_zuのtwutter">pon_zu</a>です。 既に鼻がムズムズし始めてるので今日はマスク着用での執筆です。 <br />
<br />
<a href="http://brave-workz.blogspot.com/2013/01/blog-post_27.html" target="_blank">前回の記事</a>で宣言したとおり、今回からenchant.jsを使った新連載<strong>「シューティングゲームを育成してみんとす!」</strong>を開始します。<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_Yw-cH0PtWx7ekVclcs8MraWMV_7JT53CMyZn1ds61jW0VrgOS989pyBAdm2zYBJFlATgPBZm6yn0nj-u9OLurvISrsAbnT9iUMmts9HyKuX6ZdiLMwQgZQOlWdmr1r7UM0DK_W2E7Bg/s1600/cap0010.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_Yw-cH0PtWx7ekVclcs8MraWMV_7JT53CMyZn1ds61jW0VrgOS989pyBAdm2zYBJFlATgPBZm6yn0nj-u9OLurvISrsAbnT9iUMmts9HyKuX6ZdiLMwQgZQOlWdmr1r7UM0DK_W2E7Bg/s320/cap0010.png" /></a><br />
<br />
記念すべき第1回のテーマは、「自機を自由に動けるようにしてみんとす!」です。<br />
<br />
</div><br />
<a name='more'></a> <br />
<br />
<h2>ステップ0:自機の動きを見てみんとす!</h2><div><a href="https://gist.github.com/pon-zu/5027846" target="_blank">前回のコード</a>を動かすと、<a href="http://jsrun.it/pon_zu/lxp6" target="_blank">こんな感じ</a>になります。<br />
動かしてみれば分かりますが、自機はクリック/タッチ位置に追従して上下方向にのみ移動できます。 <br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhgdO6udrvbKPxn4M7ZXZ7Jcu_krFmSsXoQt2Ei74vOatWioTcfkAIhbf2_OqAGzNWEJaYqWy9ih6Md3u1m1mTO_rxSXIKV21P-QWsXfdc1MU_NvjILggg8hvAmI5hDy9TNR1V2uyjFwU/s1600/step00.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhgdO6udrvbKPxn4M7ZXZ7Jcu_krFmSsXoQt2Ei74vOatWioTcfkAIhbf2_OqAGzNWEJaYqWy9ih6Md3u1m1mTO_rxSXIKV21P-QWsXfdc1MU_NvjILggg8hvAmI5hDy9TNR1V2uyjFwU/s320/step00.png" /></a><br />
<br />
どんなに頑張っても左右方向に移動することはできません。<br />
今回はこの自機を上下左右自由に移動できるようにしてみましょう。 <br />
</div><br />
<h2>ステップ1:自機を左右方向に移動できるようにしてみんとす!</h2><div>自機を左右方向に移動できるようにするにはどこをいじればいいのでしょうか?<br />
<a href="https://gist.github.com/pon-zu/5027846" target="_blank">こんな感じ</a>に直してみました。<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizXPk1pv5IcHeT4bpG8_3EflBuuDJNaRHNlBsfYIBZ2Shk_lstgjQbC_vxVSxd77QY1or1Bf_ptkV6fg8ssjQXcOyq-grRmwLyRGsFKN9ohgwmKDo4ikYZD9EhjXDESi0dGxjhIe4jbBY/s1600/step01.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizXPk1pv5IcHeT4bpG8_3EflBuuDJNaRHNlBsfYIBZ2Shk_lstgjQbC_vxVSxd77QY1or1Bf_ptkV6fg8ssjQXcOyq-grRmwLyRGsFKN9ohgwmKDo4ikYZD9EhjXDESi0dGxjhIe4jbBY/s320/step01.png" /></a><br />
</div><br />
コード差分はこれだけです。<br />
<pre class="js" name="code">game.rootScene.addEventListener('touchstart', function (e) {
- player.y = e.y;
+ player.x = e.x - player.width/2;
+ player.y = e.y - player.height/2;
game.touched = true;
});
game.rootScene.addEventListener('touchmove', function (e) {
- player.y = e.y;
+ player.x = e.x - player.width/2;
+ player.y = e.y - player.height/2;
});
game.rootScene.addEventListener('touchend', function (e) {
- player.y = e.y;
+ player.x = e.x - player.width/2;
+ player.y = e.y - player.height/2;
game.touched = false;
});
</pre>タッチ/クリック開始時、スワイプ/ドラッグ時、タッチ/クリック終了時に処理する処理を書き換えて、タッチ位置をplayerインスタンスの位置に代入しています。<br />
playerの幅や高さの半分を引き算しているのは自機の表示位置の調整のためです。<br />
このコードを動かすと<a href="http://jsrun.it/pon_zu/gn1J" target="_blank">こんな感じ</a>になります。<br />
狙ったとおり、自由に上下左右に動けるようにはなったのですが、このままでは以下のような問題が残っています。<br />
<ul><li>タッチ/クリック開始時に自機がタッチ/クリック位置に瞬間移動してしまう。</li>
<li>スマートフォンでプレイする際に指で自機が隠れてしまう。</li>
</ul>これらの問題を解決するために、もうちょっとコードをいじってみましょう。<br />
<br />
<h2>ステップ2:自機をスワイプ/ドラッグ距離に応じて相対移動するようにしてみんとす!</h2><div>先ほど挙げた問題を解決する方法として、自機をスワイプ/ドラッグ距離に応じて相対移動するように変更してみます。<br />
<br />
<a href="https://gist.github.com/pon-zu/5027846" target="_blank">こんな感じ</a>に直してみました。<br />
<br />
コード差分はこれだけです。<br />
<pre class="js" name="code">@@ -150,6 +151,18 @@ var Player = enchant.Class.create(enchant.Sprite, {
this.frame = 0;
/**
+ * タッチした位置からドラッグした距離で相対移動するための変数を追加
+ * - "xs" : タッチ開始時の自機のX座標
+ * - "ys" : タッチ開始時の自機のY座標
+ * - "xts" : タッチ開始位置のX座標
+ * - "yts" : タッチ開始位置のY座標
+ */
+ var xs = x;
+ var ys = y;
+ var xts = 0;
+ var yts = 0;
+
...
@@ -179,22 +192,30 @@ var Player = enchant.Class.create(enchant.Sprite, {
* EventTarget#dispatchEvent で任意のイベントを発行することもできる。
*
* ここでは、以下のような処理を登録してしている
- * 画面がクリックされたとき … 自機をその座標に移動させ、弾を撃ちはじめる
- * クリックしている座標が動いたとき … 自機をその座標に移動させる
- * クリックが離されたとき … 自機をその座標に移動させ、弾を撃つのをやめる
+ * 画面がクリックされたとき … 移動目標を初期化し、弾を撃ちはじめる
+ * クリックしている座標が動いたとき … ドラッグした距離に応じて自機を相対的に移動させる
+ * クリックが離されたとき … 移動目標を初期化し、弾を撃つのをやめる
*/
game.rootScene.addEventListener('touchstart', function (e) {
- player.x = e.x - player.width/2;
- player.y = e.y - player.height/2;
+ player.xs = player.x;
+ player.ys = player.y;
+ player.xts = e.x;
+ player.yts = e.y;
game.touched = true;
});
game.rootScene.addEventListener('touchmove', function (e) {
- player.x = e.x - player.width/2;
- player.y = e.y - player.height/2;
+
+ var xNew = player.xs + (e.x - player.xts);
+ var yNew = player.ys + (e.y - player.yts);
+
+ if(xNew > 0 && (xNew + player.width) < game.width){
+ player.x = xNew;
+ }
+ if(yNew > 0 && (yNew + player.height) < game.height){
+ player.y = yNew;
+ }
});
game.rootScene.addEventListener('touchend', function (e) {
- player.x = e.x - player.width/2;
- player.y = e.y - player.height/2;
game.touched = false;
});
</pre>
タッチ/クリック時に自機の座標とタッチ/クリックされた位置を記録しておき、スワイプ/ドラッグされた距離に応じて自機を相対的に移動させています。
ついでに画面端まで行ったら移動できないように移動制限もかけています。
この操作方法だと、スマートフォンでプレイする場合もタッチする位置を変えることで指の影に自機がかぶってしまうこともなくなります。
動かすと<a href="http://jsrun.it/pon_zu/yATM" target="_blank">こんな感じ</a>です。
</div><div>さて、今回はここまでです!
今回の改造で自機が自由に動くようになりました。
次回は何を改造しましょうね?
</div>Anonymoushttp://www.blogger.com/profile/08176575127869221603noreply@blogger.com0tag:blogger.com,1999:blog-6170601238990639033.post-31075805521832548282013-02-18T23:22:00.000+09:002013-04-27T13:44:41.422+09:00開発環境などなど その4 バージョン管理編<div>
どうも gaya_K です。<br />
また風邪をひいてしまいました。体が弱くなって老いを感じる今日このごろです。<br />
敗因は暖房に頼りっきり & 加湿を怠った生活だったので、みなさんも気をつけましょう。<br />
<br />
今回はソフトウェア開発に欠かせないバージョン管理についてです。<br />
<br /></div>
<a name='more'></a><h2>
開発環境紹介</h2>
<h3>
分散バージョン管理(DVCS)</h3>
<div>
バージョン管理とは言ってみれば冒険の書です。<br />
<a href="http://brave-workz.blogspot.jp/2012/10/1.html" target="_blank">以前 Dropbox を紹介した時</a> にもバックアップをとってくれると説明しましたが、<br />
更に進んだ管理を可能にするツールがあります。<br />
<br />
いくつかある分散バージョン管理システムの中で、私達は Bazaar というソフトを使っています。<br />
手前味噌ですが、 <a href="http://semakuasaku.blogspot.jp/2011/12/bazaar.html" target="_blank">私個人のブログで使い方の記事</a> を書いているのでそちらも参考にしていただけると幸いです。<br />
(長いこと続編を書くのをサボっているのは内緒です)<br />
<br />
DVCS三兄弟(<a href="http://git-scm.com/" target="_blank">Git</a>, <a href="http://mercurial.selenic.com/" target="_blank">Mercurial</a>, <a href="http://bazaar.canonical.com/en/" target="_blank">Bazaar</a>) の中では一番人気のない(泣)Bazaarですが、<br />
とっつき易さでは一番かと思います。<br />
<br />
下の絵は最近リリースした「プリンスイーパーま~さん!」のコミットログです。<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
一つ一つの点がセーブポイントに相当します。 こうして見ると結構コミットしてたんですね。<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimlt6xOndN3rzsyfVPCny7HyZh3uJaRx1w4NyG81bEZ5GqPK3xWezmVK3XgHjvVWVv6MQMdotCartO_Mmb1U-lPd40TSu7U-S6BF8Ll9gCF5WwICenUHAemltxOWvWKoPM_O1hRWBW5dw/s1600/bzrhistry.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimlt6xOndN3rzsyfVPCny7HyZh3uJaRx1w4NyG81bEZ5GqPK3xWezmVK3XgHjvVWVv6MQMdotCartO_Mmb1U-lPd40TSu7U-S6BF8Ll9gCF5WwICenUHAemltxOWvWKoPM_O1hRWBW5dw/s320/bzrhistry.png" width="264" /></a></div>
<br />
<br />
何箇所か、枝分かれしてまた合流している部分がありますね。<br />
その部分が "分散"バージョン管理の特徴です。<br />
別々に作業して、あとからセーブデータを合体できるようなイメージです。<br />
ドラクエじゃあそんなことできませんよねw<br />
<div>
<br /></div>
<div>
<br /></div>
<div>
それと、最近 <a href="https://github.com/" target="_blank">Github</a> を始めたので Git も使い始めました。ちょっぴり浮気中ですw</div>
<div>
<br /></div>
</div>
gaya_Khttp://www.blogger.com/profile/01144219247308997422noreply@blogger.com0tag:blogger.com,1999:blog-6170601238990639033.post-82248805347465066922013-02-04T06:22:00.000+09:002013-02-04T22:40:40.008+09:00キャラクター紹介005<div>
<br />
こんにちは、Braveです。<br />
<br />
今年ももう二月ですね。一年に3個ゲームを出すとなると単純計算で<br />
1つにかけられる時間は4ヶ月というわけですね。<br />
現在作成中のゲームの進捗率的にはトントンというとこですかね。<br />
※3人とも仕事があるので実際の作業時間だけ見るとそんなにはかかっていませんよ。<br />
<br />
ちなみに次回策は一風変わったシューティングといった感じです。<br />
※シューティングとは言えないかもしれませんが・・・<br />
<br />
では今年一発目のキャラクター紹介です。</div>
<br />
<h2>
<span style="background-color: white;">No.005 ロボ蔵</span></h2>
<div>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0yQhmnDjefmW-HEEMQr3ETRFo07qpuVulUbHtmn8NuAzaO23sbwzRMonsepG5vPpAPorfVRf4DvoTpR1ggUDVW_SWxHj6a0FEK8Ix9G-_LLdGsKRa98KyFm-sq7Tt6AI4QxZbD4djIatK/s1600/robozo_01.gif" imageanchor="1" style="clear: left; float: left; font-size: medium; font-weight: normal; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0yQhmnDjefmW-HEEMQr3ETRFo07qpuVulUbHtmn8NuAzaO23sbwzRMonsepG5vPpAPorfVRf4DvoTpR1ggUDVW_SWxHj6a0FEK8Ix9G-_LLdGsKRa98KyFm-sq7Tt6AI4QxZbD4djIatK/s1600/robozo_01.gif" /></a><br />
<span style="font-size: small;"><span style="font-weight: normal;">高機能多目的ロボット。</span></span><br />
<span style="font-size: small;"><span style="font-weight: normal;">ポケットもついていなければ中にお爺さんが入ったりはしていない。</span></span><br />
<span style="font-size: small;"><span style="font-weight: normal;">命令されたことは絶対に守る。たぶん。</span></span><br />
<div style="font-size: medium; font-weight: normal;">
<br /></div>
<br />
<a name='more'></a><br /><br />
<h2>
<span style="background-color: #ffe599; font-size: large;">■基本データ</span></h2>
<div style="font-size: medium; font-weight: normal;">
<span style="background-color: white; color: #262626; font-family: Meiryo, メイリオ, 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 14px; line-height: 26px;">体長:ご希望にあわせてお作りいたします</span></div>
<div style="font-size: medium; font-weight: normal;">
<span style="background-color: white; color: #262626; font-family: Meiryo, メイリオ, 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 14px; line-height: 26px;">重量:重いですよ、高機能ですから。</span></div>
<div style="font-size: medium; font-weight: normal;">
<span style="background-color: white; color: #262626; font-family: Meiryo, メイリオ, 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 14px; line-height: 26px;">好物:電気、オイル</span></div>
<div style="font-size: medium; font-weight: normal;">
<span style="background-color: white; color: #262626; font-family: Meiryo, メイリオ, 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 14px; line-height: 26px;">嫌いなもの:ルーチンワーク</span></div>
</div>
<br />
<h2>
<span style="background-color: #ffe599; font-size: large;">■説明</span></h2>
<div>
もともとは研究室のホームページ用のキャラとしてBraveが落書き感覚で作成したキャラです。<br />
古きよき"ロボット"を意識したデザインであり、手は有名な芋掘りロボットをモデルにしています。<br />
pon_zuによってFLASHゲームの試作品の主人公としてロックバスターっぽいものを<br />
装備させられていたこともあり、この設定は今後BraveWorkzでも使っていきたいと思っています。<br />
<br />
ちなみにこんな落書きも見つけましたよ。<br />
きっとどこかで使われるはずです。<br />
<div>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBa5ni5O0c6Dh17LHqvsQ3cgU35YynKU0pQrkXaWxU-pMtLCuR5YV-nt5adkDntkxf_SAXRz9ocgVVv1SKegWF1it57J0lzphcsF2SDD2t35m5Sz1WPljSsLbzOm5dqU0AeUzEfIrEF04b/s1600/robotorune.gif" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBa5ni5O0c6Dh17LHqvsQ3cgU35YynKU0pQrkXaWxU-pMtLCuR5YV-nt5adkDntkxf_SAXRz9ocgVVv1SKegWF1it57J0lzphcsF2SDD2t35m5Sz1WPljSsLbzOm5dqU0AeUzEfIrEF04b/s1600/robotorune.gif" /></a></div>
</div>
<strike>竜巻旋風脚!</strike>ロボトルネード!<br />
<span style="font-size: large;"><br />
</span> <span style="font-size: large;"><br />
</span><br />
上の画像に出ているロボ蔵は量産型であり、たくさんいます。<br />
ちょっとお高い隊長機はもちろんツノが装備されており、移動速度も3倍となっています。<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2jr9CHFD-hxCeLLBDNIy-UV79IuPMYpkf1UF4Xl3hwLnFRONj3u7XEQtwIh1oAfyYtChZBtpdJTsw37ysJn9RforQTqDoVAq2D-2lc4tzDV-eEOcIJmkAjjWZM4TG96rPO3Tvldf-Vu1z/s1600/roboleader_.gif" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2jr9CHFD-hxCeLLBDNIy-UV79IuPMYpkf1UF4Xl3hwLnFRONj3u7XEQtwIh1oAfyYtChZBtpdJTsw37ysJn9RforQTqDoVAq2D-2lc4tzDV-eEOcIJmkAjjWZM4TG96rPO3Tvldf-Vu1z/s1600/roboleader_.gif" /></a><br />
<br />
<br />
<span style="font-size: small;">※個人の感想です。</span><br />
<br />
<span style="font-size: small; font-weight: normal;">実はプリンスイーパーま~さんの背景として登場していますが、</span><span style="font-size: small; font-weight: normal;">窓の外で遊んでいたり、卵がほしいのに雄鶏を運んでいたりと</span><span style="font-size: small; font-weight: normal;">少々頼りにならないやつらもいるようです。</span><br />
<span style="font-size: small; font-weight: normal;"><br /></span>
<br />
<div>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUKwywwA50EbXSz45TZIQH5l6ANP_xMVTVX0XIQHWzPayQjIROitMWaX8HsU6TmzJmAPzzv9rbmHOiJww8nvHTi1r_XBu1JibQcMKC3rhe39Id6kUhC9_V9ItNl1ns2AUSvtr34XFGRxQp/s1600/ondorisan.gif" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUKwywwA50EbXSz45TZIQH5l6ANP_xMVTVX0XIQHWzPayQjIROitMWaX8HsU6TmzJmAPzzv9rbmHOiJww8nvHTi1r_XBu1JibQcMKC3rhe39Id6kUhC9_V9ItNl1ns2AUSvtr34XFGRxQp/s1600/ondorisan.gif" /></a><span style="font-size: small; font-weight: normal;"></span><br />
<div>
<span style="font-size: small; font-weight: normal;"><span style="font-size: small;">左:急ぐであります!</span></span></div>
<div>
<span style="font-size: small; font-weight: normal;">右:ねぇこれオスじゃないの?</span></div>
<div>
<span style="font-size: small; font-weight: normal;">左:鶏だから卵を産むに決まってるであります。</span></div>
<div>
<span style="font-size: small; font-weight: normal;">右:そ、そうだね・・・</span></div>
</div>
<br />
<div>
<span style="font-weight: normal;"> ロボットですが、固体差が大きいので主人公気取りのこんなのもいたりと</span><span style="font-weight: normal;">今後の活躍に期待が持てるキャラクターです。</span><br />
<div>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFy790Ly7O26jmJJiddfmCriQFSY-13_3ozU1liX-fw2Ji2P9v9DmK9I_JiCFUJg3mPURjOsEvVPGJ_DebzJkiTpgrSxuNdjkrbB5u3LRsL1u12XO3gUJqv37IdhDAvKJ_PCOXmVIrLUYk/s1600/roboterry.gif" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFy790Ly7O26jmJJiddfmCriQFSY-13_3ozU1liX-fw2Ji2P9v9DmK9I_JiCFUJg3mPURjOsEvVPGJ_DebzJkiTpgrSxuNdjkrbB5u3LRsL1u12XO3gUJqv37IdhDAvKJ_PCOXmVIrLUYk/s1600/roboterry.gif" /></a></div>
ヘイ、カモンカモン!</div>
brave-workzhttp://www.blogger.com/profile/16756284177433010547noreply@blogger.com0tag:blogger.com,1999:blog-6170601238990639033.post-70733009984356818412013-01-27T10:00:00.000+09:002013-01-27T10:00:02.564+09:00連載企画を始めてみようとか思ったりあけましておめでとーございます!<br />
職場で周囲の人が風邪やらインフルエンザで倒れていく中、マスク着用で頑張ってます<a href="https://twitter.com/pon_zu" target="_blank" title="pon_zuのtwutter">pon_zu</a>です。<br />
<br />
BraveWorkzとして新年のご挨拶させていただいてからちょっと時間が空いてしまいましたが、決してこのブログの更新忘れてたわけではありません!<br />
自分が当番だということをすっかり忘れてたせいで<a href="https://twitter.com/BrvFlame" target="_blank">Brave</a>くんにせっつかれたり!<br />
<a href="https://twitter.com/gaya_K" target="_blank">gaya_K</a>くんと「次から更新忘れないようにカレンダーに登録しておこうか」みたいな話をしたりはしていないのです!<br />
ええ、していませんとも!!<br />
<br />
……さて、今年もこんな感じで無駄話しつつ元気に頑張っていきますよ!<br />
さっそくですが、年の初めらしく今回から新しいことを始めてみようと思います!<br />
まず最初に、<b>みんなゲーム好きだよね?(断言)</b><br />
<a name='more'></a><br />
<h2>何始めるの?</h2>私はゲームが好きです。<br />
プレイするのも好きですが、最近は作るのもとても楽しいです。<br />
ゲームを作れて、遊べて、他の人にも遊んでもらえる。<br />
全く良い時代ですね。<br />
BraveWorkzのゲームに興味を持ってくれた人たちにもぜひゲームをつくる楽しさを感じてほしい!<br />
<br />
と、完全無欠な余計なお世話な思考の結果、新しく連載企画を始めることにしました!<br />
タイトルは「○○ゲームを育成してみんとす!<b>(仮)</b>」!!<br />
<br />
<h2>で、結局何するの?</h2>みんな大好きゲームアプリ開発のためのHTML5 + JavaScript フレームワーク「<a href="http://enchantjs.com/ja/?s=ja" target="_blank" title="enchant.jsの公式サイト">enchant.js</a>」にはライブラリと同梱のサンプルゲームが幾つかついてきます。<br />
このサンプルゲームを素人プログラマーな私が少しづつ改造していき、立派なオリジナルゲームに育てていこうという企画です。<br />
私の勉強にもなって一石二鳥!!<br />
<br />
で、最初のターゲットとして、シューティングゲームのサンプルを選びました。<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_Yw-cH0PtWx7ekVclcs8MraWMV_7JT53CMyZn1ds61jW0VrgOS989pyBAdm2zYBJFlATgPBZm6yn0nj-u9OLurvISrsAbnT9iUMmts9HyKuX6ZdiLMwQgZQOlWdmr1r7UM0DK_W2E7Bg/s1600/cap0010.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_Yw-cH0PtWx7ekVclcs8MraWMV_7JT53CMyZn1ds61jW0VrgOS989pyBAdm2zYBJFlATgPBZm6yn0nj-u9OLurvISrsAbnT9iUMmts9HyKuX6ZdiLMwQgZQOlWdmr1r7UM0DK_W2E7Bg/s400/cap0010.png" width="316" /></a></div><br />
<br />
一番とっつきやすく、尚且つ色んな要素が含まれているジャンルですしね。<br />
なので、次回からしばらくは「<strong>シューティングゲームを育成してみんとす!</strong>」でいきたいと思います。<br />
<br />
<h2>準備をしよう</h2>次回以降、育成をしていくために下準備をします。<br />
具体的には「<a href="http://enchantjs.com/ja/?s=ja" target="_blank" title="enchant.jsの公式サイト">enchant.js</a>」の最新版ダウンロード一式からシューティングゲームのサンプルプログラムを抜き出して<a href="http://jsdo.it/" target="_blank">jsdo.it</a>で動作するようにしておきます。<br />
<br />
まずは「<a href="http://enchantjs.com/ja/?s=ja" target="_blank" title="enchant.jsの公式サイト">enchant.js</a>」の最新版一式をGithubからダウンロードしてきましょう。<br />
<br />
<a href="https://github.com/wise9/enchant.js" title="https://github.com/wise9/enchant.js">https://github.com/wise9/enchant.js</a><br />
<br />
ダウンロードしてきたzipファイルを解凍して「examples\expert\shooting」フォルダを覗くと、index.htmlがあると思います。<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibVQu84-dE_8koKtfLVzaJuepcVTYpYZn7YCYZRzwveRiTpvxQL-xApDFh2qOCLxoFmU3tHwLvZGILiLZzYH9hyphenhyphennmhDJIj9ylLeTjZ2-WkxfczMv1AlEGd-VjIo5Ox90d1ALG-012pFqE/s1600-h/dir-for-shooting15.png"><img alt="dir-for-shooting" border="0" height="364" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNCizmAo4BVbv3-uNCCHb7sbV3NdVRhaezrag3RgmoiUoCctKEn-T5kiNgGsLNNQ84nillNREi6PfwvNR8DPPXZS_lSgNlliavKaFS-JylE3w4vAu2-P5763Nqdn_eCU2y-eC6A54daAo/?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: inline; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="dir-for-shooting" width="650" /></a><br />
<br />
index.htmlの中身を見ると、enchant.js本体以外にui.enchant.jsとnineleap.enchant.jsを使っていることがわかります。<br />
<br />
<pre class="html" name="code"><html>
<head>
<script src="../../../dev/enchant.js" type="text/javascript"></script>
<script src="../../../dev/plugins/nineleap.enchant.js" type="text/javascript"></script>
<script src="../../../dev/plugins/ui.enchant.js" type="text/javascript"></script>
<script src="main.js" type="text/javascript"></script>
<style type="text/css">
body {
margin: 0;
}
</style>
</head>
<body>
</body>
</html>
</pre><br />
jsdo.itで標準で用意されているのはenchant.js本体だけなので、ui.enchant.js、neleap.enchant.jsは別コードとしてアップロードしておくことにします。ついでに使用する画像もアップロードします。<br />
ここで注意しないといけないのは、ui.enchant.js、nineleap.enchant.jsで使用されている画像のパスを全てjsdo.itにアップロードしたファイルのパスに書き換えとかないといけないことですね。<br />
そして、出来上がったのがこちら。<br />
<script src="http://jsdo.it/blogparts/lxp6/js" type="text/javascript"></script><br />
まだサンプルそのままです。<br />
次回からこのコードを育てていこうと思います。 <br />
<br />
完全に思いつきで始めた連載企画なので、今後どんな展開になるかはわかりませんが、よろしければどうぞお付き合いください。 <br />
<br />
それでは~。 <br />
Anonymoushttp://www.blogger.com/profile/08176575127869221603noreply@blogger.com0tag:blogger.com,1999:blog-6170601238990639033.post-9754635610043082502013-01-09T00:30:00.000+09:002013-03-20T15:16:47.331+09:00新年のご挨拶<div>
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9ecEqNydmTn0wCL4CwqOIhfV0ge-WevPXPzasAv6e_g2VL41ZoUlXnwQ4D2Xx7_qYXXJaYRlLOuTZX1FMYws_RESUkATV19IXHv3NU5E36zMLgrLam4YDjNjl6hVV_WmCzVauIllLq0c/s1600/newyear2013.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="208" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9ecEqNydmTn0wCL4CwqOIhfV0ge-WevPXPzasAv6e_g2VL41ZoUlXnwQ4D2Xx7_qYXXJaYRlLOuTZX1FMYws_RESUkATV19IXHv3NU5E36zMLgrLam4YDjNjl6hVV_WmCzVauIllLq0c/s320/newyear2013.png" width="320" /></a></div>
<br />
<br />
<a name='more'></a><br />
<br />
遅くなりましたが、あけましておめでとうございます。gaya_K です。<br />
今年も BraveWorkz をよろしくお願いいたします!<br />
<br />
2011年の研究室メンバーの忘年会(だったかな?)のノリで結成された BraveWorkz は無事に 2013年を迎えることがでいました。<br />
9leapで作品を2つ公開することもできたし、順調だったと思います。<br />
<br />
<br />
<h3>
今年の目標
</h3>
<br />
BraveWorkz としての目標は去年より多く作品をリリースすることですかね。(今勝手に決めました笑)<br />
目指せ 3作リリース!<br />
<br />
<br />
<br />
あと、個人的には TypeScript か Haxe のどちらかで 1作ゲームを作れればなぁと。<br />
私は普段仕事で C# を使った開発をしているので、強い静的型付でバリバリ入力補完してくれる方が好きです。<br />
<br />
C#er なので Mircosoft 製の TypeScript を贔屓にしたいのですが、情報量等を考えると Haxe のほうが優勢ですかね?<br />
<br />
現状、 <strike>Haxe がジェネリックも唯一実装されてるみたいだし。</strike><br />
JSX にもジェネリック実装されているようで。。。<br />
主要な IDE が SharpDevelop ベースなので、 Visual Studio と大差なくつかえそうな気がします。<br />
<br />
<br />
それと、遅筆なのでそれも直すようにしないと。。。<br />
<br />gaya_Khttp://www.blogger.com/profile/01144219247308997422noreply@blogger.com0tag:blogger.com,1999:blog-6170601238990639033.post-42943321063108000842012-12-24T15:51:00.000+09:002013-02-04T22:42:16.670+09:00キャラクター紹介004<div>
こんにちは、Braveです。<br />
<br />
<br />
早いものでこのBraveworkz結成からもうすぐ一年となります。<br />
<br />
なんとか今年中に2個ゲームをリリースできて一安心しています。<br />
<br />
さて、4回目となる今回のキャラクター紹介はこちら。<br />
<br /></div>
<div>
<h2>
<span style="background-color: white;">No.004 プリン</span></h2>
<div>
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5IUzUTKU8KPHLV251ioja68JNTEhT3H2uTmsLpgPN-JsdQIIkNxpdzDGSoHEpopoasHPij7pxmbjOESYwlAx7xtvzK7SG145OaQWVeKB39W7oqZwKIbdp7heN3kLTzOMWFqot_3dvF1HU/s1600/puririn.gif" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5IUzUTKU8KPHLV251ioja68JNTEhT3H2uTmsLpgPN-JsdQIIkNxpdzDGSoHEpopoasHPij7pxmbjOESYwlAx7xtvzK7SG145OaQWVeKB39W7oqZwKIbdp7heN3kLTzOMWFqot_3dvF1HU/s1600/puririn.gif" /></a>ミルクと卵の奇跡の出会い!<br />
とろける甘さでお子様のハートをわしづかみ!<br />
お菓子の定番、そいつの名前は<br />
- プリン -<br />
<br />
<a name='more'></a><br /></div>
</div>
<h2>
<div style="font-size: medium; font-weight: normal;">
<span style="background-color: #ffe599; font-size: large;">■基本データ</span></div>
</h2>
<div style="font-size: medium; font-weight: normal;">
<br /></div>
<div style="font-size: medium; font-weight: normal;">
<span style="background-color: white; color: #262626; font-family: Meiryo, メイリオ, 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 14px; line-height: 26px;">体長:両手に収まるくらい</span><br />
<span style="background-color: white; color: #262626; font-family: Meiryo, メイリオ, 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 14px; line-height: 26px;">重量:お徳用200g</span><br />
<span style="background-color: white; color: #262626; font-family: Meiryo, メイリオ, 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 14px; line-height: 26px;">好物:新鮮な卵、牛乳</span><br />
<span style="background-color: white; color: #262626; font-family: Meiryo, メイリオ, 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 14px; line-height: 26px;">嫌いなもの:ワゴンセール</span></div>
<div style="font-size: medium; font-weight: normal;">
<br /></div>
<h2>
<div style="font-size: medium; font-weight: normal;">
<span style="background-color: #ffe599; font-size: large;">■説明</span></div></h2>
<span style="background-color: #ffe599;"></span><br />
<span style="font-size: small; font-weight: normal;">第二作目の主要?キャラクターのプリンです。</span>
<br />
<div>
実はこのプリン、gaya_k発案のキャラクターです。<br />
ちなみにこれもgaya_kの友達のあだ名が由来だそうで、その辺の話は<br />
後々gaya_kから語られることになるでしょう。<br />
<br />
そこにBraveが悪乗りで亜種をどんどん作成していき、<br />
今では20種類に迫る勢いとなっています。<br />
<br />
2012/12/24現在プリンスイーパーま~さんに出現するには3種類。<br />
のちのちアップデートで種類を増やしていく予定です。<br />
<br />
今回はちょっとだけ他のプリンもお見せしちゃいますよ。<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZtKWN2ZcOQ1nSvLNw1mnDwN_DugvCgUe-pSaZTgKDXCgOH2Yc2VUGfeFcTK7rS2eZXkyOcYU6T6QuRzV6s-IvH6sAAYjKkCBXUTvFfhj83Y4RJvXLZG_97I9uwb6OUOxfskrT86VGOgBz/s1600/01_prin.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZtKWN2ZcOQ1nSvLNw1mnDwN_DugvCgUe-pSaZTgKDXCgOH2Yc2VUGfeFcTK7rS2eZXkyOcYU6T6QuRzV6s-IvH6sAAYjKkCBXUTvFfhj83Y4RJvXLZG_97I9uwb6OUOxfskrT86VGOgBz/s1600/01_prin.png" /></a></div>
プレーンプリン。素朴で飽きのこない味わい。<br />
トッピングであなた色に染めてね。<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlhA9iC_sHu9ZndyadxQqFagLTy5YWiwDrrxvdQJHWbqT-15Koy28SLIOIVjRB5BjBYV-NjrhSnaOOoqAxitmkc4E1VtuOHX2mqi_6fzFvkJzQNxOpqOmTzsNRkDLDdSjhEb8kNxbm98r9/s1600/02_cafe.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlhA9iC_sHu9ZndyadxQqFagLTy5YWiwDrrxvdQJHWbqT-15Koy28SLIOIVjRB5BjBYV-NjrhSnaOOoqAxitmkc4E1VtuOHX2mqi_6fzFvkJzQNxOpqOmTzsNRkDLDdSjhEb8kNxbm98r9/s1600/02_cafe.png" /></a>コーヒープリン。大人にあこがれたブラック仕様。<br />
お腹の中まで真っ黒。<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgr2PXpmbhIIke65MjArHSlAs48odgwQNe1Mdu91kkykzqPkgPrakG7AJCL86OYIufRWoD20b70gSMFQb8msUZ_xfy-2Mhbyj7m_YTw7Zw3oMX9IRStYz0frldvZKwbKdpvyIb4EiEf8WR5/s1600/03_caramerize.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgr2PXpmbhIIke65MjArHSlAs48odgwQNe1Mdu91kkykzqPkgPrakG7AJCL86OYIufRWoD20b70gSMFQb8msUZ_xfy-2Mhbyj7m_YTw7Zw3oMX9IRStYz0frldvZKwbKdpvyIb4EiEf8WR5/s1600/03_caramerize.png" /></a></div>
みんなのアイドル、カラメリーゼちゃん。赤いリボンと<br />
パッチリおめめがチャームポイント。<br />
<br />
コーヒープリン団にさらわれたカラメリーゼをプレーンプリンの勇者が助けに行くのは<br />
また別のお話…<br />
<br />
プリンスィーパーに登場するプリンたちはこちら<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEHcmKGrCHwbE92xQgnDVye1990-TeogflboQcqoufPKI0MgNsXOY4XFVcbY50EVpjkDSChwsI0vGDEb89ixI3whry1v-9mU54iEZUcPJDcS9Ykuxs6qCeHoI24gSRYJvaldSCKMySWnSD/s1600/05_alamode.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"></a><br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMrw02grqRj7ql563WdCKXZsxHqoSXzfEs9tafQC5Ps_Ljn8qX0a1e6EdFraoPQoaOatsYmrr-gpaFyW948aAteFwq3HP6e0-TBqiCyOhSgc_MdlopamG_r78ycDujw5pYw4c3IY633f33/s1600/04_G.tea.png" imageanchor="1" style="clear: left; display: inline !important; float: left; margin-bottom: 1em; margin-right: 1em; text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMrw02grqRj7ql563WdCKXZsxHqoSXzfEs9tafQC5Ps_Ljn8qX0a1e6EdFraoPQoaOatsYmrr-gpaFyW948aAteFwq3HP6e0-TBqiCyOhSgc_MdlopamG_r78ycDujw5pYw4c3IY633f33/s1600/04_G.tea.png" /></a></div>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEHcmKGrCHwbE92xQgnDVye1990-TeogflboQcqoufPKI0MgNsXOY4XFVcbY50EVpjkDSChwsI0vGDEb89ixI3whry1v-9mU54iEZUcPJDcS9Ykuxs6qCeHoI24gSRYJvaldSCKMySWnSD/s1600/05_alamode.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEHcmKGrCHwbE92xQgnDVye1990-TeogflboQcqoufPKI0MgNsXOY4XFVcbY50EVpjkDSChwsI0vGDEb89ixI3whry1v-9mU54iEZUcPJDcS9Ykuxs6qCeHoI24gSRYJvaldSCKMySWnSD/s1600/05_alamode.png" /></a><br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMrw02grqRj7ql563WdCKXZsxHqoSXzfEs9tafQC5Ps_Ljn8qX0a1e6EdFraoPQoaOatsYmrr-gpaFyW948aAteFwq3HP6e0-TBqiCyOhSgc_MdlopamG_r78ycDujw5pYw4c3IY633f33/s1600/04_G.tea.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><br /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMrw02grqRj7ql563WdCKXZsxHqoSXzfEs9tafQC5Ps_Ljn8qX0a1e6EdFraoPQoaOatsYmrr-gpaFyW948aAteFwq3HP6e0-TBqiCyOhSgc_MdlopamG_r78ycDujw5pYw4c3IY633f33/s1600/04_G.tea.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><br /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMrw02grqRj7ql563WdCKXZsxHqoSXzfEs9tafQC5Ps_Ljn8qX0a1e6EdFraoPQoaOatsYmrr-gpaFyW948aAteFwq3HP6e0-TBqiCyOhSgc_MdlopamG_r78ycDujw5pYw4c3IY633f33/s1600/04_G.tea.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><br /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMrw02grqRj7ql563WdCKXZsxHqoSXzfEs9tafQC5Ps_Ljn8qX0a1e6EdFraoPQoaOatsYmrr-gpaFyW948aAteFwq3HP6e0-TBqiCyOhSgc_MdlopamG_r78ycDujw5pYw4c3IY633f33/s1600/04_G.tea.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><br /></a>抹茶プリン。大人の渋み溢れる逸品。ヒゲ?いやいやクリームでしょ?<br />
<br />
<div>
アラモード。生クリームとチェリーで女子受けを狙ったあざといプリン。</div>
<div>
ただしカロリーにまでは気がまわらなかった。</div>
<div>
<br /></div>
<div>
<br /></div>
<div>
ちなみにBraveはプリンよりゼリー派。</div>
</div>Bravehttp://www.blogger.com/profile/06483131330200952001noreply@blogger.com0tag:blogger.com,1999:blog-6170601238990639033.post-39501539481702599962012-12-09T13:30:00.000+09:002013-09-16T11:52:53.123+09:00新作公開!プリンスイーパー ま~さん!<div>こんにちは。<a href="https://twitter.com/pon_zu" target="_blank" title="pon_zuのtwutter">pon_zu</a>です。<br />
ついに!ついに!ついにっ!!このご報告ができます!</div><div>Brave workzの新作ゲームを公開しました!</div><div>その名も、<strong><span style="color: black; font-size: small;"><a href="http://9leap.net/games/2717" target="_blank" title="「プリンスイーパー ま~さん!」">「プリンスイーパー ま~さん!」</a></span></strong>です。</div><div><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglLaxBQZiPSkYsH-d0Yld6J65tr_3p4S5NPSjo3lslk0hI3ZtPDbJ1hADq0_saRlWVqzgLxmlzv1JilNhN7DfEF5UQxKmFso2KBu-3HErFvg7-VoPd_HN_YOJRquijRXVtocUDNufyK0E/s1600-h/cap0035%25255B3%25255D.jpg"><img alt="cap0035" border="0" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCx13AGQjoVqOHwQj-02pBOPOQP9Jk728woi__LMhVE6-TifH4-pKynSt0gkFBFwGQbQ72vcauxfrX-2CMkEDWJIofMYUlgNY1f6Aou1E9CvSWYZ7_0dwzq8fH_AiGVPU5rGbJ0B7bG00/?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: inline; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="cap0035" width="237"></a></div><div>スマホでもPCでも遊べますので、ぜひ遊んでみてください!</div><div>今週は新作の内容と高得点を稼ぐためのコツをご紹介します!</div><div class="separator" style="clear: both; text-align: center;"><br />
</div><a name="more"></a><h2>概要</h2>「ま~さん」三兄弟を操作して増え続ける「プリン」を倒し(食べ?)続けるゲームです。<br />
制限時間は90秒!果たしてあなたは何体倒せるか!?<br />
<br />
前作の「<a href="http://9leap.net/games/1673" target="_blank" title="一毛打尽">一“毛”打尽</a>」でも活躍した<a href="http://brave-workz.blogspot.jp/2012/10/001.html" target="_blank">ま~さん</a>が今回も活躍してくれます。<br />
<br />
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-i_wQhPwFSixwPDtZgZ2Y2Dhs0tiq-WS4_Bl_U014nT3shBldl28-dX0Y8XJIabkPks2hicGvD4m2vJ5_aDW0rANzgQ1pmdChC8Z3Cm7CAmeeFtClc7N3j0IHKZ_R1shIKe5z-3FOc9AW/s1600/Manime.gif"><br />
<br />
今回は赤色と青色のバリエーションが登場です。生みの親である<a href="https://twitter.com/BrvFlame" target="_blank">Brave</a>くん曰く「ま~さんというのは種族名」とのことですが……ゲームの設定やストーリーに関しては次回以降の記事で明かされると思います。<br />
<br />
<h2>ルール</h2>ゲームのスタート画面でも小さく表示されますが「プリン」の種類によって倒した時の効果が異なります。<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7Y6hEJmDrI5VZNL9dPJqg1Rlvaw5kysjDce-8YWWAYynmrdLvCiIUuMa5EyrOI9R1TuglmP7G7Ux_6fEcCPjMtzROMppv9FHQeRpxvTZ3mq2bNdTs5Q4Ipl6YQ5eANx_YZq1eHf3rtSI/s1600-h/cap0000%25255B3%25255D.jpg"><img alt="cap0000" border="0" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5qqc8eQ2UtKhoFD2N84ZDzehyuwCAJkqgrRwzCrvdsXq19ombdP3fxjy1kaD5ONz2MSSrQCDM7FIXf68tFEuUNaJt2EoWJGV19O4TJkF-oAwJzax8aRNnI6MniiAKN5TwKfy94rjQ9aI/?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: inline; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="cap0000" width="237"></a><br />
<br />
<ul><li>プレーンプリン:10点<br />
</li>
<li>抹茶プリン:制限時間3秒加算<br />
</li>
<li>プリンアラモード:「ま~さん」巨大化</li>
</ul>1体の「ま~さん」で多くのプリンを倒したほうが高い得点が得られます。 <br />
<br />
<h2>操作方法</h2>画面タップ:「ま~さん」発射 ※タップした位置によって発射方向が変化します。<br />
※「ま~さん」は3体まで連続で発射できます。 <br />
<br />
<h2>攻略法</h2>攻略法について、Braveくんがこんなつぶやきをしていました。<br />
<blockquote class="twitter-tweet" lang="ja"><p>アラモード4個くらい取るとモリモリ食べれてて爽快ですね。 / SCORE: 5800 - プリンスイーパーま~さん! <a href="http://t.co/ttxi3mQg" title="http://9leap.net/games/2717/">9leap.net/games/2717/</a> <a href="https://twitter.com/search/%239leap">#9leap</a> <a href="https://twitter.com/search/%239leap_2717">#9leap_2717</a></p>— wadaさん (@BrvFlame) <a href="https://twitter.com/BrvFlame/status/277411938911272962" data-datetime="2012-12-08T13:58:54+00:00">12月 8, 2012</a></blockquote><script src="//platform.twitter.com/widgets.js" charset="utf-8"></script><br />
ゲーム中、たまにクリームとさくらんぼがのった「プリンアラモード」が出現します。<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9iMs-JK5maHh0gmQ3Orpul6dp-74H0VrksAd47Am4kxyEvlDZ2Kqix8CgKjtZyK4yYAlUzJsOPbi5WiKXhue_XzcmHDyLsspeA73-SXlPpsxIh76eIpZ-c9tS5UU3ClFNSGHZ_BIrJJ8/s1600-h/cap0047%25255B3%25255D.jpg"><img alt="cap0047" border="0" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMN4ElK-oE8oFcx9ZM24jME9IKexoBasEp52I7qDUvAdX4-z14vmBffm6Xa4q2N42IIJSVaXtYH6AqQ8L5hSC-3SwC37fKW4OcytGLK8e0oYFPrVNh7OA-SfwKKQmyK0Dzts-qdu1rsa0/?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: inline; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="cap0047" width="237"></a><br />
<br />
これを倒すと… <br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPJWPEuRsqzwlZDYsAhAdMtLrszpYznv6iJcqbYzUw5_o_nZnLwnZDYMI9vR1OoTqLRqHlRSYiFPbeiEpsxr7mg9tXynd49g6mLFA9ovRAHygigIwlg5wn_facK4MK76Rq6o_eQL9d_7c/s1600-h/cap0050%25255B3%25255D.jpg"><img alt="cap0050" border="0" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvRYkUzwoNsGmOqlHR4L7BFyPJQn9IhJ1a9EGyHnhXwdB_59WRTkIHeZud8eg5g0ca4oJ1BVf6E93rqoaNbVM_Qu742x9s0x17IKDDww9BkBCTG9e2oHiwTYnKva8hdT0eHRUPl7FQaJs/?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: inline; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="cap0050" width="237"></a><br />
<br />
でかっ!<br />
「ま~さん」が巨大化し、多くの「プリン」を一気に倒せるようになります。<br />
この巨大化した「ま~さん」を大事に使ってあげれば一気に高得点をゲットできるはず!<br />
<br />
<br />
<h3>最後に</h3>新作<strong><span style="color: black; font-size: small;"><a href="http://9leap.net/games/2717" target="_blank" title="「プリンスイーパー">「プリンスイーパー ま~さん!」</a></span></strong> 。<br />
BraveWorkzメンバ全員で楽しい要素を盛り込みました。<br />
今後も追加要素をアップデートもできたらいいなーとか企んでいたりしますので、ぜひぜひ遊んでみてくださいね!<br />
<script src="http://9leap.net/games/2717/embed.js" type="text/javascript"></script><div id="gameFrameWrapper"></div>スマホの方は<a href="http://r.jsgames.jp/games/2717/" target="_blank">こちら</a>からどうぞ。 Anonymoushttp://www.blogger.com/profile/08176575127869221603noreply@blogger.com0tag:blogger.com,1999:blog-6170601238990639033.post-41946622136395517222012-12-02T00:39:00.000+09:002012-12-02T00:43:31.688+09:00開発環境などなど その3 お絵描き編<div>
どうも gaya_K です。<br />
<br />
最近風邪をひいて咳が止まりません。<br />
先週末は飲み会等でタバコを吸う方数人に囲まれて余計に悪化してしまいました。<br />
あ、BraveWorkz は誰もタバコを吸わない健全な集団ですよ(笑)<br />
<br />
さてさて今回はお絵かき編です。<br />
<br /></div>
<a name='more'></a><h2>
開発環境紹介</h2>
<h3>
ドット絵(ラスター画像)</h3>
<div>
ドット絵とはお馴染みの一つ一つ点を打っていく絵のことです。<br />
BraveWorkz で作っているゲームのキャラクターや背景は基本的にドット絵です。<br />
<br />
グラフィック担当 Brave君の得意分野でもあります。<br />
<br class="Apple-interchange-newline" />
<br />
ツールは <a href="http://takabosoft.com/edge" target="_blank">Edge</a> というものを使っています。<br />
Edge は古くからある編集ソフトで、シンプルながら十分な機能を揃えています。<br />
こういう長く使われるソフトウェアを作ってみたいですね!<br />
<br />
下の画像は次のゲームで使用する ま~さん の画像を Edge で編集しているところです。<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh66VcdQ71dFz_v6qgryCBCk19wjDmE-9RmfirLJVtlJZjgd0jsu7z8NgFSmGib16LYMSTdbN9Vt-wRa0ANKdik9ARqCcRHulFLKnmubt4X1V9jLQWPFm9l3ulWXvpReoFtGuH6PbbdvqE/s1600/edge.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="284" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh66VcdQ71dFz_v6qgryCBCk19wjDmE-9RmfirLJVtlJZjgd0jsu7z8NgFSmGib16LYMSTdbN9Vt-wRa0ANKdik9ARqCcRHulFLKnmubt4X1V9jLQWPFm9l3ulWXvpReoFtGuH6PbbdvqE/s320/edge.png" width="320" /></a></div>
<br />
<br />
<h3>
ベクター画像</h3>
<div>
ベクター画像とはラスター画像と違い、拡大/縮小しても情報が失われない画像のことです。<br />
ゲームではあまり使っていませんが、 BraveWorkz を結成するにあたりロゴを作ったりするのに使用しました。<br />
<br />
こちらは <a href="http://inkscape.org/index.php?lang=ja" target="_blank">Inkscape</a> を使っています。<br />
非常に高機能で、お金をとってもいいくらいです。<br />
こういうソフトを使ってみると、IT業界はこういったオープンソースコミュニティの善意で成り立ってる部分が多いなと実感します。<br />
感謝して使わなければいけませんね!<br />
<br />
下の画像は BraveWorkz のロゴを Inkscape で編集しているところです。</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhF3CL-c37ga5mZFYmPm2_vCVG6tbA95jrq0KOMxbWKImSngbfr3dEm4X5COf1tQFMw0Nb2IDW4LBjp3Aq3jlUA0RhmMpwfyoCVWEZljiDqrY2kr6t-Uv81ZY2DN1EtgJlj7ByB45Z9yEo/s1600/inkscape.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><br class="Apple-interchange-newline" /><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhF3CL-c37ga5mZFYmPm2_vCVG6tbA95jrq0KOMxbWKImSngbfr3dEm4X5COf1tQFMw0Nb2IDW4LBjp3Aq3jlUA0RhmMpwfyoCVWEZljiDqrY2kr6t-Uv81ZY2DN1EtgJlj7ByB45Z9yEo/s320/inkscape.png" width="318" /></a></div>
<br class="Apple-interchange-newline" /></div>
<h2>
開発中のゲームの話</h2>
<div>
先週末に定期ミーティングを行い、Ver. 1.0 として公開できるレベルまで持っていけたと思います。<br />
あとちょっとです!<br />
<br /></div>
gaya_Khttp://www.blogger.com/profile/01144219247308997422noreply@blogger.com0tag:blogger.com,1999:blog-6170601238990639033.post-16137904024593895062012-11-17T16:01:00.000+09:002012-12-02T00:40:08.721+09:00キャラクター紹介003こんにちは、Braveです。<br />
<br />
早いもので今年もあと一ヶ月と少しですね。<br />
新作も早く出さないと...<br />
<br />
<h2>
<span style="background-color: white;">No.003 ヤマト</span></h2>
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCjA3kXVSmhzc65OkM1zedZT7SGMQpz8TzKgPmACp0WEYX9enGbWWEca06AkGAAYsswF8voaulNfCal_hiZXS6HzN9MRhRyUWKqVrF6GrtF77nwbGQpdnG3b51CtE22k75XVjiOaLDcExh/s1600/nekoatack1.gif" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCjA3kXVSmhzc65OkM1zedZT7SGMQpz8TzKgPmACp0WEYX9enGbWWEca06AkGAAYsswF8voaulNfCal_hiZXS6HzN9MRhRyUWKqVrF6GrtF77nwbGQpdnG3b51CtE22k75XVjiOaLDcExh/s1600/nekoatack1.gif" /></a>幸運の象徴、黒猫さん。しゃべったり白猫の奥さんがいたりはしない。<br />
ま~さんにアイス(ふたの裏についたやつ)をもらって以来近くをうろつく様になった。<br />
ヤマトだから黒猫なのか。黒猫だからヤマトなのか。<br />
<br />
<span style="background-color: #ffe599; font-size: large;"></span><br />
<a name='more'></a><span style="background-color: #ffe599; font-size: large;"><br /></span><span style="background-color: #ffe599; font-size: large;">■基本データ</span><br />
<br />
<div>
<span style="background-color: white; color: #262626; font-family: Meiryo, メイリオ, 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 14px; line-height: 26px;">体長:通常の倍ぐらい</span><br />
<span style="background-color: white; color: #262626; font-family: Meiryo, メイリオ, 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 14px; line-height: 26px;">重量:重い</span><br />
<span style="background-color: white; color: #262626; font-family: Meiryo, メイリオ, 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 14px; line-height: 26px;">好物:毛玉</span><br />
<span style="background-color: white; color: #262626; font-family: Meiryo, メイリオ, 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 14px; line-height: 26px;">嫌いなもの:サンマ</span></div>
<br />
<span style="background-color: #ffe599; font-size: large;">■説明</span><br />
<br />
bravewave時代に作成した激走ま~さんにて初登場。<br />
ゲーム内では登場しないと説明に書かれていたが、あることをすると操作キャラになる。<br />
実はま~さん以外のキャラで操作ができる初のキャラクターでもあります。<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgyP3KwFXqhSPVWqVK1Mgwo2c0DXYOTnSHxJgXlDHT2cURpKWdtDsqVXdZnWwq1EsELuPLnK6m5AH4RsEFBpSqqsGOsSy10hn63jf10OCFjyKeGuRhnP17q8hM1X3trFwL9UjOeIQXPZmI/s1600/yamato2_ani.gif" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgyP3KwFXqhSPVWqVK1Mgwo2c0DXYOTnSHxJgXlDHT2cURpKWdtDsqVXdZnWwq1EsELuPLnK6m5AH4RsEFBpSqqsGOsSy10hn63jf10OCFjyKeGuRhnP17q8hM1X3trFwL9UjOeIQXPZmI/s1600/yamato2_ani.gif" /></a>ヤマトの走るアニメーションはなかなか気に入ってたりもします。<br />
<br />
<br />
※ちなみにジャンプモーションは前宙していると思いきやよく見ると<br />
側宙をしているのはナイショ。決して手を抜いたわけではない。<br />
<br />
ちなみにドット絵に関してですが、Braveは特に絵を習ったことはないので適当に描いています。<br />
パースがなんだとか影の付け具合がなんだとかは二の次です。<br />
らしく見えることをモットーとして描いていますので、温かい目で見守ってください。<br />
<div>
<br /></div>
<br />
<br />
<br />
<br />
<div>
</div>
Bravehttp://www.blogger.com/profile/06483131330200952001noreply@blogger.com0tag:blogger.com,1999:blog-6170601238990639033.post-15128477941915677152012-11-10T20:04:00.001+09:002012-11-10T20:04:37.868+09:00プログラムで遊ぼう!:enchant.jsでゲームアプリを作るときに見ておきたい5つの記事<p>こんにちは、Windows Live Writerを使い始めてみた<a title="pon_zuのtwutter" href="https://twitter.com/pon_zu" target="_blank">pon_zu</a>です。<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiNOzWy6Q-xrZW0mYbnuMix2to42CJnrlRgp1pBiFO1WqqEGFWx9ElNjjvDFaQF6VfJCRSZG_zi_5HwaGAhavPJjUbSTmS6Gm630NLRfds9F2JuLbQqN3IvEH3soXB2Di5mH3_rgVQlQg/s1600-h/enchant%25255B2%25255D.png"><img style="background-image: none; border-bottom: 0px; border-left: 0px; padding-left: 0px; padding-right: 0px; display: inline; border-top: 0px; border-right: 0px; padding-top: 0px" title="enchant" border="0" alt="enchant" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCG1Rt11AtdfCmYtC1pUmN-Vbna98TjBC5WVwEqHviSgCRQeKnIgy4xotAHaC8zTyxMtxbDqEgK-m2TwsBSh9Du2ad3RgYwB3beIbZCjeXfZhWj5QqMn-3ha_sJsYEp3cTJGv5Nc7MnoU/?imgmax=800" width="240" height="240"></a> <br />
失礼ながらあまり期待していなかったのですが、結構快適で良い感じですね。しばらく使い続けてみようと思います。<br />
<span style="font-size: xx-small"><p>タグが生成されまくるので、ちょっとソースの整形をしたくなりますが…</span><br />
さて、最近twitterのタイムライン見てると「これから<a title="enchant.jsの公式サイト" href="http://enchantjs.com/ja/?s=ja" target="_blank">enchant.js</a>を使ってみる!」という人も増えてるみたいなので、どちらかと言うとenchant.jsをこれから使おうとしている人向け<a title="enchant.jsの公式サイト" href="http://enchantjs.com/ja/?s=ja" target="_blank">enchant.js</a>に関するブログ、動画、発表資料を集めてみました。</p><p>どれも私のEvernoteにクリップされてたものなんですが、今回この記事を書くにあたって見直してみて、改めて勉強になりました。</p><a name='more'></a><br />
<h2><a href="http://www.slideshare.net/sidestepism/cedec2012-javascript" target="_blank">1.「#CEDEC2012 JavaScriptベースゲームエンジン徹底比較」</a></h2><iframe style="border-bottom: #ccc 0px solid; border-left: #ccc 1px solid; margin-bottom: 5px; border-top: #ccc 1px solid; border-right: #ccc 1px solid" height="486" marginheight="0" src="http://www.slideshare.net/slideshow/embed_code/14024936" frameborder="0" width="597" marginwidth="0" scrolling="no" webkitallowfullscreen="webkitallowfullscreen" mozallowfullscreen="mozallowfullscreen" allowfullscreen="allowfullscreen"> </iframe><br />
<div style="margin-bottom: 5px"><strong><a title="#CEDEC2012 JavaScriptベースゲームエンジン徹底比較" href="http://www.slideshare.net/sidestepism/cedec2012-javascript" target="_blank">#CEDEC2012 JavaScriptベースゲームエンジン徹底比較</a> </strong>from <strong><a href="http://www.slideshare.net/sidestepism" target="_blank">Ryohei Fushimi</a></strong> </div><p>enchant.jsを含めたJavascriptベースのゲームエンジンの比較をしてくれている資料です。<br />
<br />
enchant.jsはHTML5+Javascriptでのゲームアプリ開発を行う上で、非常に素晴らしいゲームエンジンですが、唯一絶対の選択肢ではありません。これからenchant.jsを使ってみようという人には、いきなり出鼻をくじくようですが、enchant.jsの特長を理解した上で、「自分の作りたいもの」と照らしあわせて使用を検討したほうがいいと思います。<br />
</p><br />
<h2><a href="http://www.youtube.com/watch?v=mxZlbGEgsOQ" target="_blank">2. 「enchant.jsで10分間でシューティングゲームを作る!」</a></h2><p><iframe height="360" src="http://www.youtube.com/embed/mxZlbGEgsOQ" frameborder="0" width="480" allowfullscreen="allowfullscreen"></iframe><br />
<span style="font-weight: normal">enchant.js関連の動画としては非常に有名な、UEIのCEO<a href="https://twitter.com/shi3z" target="_blank">shi3z</a>さんによるプログラミング動画です。</span></p><span style="font-weight: normal"></span> <p><br />
<span style="font-weight: normal">私はこの動画を見て、「ゲームプログラミングは難しい」という既成概念を破壊されました(笑)。</span><br />
<span style="font-weight: normal">動画内で作成されているのは非常にシンプルなシューティングゲームですが、ここまでゲームの骨組みができてしまえば、グラフィックやアイテムを追加することでオリジナルゲームができてしまう訳で。<br />
</span></p><p><span style="font-weight: normal">これからenchant.jsをはじめる人はまずはこの動画を見てモチベーションを上げましょう</span><span style="font-weight: normal">。</span><br />
<span style="font-weight: normal">プログラム初心者の方でも</span><span style="font-weight: normal">「よく分からないけどenchant.js凄いなー」と実感できると思います。</span><br />
<br />
</p><h2><a href="http://tmlife.net/programming/javascript/enchant-js-100-tips.html" target="_blank">3.「enchant.js 怒涛の 100 tips」</a></h2><p><div style="padding-bottom: 10px; margin: 0px; padding-left: 10px; padding-right: 10px; display: inline; float: none; padding-top: 10px" id="scid:798E96FB-0CC9-4229-BE18-6AA02762E1C3:0bf87812-3cbc-4f73-aca2-6d7e5608473a" class="wlWriterEditableSmartContent"><a href="http://tmlife.net/programming/javascript/enchant-js-100-tips.html" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4xbgTo_Xzvj9doOXIIii2YJyO0-eU24H2YkiKPg71anLWYDIOQoysFhVKBQrEUx0IvEVzIGfsow14tdXJzRZqfAV1qXtTk4Mn0DVyKiNNSg6El9ys7vTJPK0047zblPmJebyBc6w5G6g/?imgmax=800" width="300" height="200" /><br />
enchant.js 怒涛の 100 tips</a></div></p><p><span style="font-weight: normal">これまた有名な記事ですが、enchant.jsの本も執筆されている<a href="https://twitter.com/phi_jp" target="_blank">phi</a>さんのブログです</span><span style="font-weight: normal">。</span></p><p><span style="font-weight: normal"></span> </p><p><span style="font-weight: normal">enchant.jsの基本から簡単なゲームを作るところまで解説されています。<br />
コードは<a href="http://jsdo.it/" target="_blank">jsdo.it</a>で公開されているので、この記事を読みながら勉強していく方はアカウントを作成しておくといいと思います。</span><br />
</p><p>プログラミングしててハマった時にこの記事見て復習したりしてます。<br />
<br />
</p><h2><a href="http://www.slideshare.net/sidestepism/enchantjs-meetup-tokyo-2-enchantjs" target="_blank">4. 「enchant.js でゲームを作るコツ」</a></h2><iframe style="border-bottom: #ccc 0px solid; border-left: #ccc 1px solid; margin-bottom: 5px; border-top: #ccc 1px solid; border-right: #ccc 1px solid" height="421" marginheight="0" src="http://www.slideshare.net/slideshow/embed_code/12626950" frameborder="0" width="512" marginwidth="0" scrolling="no" webkitallowfullscreen="webkitallowfullscreen" mozallowfullscreen="mozallowfullscreen" allowfullscreen="allowfullscreen"> </iframe> <div style="margin-bottom: 5px"><strong><a title="enchant.js meetup Tokyo #2 「enchant.js でゲームを作るコツ」" href="http://www.slideshare.net/sidestepism/enchantjs-meetup-tokyo-2-enchantjs" target="_blank">enchant.js meetup Tokyo #2 「enchant.js でゲームを作るコツ」</a> </strong>from <strong><a href="http://www.slideshare.net/sidestepism" target="_blank">Ryohei Fushimi</a></strong> </div><p><a href="https://twitter.com/phi_jp" target="_blank">phi</a>さんの記事を読めば、enchant.jsでゲームアプリを開発するのに必要なプログラミングの知識は習得できます。</p><p>では、あとゲーム開発で大切なのは……という資料です。難しいですね。<br />
<br />
</p><h2><a href="http://wise9.github.com/enchant.js/doc/core/ja/index.html" target="_blank">5.公式ドキュメント</a></h2><p><div style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; display: inline; float: left; padding-top: 0px" id="scid:798E96FB-0CC9-4229-BE18-6AA02762E1C3:fc1498a9-6695-4964-ad34-76c290ac3f8b" class="wlWriterEditableSmartContent"><a href="http://wise9.github.com/enchant.js/doc/core/ja/index.html" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUKiHuCMkv7FerjOXrEyLfA9GC3kUkm8ApmbuYLzuw0LRXU3yoWW1TqlY4sB3pACAnC7YjLfTDfTm1I3kXG38G2u6xQHtRWQV57Ge7hBC1DqiOa2XDFvFvExthsSR3_iO83h02XepoIKE/?imgmax=800" width="300" height="200" /><br />
公式ドキュメント(基本機能)</a></div></p><p><div style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; display: inline; float: none; padding-top: 0px" id="scid:798E96FB-0CC9-4229-BE18-6AA02762E1C3:c1102ef8-301e-4ee9-b623-7e797734c4a4" class="wlWriterEditableSmartContent"><a href="http://wise9.github.com/enchant.js/doc/plugins/ja/index.html" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEG-QXfsY6Z7L2X9Gs0qmbwOCyry_iZWzDgb6CrhJbmeUJj2Hfq4eWHsy2zd9cKVNjR7fvmcPDUQXxNa7bKLxG1DGHYvbtfydEeMW6CyYqWxVaCkwcVlPiAlfkMngLzuw3UGRzocO9af4/?imgmax=800" width="300" height="200" /><br />
公式ドキュメント(プラグイン機能)</a></div></p><p>見出しの通り、Githubで公開されているenchant.jsの公式ドキュメントです。<br />
<br />
最後に公式ドキュメントを持ってくるのはどうかという話もありますが、私は非常によくお世話になります。<br />
</p><p>ある程度プログラミングの経験がある人なら、公式ドキュメントとソースコードのコメントを読むのが一番勉強になるんじゃないでしょうか。<br />
enchant.jsはすごいスピードで進化しているので個人ブログに投稿されている記事だと情報が古くなっている場合もありますしね。<br />
</p><br />
<h2>次回作の話</h2>次回作についてはちょっと前からこのブログで触れてますが、現在レベリングの最中です。<br />
早めに公開できるようにがんばるぞー Anonymoushttp://www.blogger.com/profile/08176575127869221603noreply@blogger.com0tag:blogger.com,1999:blog-6170601238990639033.post-20496815729274935402012-11-04T11:14:00.000+09:002012-11-07T22:09:52.724+09:00開発環境などなど その2 企画編<div>
どうも、gaya_Kです。<br />
<br />
前回に続いてどんなツールを使っているか説明していきます。<br />
Dropbox を使ってファイルを共有することができるので、今度はそれを使ってゲームの企画を共有していきます。<br />
<br /></div>
<a name='more'></a><h2>
開発環境紹介</h2>
<h3>
ブレーンストーミング</h3>
<div>
、、、というほどのことはしていないかもしれませんが。<br />
<br />
ゲームの企画は、主に Brave君が溜め込んだアイデアから「これをやってみよう!」と選んで決め、そこから少しずつ詳細を詰めて行きます。<br />
<br />
議論自体は定期的なミーティングやチャットで行いますが、そこでまとまったアイデアを記録していく時にマインドマップツールの一つ <a href="http://freemind.asia/index.html" target="_blank">FreeMind</a> を使っています。<br />
<br />
マインドマップとは。。。<br />
<a href="http://ja.wikipedia.org/wiki/%E3%83%9E%E3%82%A4%E3%83%B3%E3%83%89%E3%83%9E%E3%83%83%E3%83%97" target="_blank">http://ja.wikipedia.org/wiki/%E3%83%9E%E3%82%A4%E3%83%B3%E3%83%89%E3%83%9E%E3%83%83%E3%83%97</a><br />
<blockquote class="tr_bq">
マインドマップはトニー・ブザン(Tony Buzan)が提唱した思考・発想法の一つ。頭の中で起こっていることを目に見えるようにした思考ツールのこと。<br />
(中略)<br />
描き方は、表現したい概念の中心となるキーワードやイメージを中央に置き、そこから放射状にキーワードやイメージを広げ、つなげていく。<br />
(中略)<br />
本来は紙とペンで描くものだが、コンピュータ上で描くための専用ソフトウェアもいくつかある。</blockquote>
本来の使い方とは違って、マインドマップというよりはアイデアマップという感じですかね。<br />
しかし、アイデアが階層的に視覚化されて見やすいのでおすすめです。<br />
私は業務でも打ち合わせ中にプロジェクターで表示しながら使ったりします。<br />
<br />
下の画像は <a href="http://brave-workz.blogspot.jp/2012/05/blog-post.html" target="_blank">「一“毛”打尽」</a> で使用した FreeMind のスクリーンショットです。<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgP8nMDMR2ySCDsRfTT4XTRh0vmRqaaALKwZ0qCwh9sLj0SZEG_yggep8_iH98ygiX7xa3QHlgT9PzzoKK4wItOqH6Ev9vqHUS2a2b_kRE1qqPlfrTUj-2Ku2sp8cDiyWFColE_mXLN4Go/s1600/freemind.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="197" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgP8nMDMR2ySCDsRfTT4XTRh0vmRqaaALKwZ0qCwh9sLj0SZEG_yggep8_iH98ygiX7xa3QHlgT9PzzoKK4wItOqH6Ev9vqHUS2a2b_kRE1qqPlfrTUj-2Ku2sp8cDiyWFColE_mXLN4Go/s320/freemind.PNG" width="320" /></a></div>
<br />
これを DropBox 上で共有して、チームみんなで編集しています。<br />
FreeMind はこの手のソフトの中でも老舗なので、スマホのマインドマッピングアプリでも表示・編集が可能なので便利ですよ。<br />
<br /></div>
<h2>
</h2>
<h2>
開発中のゲームの話</h2>
<div>
「まーさんボール」も少しずつ形になっています。<br />
ただ、私の JavaScript に対する知識不足があったりしてつまずいていました。<br />
実行するまでわからない点が多いのはスクリプ言語の難しいところですね。<br />
そういった部分を解決してくれる heXe や TypeScript の今後にはかなり期待しています!<br />
<br /></div>
gaya_Khttp://www.blogger.com/profile/01144219247308997422noreply@blogger.com0tag:blogger.com,1999:blog-6170601238990639033.post-7771496225455206292012-10-27T01:15:00.000+09:002012-12-02T00:40:21.493+09:00キャラクター紹介002<br />
<br />
こんにちは、Braveです。<br />
他二人はなんだか難しい話をしているのでゆるめにキャラ紹介第二段です。<br />
<br />
<h2>
<span style="background-color: white;">No.002 謎の男</span></h2>
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIY8BqwAwALp1SL7nK28EeeMtPZmIno3CW1sjOWomrbK7XSX9ce6MCpguHkO2BmNGul8MAjYWPZItbl9rpqU8H1A7y_ruHl-hAJj0cKhuhOAnEBIpJOr7oVrSmeheAMBTTVDERgY75Ig0R/s1600/nazoo.gif" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIY8BqwAwALp1SL7nK28EeeMtPZmIno3CW1sjOWomrbK7XSX9ce6MCpguHkO2BmNGul8MAjYWPZItbl9rpqU8H1A7y_ruHl-hAJj0cKhuhOAnEBIpJOr7oVrSmeheAMBTTVDERgY75Ig0R/s1600/nazoo.gif" /></a>お金のために色々と怪しいビジネスをしている。<br />
自分の手を汚さずに儲けることが信条。<br />
最近、<strike>カモ</strike> ビジネスパートナーとして変な丸い生物を見つけたらしい。<br />
<span style="background-color: #ffe599; font-size: large;"><br /></span>
<span style="background-color: #ffe599; font-size: large;"></span><br />
<a name='more'></a><span style="background-color: #ffe599; font-size: large;"><br /></span>
<span style="background-color: #ffe599; font-size: large;">■基本データ</span><br />
<br />
<div>
<span style="background-color: white; color: #262626; font-family: Meiryo, メイリオ, 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 14px; line-height: 26px;">体長:人並み</span><br />
<span style="background-color: white; color: #262626; font-family: Meiryo, メイリオ, 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 14px; line-height: 26px;">重量:標準</span><br />
<span style="background-color: white; color: #262626; font-family: Meiryo, メイリオ, 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 14px; line-height: 26px;">好物:お金</span><br />
<span style="background-color: white; color: #262626; font-family: Meiryo, メイリオ, 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 14px; line-height: 26px;">嫌いなもの:タダ働き</span></div>
<br />
<span style="background-color: #ffe599; font-size: large;">■説明</span><br />
ま~さんを主人公格にしたことで悪役が必要になったため、急遽作成したキャラクター。<br />
当初のイメージはワイリーやエッグマンといった、いわゆる"あくの天才科学者"。<br />
しかし、ずるがしこさ、うさんくささを重視したため、科学者から商人(ブローカー?)へと変更した。<br />
<br />
一"毛"打尽では中華な格好をしているが、特に意味はない。<br />
バイキンマンのように変装してま~さんに近づいているだけである。<br />
<br />
いつのまにかにこんな格好であなたのそばに来ているかもしれませんよ。<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEii7X_1l6DhpVTwJfz0mxgyBGdH1kpZjD9ZhNrJIgXV_Zex2rzdcBXiCPleqNgTEqFHWYAgXS0xHKz_DvRPgmHIfmmMGnSZGhalR2MPdAp0S7aYo_8kDJCEpkCd611br_VazwJX96CSiS5n/s1600/n_jentol.gif" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEii7X_1l6DhpVTwJfz0mxgyBGdH1kpZjD9ZhNrJIgXV_Zex2rzdcBXiCPleqNgTEqFHWYAgXS0xHKz_DvRPgmHIfmmMGnSZGhalR2MPdAp0S7aYo_8kDJCEpkCd611br_VazwJX96CSiS5n/s1600/n_jentol.gif" /></a><br />
<span style="font-size: xx-small;">イイハナシアルヨー!</span><br />
<br />
<br />
本名はナイショ。<br />
<div>
<br /></div>
brave-workzhttp://www.blogger.com/profile/16756284177433010547noreply@blogger.com0tag:blogger.com,1999:blog-6170601238990639033.post-21101435160314603822012-10-17T18:00:00.000+09:002012-10-17T18:00:00.808+09:00プログラムで遊ぼう! : enchant.jsでパーティクルを作ってみた<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBejpNCZOIv9UWWwV-eulhkQAt6a9mTs3PlcGRTWhM8vNY-lnmNfEeoC5dKT-81ZZi_HPCK6-9RJZM3N7qqLGMgpzNt1lugGNS0hpVAe1eZR6-Dfu6bErTKBTZxgLyiVYmZtGIc_3TQnQ/s230/enchant.js%25E3%2582%2592%25E3%2581%25A4%25E3%2581%258B%25E3%2581%25A3%25E3%2581%25A6%25E3%2583%2591%25E3%2583%25BC%25E3%2583%2586%25E3%2582%25A3%25E3%2582%25AF%25E3%2583%25AB%25E3%2582%2592%25E4%25BD%259C%25E3%2581%25A3%25E3%2581%25A6%25E3%2581%25BF%25E3%2581%259F%2520%2520%2520jsdo.it%2520%2520%2520Share%2520JavaScript%2520%2520HTML5%2520and%2520CSS.png" imageanchor="1" style="clear:left; float:left;margin-right:1em; margin-bottom:1em"><img border="0" height="222" width="230" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBejpNCZOIv9UWWwV-eulhkQAt6a9mTs3PlcGRTWhM8vNY-lnmNfEeoC5dKT-81ZZi_HPCK6-9RJZM3N7qqLGMgpzNt1lugGNS0hpVAe1eZR6-Dfu6bErTKBTZxgLyiVYmZtGIc_3TQnQ/s230/enchant.js%25E3%2582%2592%25E3%2581%25A4%25E3%2581%258B%25E3%2581%25A3%25E3%2581%25A6%25E3%2583%2591%25E3%2583%25BC%25E3%2583%2586%25E3%2582%25A3%25E3%2582%25AF%25E3%2583%25AB%25E3%2582%2592%25E4%25BD%259C%25E3%2581%25A3%25E3%2581%25A6%25E3%2581%25BF%25E3%2581%259F%2520%2520%2520jsdo.it%2520%2520%2520Share%2520JavaScript%2520%2520HTML5%2520and%2520CSS.png" /></a></div>こんにちは。こんばんは。おはようございます。<br />
BraveWorkzコーディング担当のその2、『アンコはこし餡の方が好き!』pon_zuです。<br />
さて、今回の開発日誌のテーマはズバリ「パーティクル」です。<br />
パーティクルというのは、こんなのです。<br />
<a href="http://jsdo.it/search?q=%E3%83%91%E3%83%BC%E3%83%86%E3%82%A3%E3%82%AF%E3%83%AB&search_order=favorite">js.doit - パーティクル</a><br />
以前から色んな人が作ったパーティクルを見て「うおー、キレーだなー」と、憧れていたのですが、やっぱり見てるだけじゃつまらない!自分でも作ってみたい!!<br />
ということで、いつもはゲーム作りに使用している<a href="http://enchantjs.com/ja/?s=ja">enchant.js</a>を使って作ってみました。<br />
<a name='more'></a><br />
<br />
<h2>パーティクルを描画するのに必要なもの</h2><a href="http://enchantjs.com/ja/?s=ja">enchant.js</a>で一番良く使われるのはSpriteクラスですが、今回のパーティクルの描画にはSurfaceクラスを使用します。SurfaceクラスはHTML5で実装されたcanvas要素をラッピングしたクラスで、Surfaceクラスを経由することで、enchant.jsからcanvas要素を操作することができます。<br />
<a href="http://enchantjs.com/ja/?s=ja">enchant.js</a>を使ったcanvas要素の操作に関しては、phiさんが以下の記事に分かりやすくまとめてくださっています。<br />
<a href="http://tmlife.net/programming/javascript/enchant-js-100-tips.html">enchant.js 怒涛の 100 tips</a><br />
<br />
<h2>完成品</h2><a href="http://jsdo.it/">jsdo.it</a>に投稿されてるパーティクルのコードを参考に、早速作ってみました。<br />
<script src="http://jsdo.it/blogparts/jYDx/js?width=496&height=496&view=play" type="text/javascript"></script><br />
Surfaceクラスをあまり使ったことがなかったのでちょっと手間取りましたが、勉強しながらでも2時間位で形になりました。さすが<a href="http://enchantjs.com/ja/?s=ja">enchant.js</a>!!<br />
マウスクリックした場所に流れていくだけの単純な動きですが、結構綺麗で満足です。<br />
<br />
え?何か黒いのが見えてる?いやいや、気のせいですよー?<br />
<br />
さて、次は何して遊ぼうかなー。<br />
<br />
<h2>次回作について</h2><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9pfynSd6IGgG_wbK-8ODXFs8-kNzJA2X5tE_0PXnmzeKeDaScUXdwZTCcUcFuWNRDeeaW8nTsqVsY1dOVKL2pa7hMSfWi2JagSqCJGqw09kqWpGp1UyRr0g3Tx4eb3bCMUUXsM3X2m98/s377/%25E6%25AC%25A1%25E5%259B%259E%25E4%25BD%259C%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588.jpg" imageanchor="1" style="clear:left; float:left;margin-right:1em; margin-bottom:1em"><img border="0" height="377" width="371" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9pfynSd6IGgG_wbK-8ODXFs8-kNzJA2X5tE_0PXnmzeKeDaScUXdwZTCcUcFuWNRDeeaW8nTsqVsY1dOVKL2pa7hMSfWi2JagSqCJGqw09kqWpGp1UyRr0g3Tx4eb3bCMUUXsM3X2m98/s377/%25E6%25AC%25A1%25E5%259B%259E%25E4%25BD%259C%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588.jpg" /></a></div>もちろん遊んでばかりじゃありません!<br />
次回作も鋭意開発中です。<br />
こっそり作業状況を覗いてみたところ、brave作のドット絵も大分力入っていたので、ゲームの内容はもちろんグラフィック面でも前作よりも更にパワーアップしたものをお見せできると思います!<br />
<br />
どうぞお楽しみに!Anonymoushttp://www.blogger.com/profile/08176575127869221603noreply@blogger.com0tag:blogger.com,1999:blog-6170601238990639033.post-81514349561335252182012-10-09T23:04:00.002+09:002012-11-02T11:22:53.768+09:00開発環境などなど その1 ファイル共有編どうも。<br />
主にコーディングを担当している gaya_K です。<br />
<br />
コーディング担当と言いつつ、最近コードを書くのをサボってます。スミマセン m(_ _)m<br />
<br />
<br />
まずは私達がどんなツールをつかって開発しているかを説明していこうかと思います。<br />
基本的には無料のツール&サービスを使って開発していますので気になった方は使ってみてください。<br />
<br />
<br />
<a name='more'></a><h2>
開発環境紹介</h2>
<h3>
ファイル共有の方法</h3>
チームでのファイル共有は必須ですね。<br />
私達はクラウドストレージサービスの <a href="https://www.dropbox.com/" target="_blank">Dropbox</a> を使用しています。<br />
<br />
似たようなサービスだと、 Google Drive や Microsoft の Sky Drive がありますね。<br />
<br />
Dropbox では特定のフォルダを複数人で共有することができるので、BraveWorkz 専用のフォルダを作成して、その中へソースコードやキャラクター画像、企画書をアップロードして共有しています。<br />
<br />
Dropbox は PC内のフォルダとサーバ上のフォルダを自動で同期しているので、何も気にせず自分のPCでファイルを保存しただけでも、メンバーのPC上に展開されたりするんです。<br />
これは開発だけでなく、写真の共有だったりいろいろなことに使えますよ。<br />
<br />
他にクラウドストレージのいいところはただ保存しているだけでも、サーバ側では何世代か前までバックアップがされていて、間違って削除したり変更したファイルを元に戻せる点ですね。<br />
自分の知らないところで冒険の書が保存されてるなんて素敵じゃないですか!(笑)<br />
<br />
<br />
<h2>
開発中のゲーム</h2>
<h3>
ま~さんボール</h3>
<div class="separator" style="clear: both; text-align: left;">
私が今担当しているゲームの紹介も少し。</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBOYAZcTrYrubrN8cylBwg7DNFxBZ3hMkFakVd9-UAeQuiFD5s0iTNoMQCp8chJAB06anuEbsljm74fW605xx0d1rfMGBO9DKOy9ZUnxDOu9q2jrxV6ru268Dl-A65SqJkhv6d-AnjEg0/s1600/ma3ball_beta.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBOYAZcTrYrubrN8cylBwg7DNFxBZ3hMkFakVd9-UAeQuiFD5s0iTNoMQCp8chJAB06anuEbsljm74fW605xx0d1rfMGBO9DKOy9ZUnxDOu9q2jrxV6ru268Dl-A65SqJkhv6d-AnjEg0/s320/ma3ball_beta.png" width="320" /></a></div>
<br />
静止画じゃあ何をしているかわからないと思いますが、それは謎のままで。<br />
先のキャラクター紹介であった「ま~さん」とプリンみたいなキャラクターが映ってますね。<br />
<br />
まだ背景がないので味気ないですが、Brave君が素敵な背景を描いてくれることでしょう!<br />
<br />
すでに公開中の <a href="http://brave-workz.blogspot.jp/2012/05/blog-post.html" target="_blank">「一“毛”打尽」</a> を作っているときに思いましたが、背景ができると途端にゲームらしくなります。<br />
ロジックも大事ですが、やはり視覚で訴えるものがあってこそですよね。<br />
<br />gaya_Khttp://www.blogger.com/profile/01144219247308997422noreply@blogger.com1tag:blogger.com,1999:blog-6170601238990639033.post-86952106271147266872012-10-04T01:37:00.000+09:002012-12-02T00:40:36.233+09:00キャラクター紹介001 ま~さん<br />
こんにちは。<br />
代表(でいいの?)のBraveです。<br />
主にグラフィックと企画を担当しています。<br />
<br />
プログラミングについてはアルゴリズムを考えるのは好きですが、<br />
あまり詳しいところは知らなかったりします。<br />
<br />
なので私はこのサイトのキャラクターを紹介していこうと思います。<br />
<br />
初回はもちろんアイツです。<br />
<br />
<br />
<h2>
No.001 ま~さん</h2>
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-i_wQhPwFSixwPDtZgZ2Y2Dhs0tiq-WS4_Bl_U014nT3shBldl28-dX0Y8XJIabkPks2hicGvD4m2vJ5_aDW0rANzgQ1pmdChC8Z3Cm7CAmeeFtClc7N3j0IHKZ_R1shIKe5z-3FOc9AW/s1600/Manime.gif" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-i_wQhPwFSixwPDtZgZ2Y2Dhs0tiq-WS4_Bl_U014nT3shBldl28-dX0Y8XJIabkPks2hicGvD4m2vJ5_aDW0rANzgQ1pmdChC8Z3Cm7CAmeeFtClc7N3j0IHKZ_R1shIKe5z-3FOc9AW/s1600/Manime.gif" /></a><br />
Braveworkzの看板キャラクター。<br />
性格は非常に軽く、友好的。<br />
一言で表せば"エロいやらしい"。<br />
<br />
<a name='more'></a><br /><br />
<h3>
<span style="background-color: #fff2cc;">■基本データ</span></h3>
体長:サッカーボールくらい<br />
重量:軽め<br />
好物:アイス<br />
嫌いなもの:黒い背景(毛が見えなくなるため)<br />
<h3>
<span style="background-color: #fff2cc;">■説明</span></h3>
Braveが高校時代に友人の十年後の姿を想像して描いた落書きを基に誕生。<br />
初期の構想ではカービィで言うワドルディのポジションで考えており、大群で<br />
押し寄せては吹っ飛ばされるという役だったが、情が移ってメインキャラに昇格した。<br />
そのため、基本的には攻撃手段を持っていないが、変身することで<br />
攻撃手段を持つこともある。<br />
※ただしまだゲーム内で発揮されたことはない。<br />
<br />
生命力と運はずば抜けていて、どんなにやられてもお湯に浸かってしばらくすると<br />
復活する性質を持つが、頭の毛が抜けると死んでしまうらしい。<br />
<br />
<br />
なお、ま~さんというのは種族名なので大きいのやら小さいのやらいろいろいます。<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9EvhU1NRMFh_EyddqWgdlnfJb0T3WFgvtpzeA1h4mfEFVusl7NSpgtxiL0xQXmBAubs_XvYgL6_Hq6bGX_R4zcQmQDkq5s8raeX50Qtvig7g75XoUE8MYMpIpNeTUaOOfJ1UOpOrV_Xeo/s1600/tatumaki.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9EvhU1NRMFh_EyddqWgdlnfJb0T3WFgvtpzeA1h4mfEFVusl7NSpgtxiL0xQXmBAubs_XvYgL6_Hq6bGX_R4zcQmQDkq5s8raeX50Qtvig7g75XoUE8MYMpIpNeTUaOOfJ1UOpOrV_Xeo/s1600/tatumaki.gif" /></a></div>
<br />brave-workzhttp://www.blogger.com/profile/16756284177433010547noreply@blogger.com0tag:blogger.com,1999:blog-6170601238990639033.post-8084914331850753122012-09-30T21:47:00.000+09:002012-09-30T21:47:36.114+09:00ブログデザインを新しくしましたブログデザイン担当のpon_zuです。<br />
BraveWorkzのブログデザインを新しくしました。<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhB53ByJSPPNF6t1zRF1JbKuBUgE0zk6ssb3qTPt5zAWpZKGw_usNxOEQ8_XcNekERUTglNQ_Af-rGW1OMEq-OTDTaSKbbLiDAqpD7yVLywY0VwLRdrsrOUvuV6YN0wC_n6ERGEMN4p4f0/s1600/BraveWorkz.png" imageanchor="1" style="margin-left:1em; margin-right:1em"><img border="0" height="203" width="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhB53ByJSPPNF6t1zRF1JbKuBUgE0zk6ssb3qTPt5zAWpZKGw_usNxOEQ8_XcNekERUTglNQ_Af-rGW1OMEq-OTDTaSKbbLiDAqpD7yVLywY0VwLRdrsrOUvuV6YN0wC_n6ERGEMN4p4f0/s400/BraveWorkz.png" /></a></div><br />
<a name='more'></a><br />
<br />
BraveWorkzのブログはGoogleの無料ブログサービスである<a href="http://www.google.co.jp/url?sa=t&rct=j&q=&esrc=s&source=web&cd=1&cad=rja&ved=0CCUQFjAA&url=http%3A%2F%2Fwww.blogger.com%2Fstart%3Fhl%3Dja&ei=QjxoUMKPJMG4iQe_oYHgDw&usg=AFQjCNFwG__6pw5NclB24tj6rzoK7PG_pQ&sig2=mPd5NR6OyrlREQ6QLJywpQ">Blogger</a>を使用しています。<br />
これまでは公式で提供されているシンプルなテンプレートをほとんどそのまま使用していたのですが、思い切ってオリジナルのテンプレートにカスタマイズしてみました。<br />
久しぶりにHTMLとCSSに触ったので、大分悪戦苦闘しましたが、やりたかったことを色々詰め込めたので一先ず満足です。<br />
<br />
さてさて、情報公開する場が整ったので、ゲームアプリ開発の方も頑張っていきますよ~!Anonymoushttp://www.blogger.com/profile/08176575127869221603noreply@blogger.com0