『Weight Paint』は、ボーンの動きに対してオブジェクトの各頂点がどの程度追従して動くか、その影響度合いを設定する機能です。 影響度は色で表されていて、頂点に色を塗って設定します。 私はまだ狙い通りに設定できないので、まずは色の塗り方がどのよう…
パソコンのゲームプログラミング入門の『まずはコマンドラインのテキスト表示と、キーボードの操作だけでゲームを作ってみよう!』的なお題をやってみました。 見た目はかなりショボいですが、倉庫番のような動きを実装しています。 キー入力がないので、そ…
修正内容 下記の記事で作成していた仮想ジョイパッド実装用のモジュール『SneakyInput-JS』の『ColoredCircleSprite.js』に不具合があり、これに関連する部分を削除しました。 その他、ジョイパッドの機能には影響ありません。 mmorley.hatenablog.com
Macでスクリーンショットを取る方法についてまとめました。 また、通常スクリーンショットにはマウスカーソルが映らないのですが、マウスカーソルを映す方法も説明します。
<今回やること!> 『Blenderレンダー』でガラスっぽいマテリアルの設定を行います、 『Cyclesレンダー』は写真寄り、『Blenderレンダー』は絵寄りです。 リアルさは『Cyclesレンダー』が上ですが、マシンパワーが求められるので、私は『Blenderレンダー』…
JSON形式のデータファイルを読み込んで、データを使用する方法です。 読み込んだデータが連想配列に変換されるので、簡単に利用できます。
ユーザー設定値等、アプリを終了しても保持したい値を保存する方法です。 Cocos2d-xのC++版の『CCUserDefault』の代替となるものを探していたのですが、JavaScript版では『cc.sys.localStorage』を使用するようです。
Macのショートカットの表記に登場する、⌘、⌥、⌃等の記号。 左からcommand、option、controlキーを表しますが、私はなかなか記号とキーが結びつきませんでした。 なので『適当に押して、動いたらオッケー』みたいな感じで使う場合もありましたが、下記のよう…
GarageBandは今までちゃんと触ったことがなかったのですが、かなり高機能でいろいろなことが出来るみたいです。 ですが、初心者かつ音楽の知識もないので完全に手探り状態です。 ということで今回は手始めとして、正解したときの『ピコーン』という効果音を…
アプリで使用する効果音を自作する方法を調べていたら、面白いサイトがありました。 下記の『Bfxr』サイトなのですが、サイト内だけでいわゆるファミコンの音っぽい音が作成できます。 www.bfxr.net *実行にはThe future of Adobe AIRが必要なようです。私…
公式サイトで配布されているインストーラから"(BETA)"の文字が消えないので導入を見送っていたのですが、中々更新されないので試しにCocosのVersion 3.10をインストールして試してみました。
『ListView』は、複数のオブジェクトをスクロール付きのリストとして表示することが出来るオブジェクトです。今回は、『ListView』を使って下図のようなステージ選択画面を作成しました。 『Cocos Studio 2』でオブジェクトの配置とプロパティの設定等を行い…
Blenderで2Dのロゴがきらっと光るアニメーションを作成します。 全てをBlenderで作るのではなくて、読み込んだ2Dのロゴ画像を加工して光るアニメーションを作成します。 2D画像に光る効果を追加できる無料ソフトが見つからず、ふとBlenderで出来ないかなと思…
bmGlyphはビットマップフォントの作成ソフトです。 複数の文字にまとめて、グラデーション、縁取り線、影付け等の効果を加えることが出来ます。 作成したフォントはCocos2d-x等のビットマップフォント用のラベルで使用できます。 またロゴ用に画像として出力…
下記の記事の続きです。 mmorley.hatenablog.com その1で作成したInkscapeのファイルをBlenderにインポートして下図のように加工します。 飾り枠を立体化し、面部分と組み合わせています。
今まではBlenderだけでパネルを作成したのですが、今度はInkscapeとBlenderで連携してパネルを作成します。 私がまだBlenderに慣れてないせいかもしれませんが、2Dの形状はInkscapeのほうが作りやすいです。 今回はInkscapeで、下図の形状を作成します。 上…
今回はこんな感じの縁付のパネルを作ります。 形状の作り方はほとんど下記の記事と同じパターンです。 mmorley.hatenablog.com 円をパネルの外周に沿ってぐるっと掃引して形状を作成しました。 また2Dに馴染むように、トゥーンレンダリングを使用し、輪郭線…
今回は、下記の記事の続きです。 mmorley.hatenablog.com <今回やること!> 作成した形状に材質(色等)を設定します。 カメラの位置を設定します。 照明の種類と位置を設定します。 背景を透過設定して、画像を出力します。 『その1』の記事で形状を作成…
<今回やること!> Blenderで、立体的なパネルの画像を作成します。アプリのUI等に使用できます。 Inkscapeでも、このようなパネルを作成することが出来ますが、複雑な形状を立体的に作るのは難しいです。 Blenderであれば、もっと複雑な形状も作成すること…
<今回やること!> Blenderの3Dビューの設定と操作の方法を説明します。 3Dビューは、オブジェクトの配置や編集をする場所です。 Blenderでは、制作がしやすいように頻繁に視点を切り替えます。頻度が多いのでキーボードのショートカットで進展の切り替えを…
Cocosの公式サイトを見たら、CocosのバージョンがV2.3.3に、そしてCocos2d-xのバージョンがV3.9に上がっていました。 1つ前のバージョンは、私の環境では『Cocos Code IDE』からのデバッグ実行(Mac OSX シミュレータ)ができず、アップデートを見送ってい…
<今回やること!> BlenderをMacにインストールします。 Blenderの日本語化を行います。 Blenderのレンダリング結果の出力先を設定します。 Blenderの画面です。 Blenderは、無料で使える3DCG作成ソフトです。 Windows、macOS、Linux、FreeBSD版があります…
MacのOSを『Yosemite』から『El Capitan』にアップデートしました。 『El Capitan』がリリースされたのは10月1日みたいなので1ヶ月とちょっと経過していることになります。 OSを新しくすると何かしら互換性の問題が起きがちなので怖いのですが、セキュリ…
下記の記事の続きです。 公式サイトのチュートリアルをやってみる その1 - タイルマップの作成:Cocos2d-x v3.7(JavaScript) - モーリーのメモ 公式サイトのチュートリアルをやってみる その2 - Cocos Studio 2で画面作成:Cocos2d-x v3.7(JavaScript)…
下記の記事の続きです。 公式サイトのチュートリアルをやってみる その1 - タイルマップの作成:Cocos2d-x v3.7(JavaScript) - モーリーのメモ 今回は画面の作成を行います。 公式サイトのチュートリアルは、画面もすべてコードで作成しているのですが、…
Cocos2d-xはv3.7からCocos2d-JSと統合されたため、このブログでは『Cocos2d-x v3.7(JavaScript)』と書いているのですが、調べ物をすると『Cocos2d-JS』表記の情報が多い状況です。 『Cocos2d-x』公式サイトで『Cocos2d-JS』のチュートリアルを見つけたので…
クリッピングマスクは、画像の見せたい部分だけを自由な形状で切り抜いて表示する機能です。逆に言うと見せたくない部分を透明化して隠すことが出来ます。 切り抜きたい形に色を塗ったマスク画像によって、表示する部分と隠す部分を切り分けます。 アニメー…
物理演算エンジンは、物が落下したり衝突したりしたとき等の動きを、それっぽく作るのを手助けしてくれるツールです。それっぽくと書いたのは、現実の動きは複雑すぎるので、実行する環境の処理能力に合わせて、形状や力等の条件を簡略化されているからです…
『Cocos Studio 2』には画面を作成するために利用できるオブジェクトがいくつか用意されています。 今回はその中の『ProgressBarオブジェクト』と『Sliderオブジェクト』を使用方法について調べました。 『ProgressBarオブジェクト』は進捗状況が全体の何%…
『Cocos Studio 2』には画面を作成するために利用できるオブジェクトがいくつか用意されています。 今回はその中の『CheckBoxオブジェクト』を使用方法について調べました。『CheckBoxオブジェクト』は、タップする度にチェックと非チェックの2つの状態を交…