yare.io - JavaScript で艦隊を動かし戦わせるゲーム
·1 分で読めます
yare.io は、Javascriptプログラムを書いて宇宙戦を戦わせるwebサービスです。 ゲームは一対一の戦い、スピリット(spirit)というユニットを操作して、自分の基地を守りつつ敵の基地を破壊することが勝利条件です。 操作して、と言いましたがマウスなどで直接操作するわけではなく、JavaScript でスピリットがどのように振舞うかをプログラミングし、フィールドに投入して戦わせます。 …
Javascript
GitHub Pages で static な短縮URLサイト作成
·1 分で読めます
nelsontky/gh-pages-url-shortener は、GitHub の静的ファイル公開機能 GitHub Pages を使った、短縮URLホスティングです。 clone して自分でもホストしてみました。s.akimoto.jp の DNS が GitHub Pages を指すように設定します。 https://s.akimoto.jp/ (説明用の index.html が開きます …
text-to-handwriting 手書き風ノートを生成するツール
·1 分で読めます
saurabhdaware/text-to-handwriting は、手書き風フォントを使って手書きされたかのようなノートの画像を作れるオープンソースのツールです。 ローカルでサーバを立て、日本語の手書きフォントをアップロードすれば日本語の手書き風ノートを生成することができました。 ノートを撮影したように影をつけたり、スキャナで取り込んだ風に画像を加工したり、それをまとめてPDFにもしてくれます …
Macintosh.js - Mac OS 8 エミュレーター in JavaScript on Electron
·1 分で読めます
1991年発売の Macintosh Quadra 900 に載っていた Mac OS 8.1 のエミュレーターを、Electron アプリとしてパッケージし、Mac/Windows/Linux で動くようにしたプロジェクトが Macintosh.js です。 Mac OS 8 は Basilisk II というエミュレーターによるものということで、オリジナルの Mac OS 8 とは異なる実装な …
Tafels.app - 子供の算数計算を鍛えるブラウザゲーム + ソースコード
·1 分で読めます
Tafels.app は、ブラウザ上で動く計算練習のアプリです。 掛け算・足し算・引き算があり、それぞれ一番簡単なレベルだけアンロックされていて遊べます。 表示された計算式の答えを、9個の候補の中から時間内に選ぶというだけのゲーム。一定以上正解すると次のレベルがアンロックされて遊べるようになります。 答えの数字を入力するものに比べると本当の計算力を測る力は弱いかもしれませんが、スマートフォン上のブ …
手書き風グラフを描けるライブラリ xkcd.chart
·1 分で読めます
英語圏でエンジニアに人気の線画コミックサイト xkcd には、グラフを使ったジョークネタも頻出します。こんな感じ。 xkcd に出てくるようなグラフは、だいたい手書き風のテイストで描かれているのですが、その手書き風グラフを再現できるグラフ描画ライブラリが xkcd.chart です。 日本語も出ますね。日本語入れると凡例の枠がはみ出てしまうので、ソースの調整が要るかもしれません。xkcd 風のフォ …
ブラウザのアドレスバーをイコライザーっぽく
·1 分で読めます
URL のハッシュ部分を書き換えることで、ブラウザのアドレスバーをグラフィックイコライザーにするというアイデアです。 これのソースコードがなんと2ツイートに収まるサイズ。 MediaDevices.getUserMedia()でマイクからの音声を取り込み、 動いた! しかし、ブラウザの履歴がたいへんなことに! replaceState()を使った、履歴が壊れないバージョンも提案されています。 // …