モーリーのメモスマートフォン用の表示で見るモーリーのメモアプリ開発等(プログラミング、CG作成)、興味を持ったことを実践してまとめるブログです。HTMLのテーブルタグを作成できるようにします。テーブルタグを記事に貼るとこんな感じです。Node.jsで、画像処理ライブラリの『Jimp』をインストールします。画像の周りに余白を追加するプログラムを作成します。フォルダ内の複数の画像ファイルを一括処理します。こちらの記事の続きを行います。スコアの表示、ゲームが失敗した時のシーンのリロードや効果音の再生の処理等を追加します。今回でチュートリアル完了です。こちらの記事の続きを行います。スクリプト(ソースコード)を書いて、アニメーション、キー入力、ループ処理等を実装します。↑の記事のプログラムの派生版です。文字の検索(match())や文字の置換(replace()関数)を使って、ファイル名を変更します。JavaScriptフォルダ内のファイルを、ファイル作成日で昇順にソートして、ファイル名に連番を付けるプログラムを作ります。image01.jpg、image02.jpg、image03.jpg、、、みたいにします。データを消して飛び飛びになった番号を振り直したい時に使えます。Code(以下、VSCode)で簡単に出来ることがわかりました。VSCodeは既にエディタとして利用しているので、早速試してみました。JavaScript↓こちらの記事で、Node.jsの環境を作成しました。Node.jsの使用例を見ていたら、ファイル操作が出来ることを発見!ここでのファイル操作とは、ファイルの名前変更、削除、ファイル情報の取得等です。画像から文字を読み込むOCRについて調べていたら、Tessract.js(テッサラクト・ジェイエス)というライブラリを発見しました。なんと純粋なJavaScriptで書かれているとのこと。60以上の言語を認識出来るらしいです。JavaScript私は英語の文章を読むときは、翻訳サイトにたよりまくりです。翻訳サイトの精度は以前より良くなっていると感じますが、それでも変な日本語になるケース少なくないです。何個かの翻訳サイトの訳を見比べて、意味の通るように訳すことが多いです。JavaScriptこの記事は、スプレッドシートで宛名印刷を作ること自体が目的です。実際に使うには、印刷の位置とサイズの調整(プログラムやプリンタの設定で調整)が必要だったり、文字の入力にルールがあったりと、ちょっと手間です。フォントも自由に選べません。辞書が引けるようにします。プログラムの部分はコピペで出来ます。JavaScript『/(スラッシュ)』を1つ書いたり消したりするだけで、コメントアウト部分を切り替え可能なコメントの書き方です。JavaScript『replace()』は、文字列の置換を行う関数です。基本的な使い方は、下記の通りです。JavaScriptこちらの記事で2Dのキャラクタのアニメーションを作りました。↑ではボタンでアニメーションを切り替えていましたが、ゲームらしくするためにジョイスティックでキャラクタを動かせるようにしてみました。JavaScript記事を修正しました。注意!:この記事のスクリプトでは、正しく処理できない場合が多々あります。参考程度として利用して下さい。記事を削除しようかと思いましたが、部分部分で参考になるソースコードもあるので、とりあえず残します。JavaScriptこちらの記事で改良版も紹介しています。『結合セルの自動判別』や『文字色・セルの背景色を反映』等の機能を追加しています。テーブルタグが出来るようにします。Creatorこちらの記事で、Webアプリをはてなブログ内に貼り付けました。Mobile用にビルドしたのでスマホからでも見ることが出来るのですが、問題は表示サイズです。午前0時0分0秒を起点として時刻を管理しています。この時刻?と思って調べると『(UNIX時間の)取り決めをした時に、PCの時刻管理のデータ容量を考慮すると当分持つし、キリが良いから』だそうです。Creator』のコードエディタは簡単な構文チェックをしてくれます。IDE』では何も言われなかった所で警告が出たりします。Studio2』の時とそんなに変わらないだろうと思っていたのですが、意外に苦戦しました。実質的には、JSONファイルの読み込みに苦戦したというよりはJSONファイルのパスの渡し方に苦戦しました。Mac以前、こちらの記事の続きです。前回は、『ListView』の外枠の部分を作りました。今回は、リストの項目を作って『ListView』に追加します。<iframe>タグを使えば、はてなブログ内に外部サイトが表示出来たんですね。Macこちらの記事の続きです。スクリプトでアニメーションを操作する方法、アニメーションイベントに関する内容です。Macアニメーションを使いたいのですが、使い方がよくわからないので、とりあえずマニュアルを読んでみました。最新版と同期が取れているのか、若干怪しいのですが、これを読むしかないですし。Mac以前、こちらの記事で『Cocos2d-JS』用に移植していた仮想ジョイパッドを『CocosCreator』で使えるように作り直しました。中身を整理したので、多少シンプルになりました。Creator』単独では、コードエディタに構文チェックがあるぐらいで、プレビューを行ってもあまり詳細なデバッグ情報が得られません。実行時エラーの場合は、実行画面が止まるだけです。これではまともにデバッグ出来ず困ってしまいます。Macまだ理解が浅いので、解釈など間違っているかもしれませんが、確認した内容を書きます。今回は、addChild、addComponentについて。Macまだ理解が浅いので、解釈など間違っているかもしれませんが、確認した内容を書きます。今回は、スクリプトのPropertiesについて。下記の記事で作成していた仮想ジョイパッド実装用のモジュール『SneakyInput-JS』の『ColoredCircleSprite.js』に不具合があり、これに関連する部分を削除しました。その他、ジョイパッドの機能には影響ありません。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。