読者です 読者をやめる 読者になる 読者になる

undefined

bokuweb.me

BMSをブラウザで遊べるWEBサービス『bmsjs』のα版を公開いたしました

概要 bmsjs(α版)というWEBサービスをリリースしました。 bmsjsはブラウザ上で動作するBMSプレイヤーとSNSの機能を持つWEBサービスです。 bmsjsbmsjs.net BMS? 元々は、KONAMIの音楽ゲーム『beatmania』を模したシミュレータにあたる『BM98』用の譜面データフ…

cocos2d-JSでネイティブ動作時に"Invalid Native Object"エラーが発生する場合のハック

cocos2d-JSでWeb動作の確認後、ネイティブで動かすと"Invalid Native Object"エラーが発生する場合があります。 これはClass Index | JsDoc Referenceのcc.Nodeのretain、releaseに記載がありますがJSBのバグのようで、今のところretain、releaseを使用し回…

【12ステップで実際に作ってみる】スマホからも遊べるwebゲームレシピ【cocos2d-JS】

概要 以前作成した音ゲーのWEBアプリ版のレシピを公開したいと思います。 フレームワークはcocos2d-JS、言語はCoffeeScriptを使用します. cocos2d-JSとは? cocos2d-JSはオープンソースの2DゲームフレームワークのJavaScript版です。JavaScriptでiOS、Androi…

particle2dxでソードアート・オンライン風のエフェクトを作成し再生する

以前紹介したParticle2dxで遊んでみました。 アニメを見直しながら作ったわけではないので再現度は(?)ですが、「こんなのもさくっと作れるよ」という一例ということでご容赦ください。 パーティクル用画像を用意する 記憶では三角形がチラチラ散るようなエフ…

【cocos2d-JS】だったらwatchifyを使うしかないじゃない!

概要 browserifyって便利だけど待ち時間ストレスだなあと思い調査したところ、差分ビルドしてくれるbrowserifyのラッパーwatchifyというものを知ったので、cocos2d-JSプロジェクトで試してみました。 *.coffeeを変更するたびに自動でbundle.js(今回はmain.js…

particle2dxで作成したエフェクトをcocos2d-JSで再生する

particle2dxで作成したエフェクトをcocos2d-JSで再生する方法です。 particle2dxはcocos2d用のエフェクトがブラウザ上でつくれちゃう優秀なやつです。 例えばこんなんが簡単にできます。 Cocos2d-html5 Hello World test particle2dxでエフェクトを作る Part…

FF4、FF5のダメージ表示アニメーションをcocos2d-JSで再現する

元ネタはこちら。 [Unity] FF4、FF5のダメージ表示アニメーションをUnityで再現する | きききろくkikikiroku.session.jp 以前見かけたのを思いだしてなんとなく作ってみた。特に使用予定はないんですが・・。 ダメージ表示レイヤーを作る cc.Layerからダメー…

【ソース有り】初心者がJSでAndroidアプリをリリースしてみた話【cocos2d-JS】

cocos2d-JSを使えば、JSでiOS・Androidアプリがつくれると聞きつけ試してみました。Andoirdのみですが作ったアプリをリリースしましたのでcocos2d-JSと合わせて紹介したいと思います。 どんなアプリよ? flavabeats - Google Play の Android アプリ 相も変…

cocos2d-JS Liteとenchant.jsのパフォーマンスを比較してみた

最近enchant.jsとcocos2d-JSの両方使ってるんだけど。cocos2d-JSのほうが比較的さくさく動くと感じたので実際どれくらい差があるのか比較してみた。 比較対象は以下 cocos2d-JS Lite v3.5 enchant.js v0.8.2 結果は以下のページを参照。グラフはc3.jsで書き…

cocos2d-JSで作ったAndroidアプリでバックキー押下時にi-mobileの広告を表示させる

備忘録です。cocos2d-JSで作ったAndroidアプリで、バックキー押下時にインタースティシャル広告を表示、広告クローズでアプリを終了する方法です。i-mobileのマニュアルがonKeyDownで広告を表示するようなサンプルだったんですが、ボタンを押しても全く発火…

cocos2d-JSで作ったアプリにi-mobileの広告を表示させるまでの記録

cocos2d-JSで作ったアプリにi-mobileの広告を表示させるまでを記録しておきます。 アプリ起動時に最下部に表示させる最もシンプルな例です。 cocos2d-JS 3.3 Android Studio1.1.0 i-mobile Android SDK 2.08 i-mobileSDKのインストール i-mobileのSDKダウン…

cocos2d-JSで作成したアプリをAndroidエミュレータ/実機で実行する手順

環境 MacBook Air (11-inch, Mid 2011) Mac OS X Yosemite 10.10.2 .keystoreファイルの作成 以下のコマンドにてkeystoreファイルを生成します。 keytool -genkey -v -keystore flava.keystore -alias flava -keyalg RSA -validity 10000 対話形式で入力して…

cocos2d-JSでAndoirdアプリの画面向きを縦方向に変更する

覚書き。 プロジェクト/frameworks/runtime-src/proj.android/AndroidManifest.xml内の android:screenOrientation="landscape" を android:screenOrientation="portrait" に変更する。

cocos2d-JSでspriteにアンチエイリアスをかけたくない場合

備忘録です。 spriteにアンチエイリアスをかけたくない場合は以下のようにするとよいそう。 var s = cc.Sprite.create(image); s.getTexture().setAliasTexParameters();

TimelineFXで出力したスプライトシートをcocos2d-JSで再生する手順

ようやくTimelineFXで吐いたスプライトシートをcocos2D-JSでアニメーションさせることができたので手順を記録しておきます。 TimelineFXからスプライトシートを出力する cocos2dはスプライトシートの情報を.plistというXML形式で持つようです。TimelineFXはp…

cocos2d-JSをインストールする

cocos2d-JSインストールメモ 環境 Python 2.7.8インストール済であること インストール http://cocos2d-x.org/downloadよりダウンロード(今回はV3.1) pythonが入っていなければインストール >python -V Python 2.7.8 setup.pyを実行する 実行後、ターミナル…