思いついたものを、
作って公開しています。
ブラウザで動くWebサービスやゲームを、ひとりで作っています。登録やインストールをしなくても、URLを開けばすぐ使えるものが多いです。
01 — works
つくったもの
カードを押すと、それぞれでできることの一覧が開きます。
loop-animation
図形が継ぎ目なくループするアニメーションを作る。
loop-animation.tsuyatt.com
Aim Training
インストールなしで遊べる、FPSのエイム練習。
tsuyatt.itch.io/aim-training
Rollshade
three.jsのゲームに足せる、技のエフェクト集。
rollshade.tsuyatt.com
Rollpoly
ローポリのキャラや小物を、ボタンひとつで。
rollpoly.tsuyatt.com
ショート動画メーカー
縦型ショート動画に、字幕と効果音を付ける。
short-video-maker.tsuyatt.com
10秒だけ！
1回10秒で終わるミニゲーム集。
10secgames.tsuyatt.com
ノイズダウンロード
作業用のノイズを、好きな長さで保存。
noise-download.tsuyatt.com
チャットシアター
チャット風の会話を、そのまま縦型動画に。
chat-theater.tsuyatt.com
入稿前チェッカー
印刷に出す前のPDFを、ブラウザで自動チェック。
nyuko-checker.tsuyatt.com
02 — games
ミニゲーム
ブラウザですぐ遊べる 3D ゲーム。登録不要で、実況・動画配信もOKです。すべてのミニゲーム →
03 — stack
使っている技術
フロントエンド
動画と音声
ブラウザ内処理
3D / ゲーム
ビルドと配信
04 — blog
すべての記事 →
最近の記事
-
ホワイトノイズ、ピンクノイズ、ブラウンノイズは何が違う？ 測って比べた音のちがいと、勉強や睡眠での選び方
ホワイトノイズ、ピンクノイズ、ブラウンノイズの違いは、低い音と高い音の配分です。実際の音を測った数値で違いを比べ、勉強や作業、睡眠に使うときに研究で分かっていることと分かっていないこと、目的別の選び方をまとめました。
-
録画の音が45ms遅れても直さなかった理由と、ブラウザの音の罠
ノイズの合成、効果音、動画への音の書き出し、録画への取り込みと、つやっとのサービスのうち5つが音を扱っています。試聴と書き出しで同じ関数を通す設計、時間の原点の決め方、AACとMP3の先頭の遅れへの逆向きの判断、iOSでの鳴らし方、耳で聞けないときの測り方をまとめました。
-
ブラウザでMP4を書き出す4通りの実装と、Safariが黙って止まる罠
ショート動画メーカー、チャットシアター、10秒だけ！、Rollshadeの4つは、どれもブラウザの中でMP4を作っています。WebCodecs、mp4-muxer、Mediabunny、MediaRecorderの使い分け、実際に出てくるファイル、ブラウザごとの差、実際に踏んだ罠を、コードと一緒にまとめました。