javascript

アクションRPG Day5 衝突

前回はアニメーションをやりました naosim.hatenablog.jp 今回は壁との衝突です Phaserの衝突は優秀で、プレイヤと壁それぞれに衝突する領域を定義したら後は勝手に計算してくれます プレイヤーの衝突定義 プレイヤークラスのcreateメソッドをいじります 何…

phaserでアクションRPG Day2 フィールドの作成

前回phaserのセットアップをしました naosim.hatenablog.jp 今日はフィールドを表示してみます で...いきなり壁... コードをcodepenで書いてたけどcodepenは画像を扱えなかった... ワークアラウンドはあるけど本質的じゃないコードが入るといやなのでjsdo.it…

phaserでアクションRPG Day1

アクションRPGが作りたくなった あとゲームフレームワークのPhaserがバージョン3になってたので勉強も兼ねて開発経過をメモします 初期状態のおまじない var config = { type: Phaser.AUTO, width: 400, height: 400, physics: { default: 'arcade', arcade:…

【GAS + kotlin】コードを分割してメンテしやすくする

前回、GASをkotlinで開発する方法を書きました naosim.hatenablog.jp この記事で「3万行を超えるkotlin.jsをコードに直接コピペする」と書きましたが、さすがにそれでは辛い 幸いGASは同一プロジェクトのスクリプトを簡単に呼べるのでそれを利用してファイル…

GASをkotlinで開発する方法

ちょっと強引な方法ですが動いたのでメモ 動いたと言ってもhelloworldが出ただけなので、その先に落とし穴があるかもしれない... intellijでkotlinjsのプロジェクトを作成し、コーディングする build.gradle Main.kt ビルド GASでコードを読み込む おまじな…

jsのクラスってコンストラクタに全部書いた方がよくね?

jsのクラスはこんな感じで書きます class Position { constructor(x, y) { this.x = x; this.y = y; } getX() { return this.x; } getY() { return this.y; } getDistance() { return Math.sqrt(this.x * this.x + this.y * this.y); } } この書き方の辛いと…

スクロールするとメニューがでるやつ作った

最近のサイトでよく見るやつ ライブラリが欲しかったけど、検索ワードがわからなかったり、jquery依存だったりでイイのが当たらなかったので自作しました コード ある要素が画面外に出たら通知するスクリプトです 使い方と動作 See the Pen menu by なおしむ…

【js】FetchAPIってのがあるらしい

ajaxといえばXMLHttpRequest でも直接触りたくないからそれを使うためだけにjqueryを入れる でもそれだけのためにjquery入れるのは辛いのでaxiosを入れてみる でもaxiosはまだv0.18だしなぁ じゃぁXMLHttpRequest直接触る? うーーん いつも↑このループに入…

ServiceWorkerでsvgを書き換えるメモ

twitterLiteのようなプログレッシブウェブアプリが作りたいのでServiceWorkerを使ってみました 面白いけど、ちょっと癖があるのでメモ とりあえずProxyが面白そうなので今日はそのサンプルを載せます そもそもServiceWorkerて何? 正しい説明はググってくだ…

jsonschemaジェネレータを作ろうと思った

jsonschemaはつらいよ たとえばapiのレスポンスがこんな感じだとします 正常 { "status": { "code": 200, "message": "ok" } } 異常 { "status": { "code": 500, "message": "internal server error" }, "errors": [ { "error_type": "unknown_error", "erro…

mermaidを非同期で読み込む

UMLを書くツールのmermaidがすごくいいのですが 使ってると共通部品を別ファイルとして外だししたくなってきます そうなるとajax等で動的に読み込む仕組みがほしくなります ただmermaidのデフォルトだと HTMLがreadyになったタイミングでパースとかの処理が…

UMLを書くならmermaidがおすすめ

UMLを書くときはPLANTUMLを使っているのですが レイアウトを思ったように配置してくれなくてイライラします

【node.js】ゼロからWebサーバを作ってみる

普段node.jsでwebサーバを作るときはexpress等のライブラリを使うかと思いますが 以前の記事で自前で作った流れで、もう少しサーバらしくしてみました。 まずは公式サイトからコピペ ↓ここにコードがある。 Node.js® とは これをそのままコピペする const ht…

【enchant.js】Mapの座標に小数が入ると表示が崩れる

個人的にenchant.jsの最大の長所はMapクラスで当たり判定までやってくれることだと思う。他のゲーム用ライブラリでもMapクラスはあるけどそこまではやってくれない。 そんな便利なMapクラスですが最近使ったら表示がおかしくなってしまったので原因を調べた…

gulpでFTPサーバにデプロイする

ひとりアドベントカレンダー4日目の記事です。 何番煎じかわかりませんが書きます。 FTPサーバに自動デプロイすること自体はやってるひとも多いと思いますが 実は私は毎回手動でやってました。 以前自動化したことはあるんですが、間違ってルートディレクト…

JS用2Dゲーム開発フレームワーク「phasejs」のropeを使う

ひとりアドベントカレンダー3日目の記事です。 phaser.jsってなに? JS用2Dゲーム開発フレームワークです。 特徴としてはスマホでサクサク動くことが特徴です。 一時期流行ったenchant.jsに比べるとメチャクチャ動作が軽いです。 他のライブラリと比べても…