【 今回やること！ 】 Pythonのライブラリの『Backtesting.py』を使って、FXのバックテストを行います。 プログラムの作成と実行は『Google Colaboratory』で行います。 『Google Colaboratory』は手持ちのPCの性能に関わらず、高速でPythonプログラムが動か…
【 今回やること！ 】 FXの1分足のヒストリカルデータ（CSV形式）から指定した期間のデータを抽出して別のCSVファイルに保存します。 実行環境は『Google Colaboratory』を使用します。 こちらの記事で、FXのヒストリカルデータを入手しました。 mmorley.hat…
【 今回やること！ 】 FXの1分足のヒストリカルデータ（為替の過去の値動きのデータ）をCSV形式で入手します。 『Google Colaboratory』を使用します。 ヒストリカルデータをダウンロード→解凍→CSVに変換するプログラムを実行します。 『Google ドライブ』か…
人型の3Dキャラクターの顔をモデリングします。 mmorley.hatenablog.com ↑の記事の続きです。 今回は、髪を作ります。顔のモデリングの最後の作業です。 それでは作成を開始します！ ◆ このシリーズの目次 ◆ その１ 顔のベース形状を作る！ その２ 目の周辺…
人型の3Dキャラクターの顔をモデリングします。 mmorley.hatenablog.com ↑の記事の続きです。 今回は、顔に色を付けます。 レンダリング結果を確認しながら作業をしたいので、まずカメラの設定をします。 テクスチャを貼るのではなくて、頂点ペイントで着色…
人型の3Dキャラクターの顔をモデリングします。 mmorley.hatenablog.com ↑の記事の続きです。 今回はまゆ毛、まつ毛、瞳を一気に作ります。 それでは作成を開始します！ ◆ このシリーズの目次 ◆ その１ 顔のベース形状を作る！ その２ 目の周辺を作る！ その…
人型の3Dキャラクターの顔をモデリングします。 mmorley.hatenablog.com ↑の記事の続きです。 今回は耳を作ります。 リアルな耳は複雑なので、それっぽくデフォルメした耳を作ります。 それでは作成を開始します！ ◆ このシリーズの目次 ◆ その１ 顔のベース…
人型の3Dキャラクターの顔をモデリングします。 mmorley.hatenablog.com ↑の記事の続きです。 ここまで、大まかに顔の形を作りながら、造形に必要な頂点を追加して来ました。 今回は、もう少し頂点を追加してから、顔の形を作り込みます。 それでは作成を開…
人型の3Dキャラクターの顔をモデリングします。 mmorley.hatenablog.com ↑の記事の続きです。 今回は、口を作ります。 目と同じように、下絵を元にメッシュを張り直します。 それでは作成を開始します！ ◆ このシリーズの目次 ◆ その１ 顔のベース形状を作る…
人型の3Dキャラクターの顔をモデリングします。 mmorley.hatenablog.com ↑の記事の続きです。 今回は、目の周辺を作ります。 目玉ではなくて、まぶたや目の奥のメッシュを作成します。 それでは作成を開始します！ ◆ このシリーズの目次 ◆ その１ 顔のベース…
誰もが一度は作ってみたい人型の3Dキャラクター、その中でも顔のモデリングの方法をまとめました。 手順を出来るだけ詳細に書いていきます ここどうやって作ってるのかな？っという疑問に多少なりとも参考になれば幸いです。 顔の形は複雑なので慣れも必要で…
【 今回やること！ 】 DragonBonesを使って、2Dの走るアニメーションを作ります！ 作成したアニメーションをGIFファイルで出力します。 素材の画像はInkscapeで描きました。ゲームっぽく2.5頭身キャラです。 アニメーションにするためにパーツに分けています…
【 今回やること！ 】 Node.jsで、画像処理ライブラリの『Jimp』をインストールします。 画像の周りに余白を追加するプログラムを作成します。 フォルダ内の複数の画像ファイルを一括処理します。 下記の記事のあとがきで、画像の周りに余白が欲しいという話…
【 今回やること！ 】 DragonBonesを使ってアニメーションを作成します。 作成したアニメーションをCocos Creatorで使用します。 DragonBonesは、無料で使える2Dアニメーション作成ツールです。メッシュとボーンを使って、１枚の絵でアニメーションを作成す…
＜今回やること！＞ 物理エンジンを使ったシンプルなアクションゲームを作成します。 こちらの記事の続きです。 mmorley.hatenablog.com その１はこちら 物理エンジンを使ったシンプルなゲームを作る！ その１（タイルマップでステージ作成）：Cocos Creator…
＜今回やること！＞ 物理エンジンを使ったシンプルなアクションゲームを作成します。 こちらの記事の続きです。 mmorley.hatenablog.com ビジュアルな環境で、プレハブとノードを作成します。 フレームアニメーションを作成します。 アニメーションに終了時…
＜今回やること！＞ 物理エンジンを使ったシンプルなアクションゲームを作成します。 ゲームに必要な絵、音、フォント等のリソースを入手します。 タイルマップエディタの『Tiled』を使用して、ステージを作成します。 ゲームシーンを作成し、サイズをタイル…
＜今回やること！＞ 『Tiled』マップエディターで、タイルマップを作成します。 見た目の作成だけでなく、オブジェクトの配置も行います。 作成したタイルマップをCocos Creatorで読み込みます。 配置したオブジェクトのデータを読み込みます。 タイルマップ…
＜今回やること！＞ こちらの記事でJavaScirptで作成したスクリプトをTypeScriptで書きます。 マニュアルのチュートリアルをやってみる！ その１：Cocos Creator - モーリーのメモ マニュアルのチュートリアルをやってみる！ その２：Cocos Creator - モーリ…
＜今回やること！＞ アニメ調の雲を作成します。 写真のようなリアルな雲ではなくて、無作為にモコモコした雲を作成します。 記事中のキー操作については、Windowsの場合は『option』キーを『alt』キーに置き換えて下さい。
＜今回やること！＞ こちらの記事の続きを行います。 mmorley.hatenablog.com スコアの表示、ゲームが失敗した時のシーンのリロードや効果音の再生の処理等を追加します。 今回でチュートリアル完了です。
＜今回やること！＞ こちらの記事の続きを行います。 mmorley.hatenablog.com スクリプト（ソースコード）を書いて、アニメーション、キー入力、ループ処理等を実装します。 前回は、ゲームシーンを作成して『Canvas』に背景、地面、キャラクタを配置しまし…
＜今回やること！＞ 『Cocos Creator』のチュートリアル（『Create the first game』）をします。 チュートリアルで作成するゲームの画面です。 作成に必要なリソース（画像、音声、ビットマップフォント等の素材）は、あらかじめ用意されています。 このチ…
＜今回やること！＞ Cocos Creatorをインストールします。 VS Code（Microsoft Visual Studio Code）をインストールします。 デバッグ環境を作成します。 この記事を読めば、『Cocos Creator』のゲーム開発環境が構築出来（るはず！）ます。Macで作業してい…
＜今回やること！＞ 『Blenderレンダー』で金・銀・銅っぽく見えるマテリアルを設定します。 リアルさは『Cyclesレンダー』が上ですが、レンダリングの速さで『Blenderレンダー』を使っています。 金・銀・銅は、ベースとなる色が異なるだけで作り方は同じで…
この記事の内容 日本語のフォントファイルを入手します。 Blenderのテキストオブジェクトで、入手した日本語フォントを使用します。 テキストオブジェクトにオフセット（太・細字化）、ベベル（面取り）、押し出し（立体化）を設定します。 日本語のフォント…
＜今回やること！＞ iMacの気になる点を書き出します。 iMac 2019の各モデルのスペック・価格を比較します。 同程度のスペックのWindows PCと価格を比較します。 2019年3月19日に新型のiMacが発表されました。 iMac - Apple（日本） iMac 2017（2017年6月6日…
＜今回やること！＞ はてなブログにデザインテーマの『Brooklyn』を適用します。 『Brooklyn』はテーマストアで適用出来ます。＊"ストア"ですが無料です。 さらに、CSSを使って見た目をカスタマイズします。 以前、私が使っていた公式テーマは、記事の幅が狭…
＜今回やること！＞ Cocos CreatorのコードエディタをVisual Studio Code（以下、VSCode）に変更します。 VSCodeでWeb向けのデバッグするための設定を行います。 Cocos Creatorに最初から組み込まれているコードエディタはデバッグ機能がありません。 また、…
＜今回やること！＞ Excelのデータを音声で読み上げさせます。 例えば、紙からExcelに書き写したデータをチェックする際に、耳でExcel、目で原本をチェックできるので、交互に見比べる必要がなくなります。 Excelの『セルの読み上げ』を使う方法と、フリーウ…
