モーリーのメモ

アプリ開発等(プログラミング、CG作成)、興味を持ったことを実践してまとめるブログです。

モーリーのメモ

物理エンジンを使ったシンプルなゲームを作る! その3完成(スクリプトを作成):Cocos Creator

<今回やること!> 物理エンジンを使ったシンプルなアクションゲームを作成します。 こちらの記事の続きです。 mmorley.hatenablog.com その1はこちら 物理エンジンを使ったシンプルなゲームを作る! その1(タイルマップでステージ作成):Cocos Creator…

物理エンジンを使ったシンプルなゲームを作る! その2(アニメーションとプレハブを作成):Cocos Creator

<今回やること!> 物理エンジンを使ったシンプルなアクションゲームを作成します。 こちらの記事の続きです。 mmorley.hatenablog.com ビジュアルな環境で、プレハブとノードを作成します。 フレームアニメーションを作成します。 アニメーションに終了時…

物理エンジンを使ったシンプルなゲームを作る! その1(タイルマップでステージ作成):Cocos Creator

<今回やること!> 物理エンジンを使ったシンプルなアクションゲームを作成します。 ゲームに必要な絵、音、フォント等のリソースを入手します。 タイルマップエディタの『Tiled』を使用して、ステージを作成します。 ゲームシーンを作成し、サイズをタイル…

Tiledによるタイルマップの作成とオブジェクトデータの取得を行う!:Cocos Creator

<今回やること!> 『Tiled』マップエディターで、タイルマップを作成します。 見た目の作成だけでなく、オブジェクトの配置も行います。 作成したタイルマップをCocos Creatorで読み込みます。 配置したオブジェクトのデータを読み込みます。 タイルマップ…

チュートリアルのスクリプトをTypeScriptで書く!:Cocos Creator

<今回やること!> こちらの記事でJavaScirptで作成したスクリプトをTypeScriptで書きます。 マニュアルのチュートリアルをやってみる! その1:Cocos Creator - モーリーのメモ マニュアルのチュートリアルをやってみる! その2:Cocos Creator - モーリ…

アニメ調の雲を作成する!:Blender

<今回やること!> アニメ調の雲を作成します。 写真のようなリアルな雲ではなくて、無作為にモコモコした雲を作成します。 記事中のキー操作については、Windowsの場合は『option』キーを『alt』キーに置き換えて下さい。

マニュアルのチュートリアルをやってみる! その3(完):Cocos Creator

<今回やること!> こちらの記事の続きを行います。 mmorley.hatenablog.com スコアの表示、ゲームが失敗した時のシーンのリロードや効果音の再生の処理等を追加します。 今回でチュートリアル完了です。

マニュアルのチュートリアルをやってみる! その2:Cocos Creator

<今回やること!> こちらの記事の続きを行います。 mmorley.hatenablog.com スクリプト(ソースコード)を書いて、アニメーション、キー入力、ループ処理等を実装します。 前回は、ゲームシーンを作成して『Canvas』に背景、地面、キャラクタを配置しまし…

マニュアルのチュートリアルをやってみる! その1:Cocos Creator

<今回やること!> 『Cocos Creator』のチュートリアル(『Create the first game』)をします。 チュートリアルで作成するゲームの画面です。 作成に必要なリソース(画像、音声、ビットマップフォント等の素材)は、あらかじめ用意されています。 このチ…

Cocos Creatorのインストールからデバッグ環境の作成まで行う!

<今回やること!> Cocos Creatorをインストールします。 VS Code(Microsoft Visual Studio Code)をインストールします。 デバッグ環境を作成します。 この記事を読めば、『Cocos Creator』のゲーム開発環境が構築出来(るはず!)ます。Macで作業してい…

金・銀・銅のようなマテリアルを設定(Blenderレンダー):Blender

<今回やること!> 『Blenderレンダー』で金・銀・銅っぽく見えるマテリアルを設定します。 リアルさは『Cyclesレンダー』が上ですが、レンダリングの速さで『Blenderレンダー』を使っています。 金・銀・銅は、ベースとなる色が異なるだけで作り方は同じで…

テキストオブジェクトで日本語を使用する!:Blender

<今回やること!> 日本語のフォントファイルを入手します。 Blenderのテキストオブジェクトで、入手した日本語フォントを使用します。 テキストオブジェクトにオフセット(太・細字化)、ベベル(面取り)、押し出し(立体化)を設定します。 フォントファ…

BVHファイル(モーションキャプチャデータ)をインポート!:Blender

<今回やること!> BVHファイルを無料で配布しているサイトから入手します。 BVHファイルのモーションデータを簡易人体モデルに取り込んで動かします。 モデリング(足閉じている)とアーマチュア(足開いている)の姿勢のズレを直します。 *gifファイルで…

iMac 2019のスペック・価格を比較する!

Mac

