いろいろややこしかったから、新たにまとめてみました。
Firebase プロジェクト作成適当にプロジェクト名を決めます。
今回は使わないので、Google アナリティクスは有効にしません。
Web アプリを有効にWeb アプリから Firebase にアクセス出来るようにします。
適当にアプリ名を決めます。
あとで必要になるのので、firebaseConfig をメモします。
匿名認証を有効に一番簡単な匿名認証で動作確認をするため、匿名認証を有効にします。
左メニューの開発項目から、Authentication を選択して、ログイン方法の匿名を有効にします。
Cocos Creator プロジェクト作成TypeScript を選択してプロジェクト作成をします。
TypeScript を選んだ理由は、JavaScript の上位互換で、JavaScript には無かった型の定義出来るからです。
ミスの少ないコーデングが出来るようになります。
プロジェクトに Firebase パッケージを追加npm を使って、プロジェクトに Firebase パッケージを追加します。
...
気になった。
varグローバル変数になる。
どこからでもアクセス出来る。
1234var test = 'hoge';function onLoad() { console.log(test); // 'hoge'}
過去の遺産なので、使用は極力避けたい。
letプライベート変数になる。
ブロック単位でしかアクセス出来ない。
123456789101112var test1 = 'hoge1';let test2 = 'hoge2';function onLoad() { var test3 = 'hoge3'; let test4 = 'hoge4'; console.log(test1); // 'hoge1' console.log(test2); // 'hoge2' console.log(test3); // 'hoge3' console.lo...
メモ程度ですが、ちょこちょこ更新していこうかなっと思っています。
XREA（エクスリア）無料から使える高機能・高品質レンタルサーバー | XREA（エクスリア）
所感XREA サーバーを利用するには、バリュードメインのアカウント登録と、個人情報の登録とSMS認証が必要
上部に大きなバナー広告が表示される。
「.shop」ドメインが付いてくるが、1年後から年間更新で4,299円かかるようになる。
何も設定を変えなければ、更新されず「.shop」ドメインが使えなくなる。
使わないで運用して行くつもりだし、どうでもいいけど、ちょっと気持ちが悪い。
XREA の無料サーバーをレンタルバリュードメインのアカウントを作成して、個人情報の登録とSMS認証をしたら XREA のアカウントが作成できます。
WordPress で使うデータベースを作成後で必要になるので、先に作っておきます。
XREA にログインして、新コントロールパネルを開きます。
新コントロールパネル左部のデータベースから、「データベースの新規作成」を選択します。
データベース名は変えれないのでそのまま。パスワードは適...
したいと思います。
今どきのブラウザならIDとパスワードを覚えて次来たら自動で入力してくれますが、ログインボタンは自分で押さないといけません。正直面倒くさい。
ウェブサイトを開いたら、勝手にログインをして準備万端な状態にして欲しい時があると思います。
なので実行したら自動でログインしてくれるHTMLファイルを作っちゃいます。
注意事項これから作るHTMLファイルは、IDとパスワードを誰でも読める状態で保存するので、GoogleのアカウントやYahooのアカウントなど重要なウェブサイトでやらないで下さい。
実行したら誰でもログインが出来ちゃうので危険です。
自己責任でお願いします。
自動ログインするHtmlファイルを作成する新規のメモ帳を開くまず新規のメモ帳を開きます。
雛形のHtmlを貼り付ける次に、下記のHtmlをコピーして新規メモ帳に貼り付けます。
123456<body onload="document.login.submit()"> <form action="★★★" method="post...
前回、TiledMap で、Isometric Map を作って、Cocos Creator で表示をしました。
で、今回は、タッチした箇所のマップタイルに変化を与えようと思って、作っていたんだけどすごい大変だった。
とりあえず、結果はこんな感じになります。
タッチしたところが、虫食いになります。
スクリーン座標とマップ座標の変換が大変だった。
Cocos2d-js に スクリーン座標と Isometric マップ座標を変換してくれる関数があるもんだと思っていたら無いんですね。
そんなこんなで、大雑把ですが変換できたので紹介します。
TiledMap の Anchor は左下でまず悩まされたことで、TiledMap の Anchor は左下(0, 0)にしないと、正しく変換できませんでした。
Anchor を 0,0 にすることで、矢印が付いた青四角が左下に行きます。
タッチされたスクリーン座標はアンカーを基準に計算されるため、これをしないとマップとのズレが発生します。
TiledMap にタッチイベントを書くタッチイベント恒例で、onLoad イベントにゴリゴリ処理を書いて...
Tiled Map Editor で作ったマップを、Cocos Creator で読み込む方法を紹介します。
今後のゲーム制作で登場するか分からないですが、一応こんな機能があるよってことで。
こんなのが出来ます。https://noitaro.github.io/cocos-creator-tiledmap-web/
開発環境
Windows 10 Home 1903
Cocos Creator 2.1.0
Tiled Map Editor 1.2.4
Tiled Map Editor でマップデータを作るまず、Tiled Map Editor をダウンロードしてインストールまでしておきます。
新しいマップを作成メニューから、ファイル > 新規 > 新しいマップ の順で選択していき、新しいマップを作成します。
今回は、isometric のマップを作りたいので、マップの種類をひし型タイルにしました。
四角型や六角型のマップも作るので、いつかチャレンジしてみたいです。
何もないマップが出来ました。
タイルセットを作成次に、新しいタイルセットを作成します。
メニュ...
スマホゲームをやっている気がつくのですが、画面をタッチするとキラキラ光る場合がありますよね？
あれを particle(パーティクル)って言うんです。
ユーザーがちゃんとタッチしたか分かりづらいから入っているんだと思います。
それを試しに実装してみます。
こんな感じ
ブラウザでの動作確認はこちらで出来ます。
https://noitaro.github.io/cocos-creator-particle-web/
開発環境
Windows 10 Home 1903
Cocos Creator 2.1.0
パーティクルを作るCocos Creator で作ることも出来るのですが、結構手間で思い通りに作れませんでした。
なので今回は、Cocos2d-x 用のパーティクルを作れるウェブサービスを使って作ります。
Particle2dx
http://particle2dx.com/
右側のスライダーや値などを変えると、左側のプレビューに反映されるので、直感的にパーティクルが作成できます。
いい感じのパーティクルが出来たらエクポートいい感じのパーティクルが出来たらパソコンに出力します...
動画をGIFアニメにしたいことってありませんか？
今回、デスクトップを録画してGIFアニメにしたので備忘録しました。
ちなみに、今回はこんなGIFアニメを作りました。
ゲームで使うパーティクルですね。
画像だと伝わらないと思ったので、GIFアニメに挑戦してみました。
デスクトップをキャプチャするまず、GIFアニメにする元が無いと話になりません。
というわけで、デスクトップを録画してMP4形式の動画にしちゃいます。
GeForce Experience を使ってデスクトップを録画するグラボを積んでいるパソコンだと、NVIDIA の GeForce シリーズか、AMD の Radeon シリーズがメジャーだと思います。
今回は、NVIDIA の GeForce シリーズを使っているパソコン向けに説明します。
他のは持っていないので、フリーの録画ソフトで作成して下さい。
GeForce Experience を初期設定から変えていなければ、Alt + Z でオーバーレイメニューが出てきます。
その中の 録画する > 起動 とやるとデスクトップの録画が開始されます。
動画の保存...
最近、ゆゆうたの動画にハマっています。
https://www.youtube.com/channel/UCNMG8dXjgqxS94dHljP9duQ
https://youtu.be/UEJ2F09_4Qo
耳コピやアレンジが上手くて凄いっす。
そんなゆゆうたに影響されててか、ちょっと変な楽器を買ってしまったので紹介をします。
ビブラートが上手なオタマトーン面白い音が出る電子楽器のオタマトーンです。
amzn.toAmazon.co.jp: キューブ オタマトーン デラックス (ブラック) : おもちゃhttps://amzn.to/2CLfCV6
なんじゃこりゃな外見ですが、電子楽器なのです。
ちなみに通常サイズも買いました。
amzn.toAmazon | オタマトーン スイーツ ミント | 音楽プレイヤー | おもちゃhttps://amzn.to/2CS4bet
大きさは1.5倍ぐらい違うオタマトーンを並べてサイズ比較してみると、1.5倍ぐらいの違いがあります。
使い心地についてハッキリ言って、小さい方は使いづらくて無理ですね。
大きい方と比べると小さい方...