<今回やること!> iMacの気になる点を書き出します。 iMac 2019の各モデルのスペック・価格を比較します。 同程度のスペックのWindows PCと価格を比較します。 2019年3月19日に新型のiMacが発表されました。 iMac - Apple(日本) iMac 2017(2017年6月6日…

はてなブログにデザインテーマのBrooklynを適用&カスタマイズ!

<今回やること!> はてなブログにデザインテーマの『Brooklyn』を適用します。 『Brooklyn』はテーマストアで適用出来ます。*"ストア"ですが無料です。 さらに、CSSを使って見た目をカスタマイズします。 以前、私が使っていた公式テーマは、記事の幅が狭…

Visual Studio Codeでコード編集&デバッグする!:Cocos Creator

<今回やること!> Cocos CreatorのコードエディタをVisual Studio Code(以下、VSCode)に変更します。 VSCodeでWeb向けのデバッグするための設定を行います。 Cocos Creatorに最初から組み込まれているコードエディタはデバッグ機能がありません。 また、…

読み上げ機能でデータを音声でチェックする!:Excel

<今回やること!> Excelのデータを音声で読み上げさせます。 例えば、紙からExcelに書き写したデータをチェックする際に、耳でExcel、目で原本をチェックできるので、交互に見比べる必要がなくなります。 Excelの『セルの読み上げ』を使う方法と、フリーウ…

入力した文字数によってセルを自動で移動する!:Excel

<今回やること!> 氏名年齢体重(kg)判定佐藤2686.5可鈴木1972.3優高橋31102.5良 Excelに上の表のデータを楽に入力出来るように次のマクロを設定します。 セルの自動移動 例)2文字入力したら、Enter等を押さなくても次のセルに移動する 小数点の入力を省略…

COUNTIFS関数でグループ別・除外等の条件付きの順位を付ける!:Excel

<今回やること!> Excelで、『COUNTIFS関数』で順位を計算します。 下表のように、『グループ別』や『対象を限定』等の条件付きの順位付けが出来ます。 例:AとBのグループ別に順位付け(20歳未満対象) D2のセルの式は次の通りです。式の解説は後で詳しく…

○×をテンキーで入力出来るようにする!:Excel

<今回やること!> Excelで、セルに数字の0を入力したら×、1を入力したら○が表示されるように設定します。↓こんな感じです。 先日、大量にデータ入力をしたのですが、数値と○×の入力が混じっていたため、なかなか面倒なものでした。そこで、○×もテンキーで…

はやめに知っておきたかったMacの操作

Macの操作はまだまだ勉強中ですが、今まで覚えた操作で個人的にもっと早く知っておきたかった操作を何個かピックアップしてみました。

match()とreplace()を使ってファイル名を変更する!(ちょっと対話型):Node.js

mmorley.hatenablog.com ↑の記事のプログラムの派生版です。 文字の検索(match())や文字の置換(replace()関数)を使って、ファイル名を変更します。 フォルダ内の複数のファイルからmatch()を使って対象のファイルを絞り込み、replace()で新しいファイル名…

フォルダ内のファイル名に連番を付ける!(ちょっと対話型):Node.js

フォルダ内のファイルを、ファイル作成日で昇順にソートして、ファイル名に連番を付けるプログラムを作ります。 image01.jpg、image02.jpg、image03.jpg、、、みたいにします。 データを消して飛び飛びになった番号を振り直したい時に使えます。 元のファイ…

Visual Studio Codeでデバッグする!:Node.js

Node.jsのデバッグ環境が欲しい!ということで調べると、Visual Studio Code(以下、VSCode)で簡単に出来ることがわかりました。 VSCodeは既にエディタとして利用しているので、早速試してみました。

同期・非同期処理で、フォルダ内のファイルを列挙する!:Node.js

↓こちらの記事で、Node.jsの環境を作成しました。 mmorley.hatenablog.com Node.jsの使用例を見ていたら、ファイル操作が出来ることを発見!ここでのファイル操作とは、ファイルの名前変更、削除、ファイル情報の取得等です。 ブラウザ上で動く従来のJavaScr…

Node.jsをMacにインストール!(Homebrew→Nodebrew→Node.js順にインストール)

<前置き> 画像から文字を読み込むOCRについて調べていたら、Tessract.js(テッサラクト・ジェイエス)というライブラリを発見しました。 なんと純粋なJavaScriptで書かれているとのこと。しかも60以上の言語を認識出来るらしいです。 さっそく手順に従って…

翻訳サイトから翻訳結果を取ってくる!:Googleスプレッドシート

私は英語の文章を読むときは、翻訳サイトにたよりまくりです。 翻訳サイトの精度は以前より良くなっていると感じますが、それでも変な日本語になるケース少なくないです。 なので、何個かの翻訳サイトの訳を見比べて、意味の通るように訳すことが多いです。 …

年賀はがきの宛名印刷を作る!:Googleスプレッドシート

この記事は、スプレッドシートで宛名印刷を作ること自体が目的です。 実際に使うには、印刷の位置とサイズの調整(プログラムやプリンタの設定で調整)が必要だったり、文字の入力にルールがあったりと、ちょっと手間です。 フォントも自由に選べません。 ち…

ピボットテーブルの使い方を調べる!:Googleスプレッドシート

『ピボットテーブル』・・・私にとってExcelの分からない&使ったことがない機能ですが、ちょっと気になってました。 先日、Googleスプレッドシートにも同様の機能があることを知り、良い機会なので使い方等を調べてみました。

セルのデータをWebで検索する!(英単語の辞書引き):Googleスプレッドシート

Googleスプレッドシートに、単語や熟語を入力してEnterキーを押すと、 辞書のリンクが出て、 辞書が引けるようにします。 作り方を説明します。 プログラムの部分はコピペで出来ます。