240タブでPongを動かしてみた
引用元:https://news.ycombinator.com/item?id=43119086
あ、こんにちは!これ作ったんだ!HNの人たちにウケるかなって思ってさ。質問があれば何でも聞いてね!いくつか考えてることもあるよ:
・アニメーション使ったらどうなるか興味あるな(Firefoxはアニメーションfaviconサポートしてるし)。将来のボールの位置を予測して、アニメーションSVG作ればもっと滑らかな動きになるかも。
・友達がオフラインで教えてくれたんだけど、canvasのラスタライズはGPU上で行われるから、アニメーションのカクつきの印象が間違ってたかもしれない。
・Chromeはfaviconの更新を1秒4回に制限してるかもしれないけど、色々な更新方法があるから見落としてるかもしれない。
リダイレクションするにしても、君の作品大好きだよ!こういう技術的なパフォーマンスアートは見るのも作るのも楽しいよね。もしかしたら、それが僕がジャグリングをする理由でもあるかも。「もっと難しい方法があるはず!」ってね。
君のポンゲームはどれ?見てみたいな。
俺も興味あったけど、これかもしれない。
https://news.ycombinator.com/item?id=19155205
>友達がオフラインで言ってたのは、canvasのラスタライズは大抵GPU上で行われるから、アニメーションのカクつきの印象が間違ってたかもしれないって言ってたけど、解決したの?いいリソースはJake Gordonのブログだよ。彼はダブルバッファリング方式のキャンバスゲームループを使ってる。
https://jakesgordon.com/writing/javascript-pong/part1/
ごめん、特にタブバーに移動する四角形のカクつきについて話してるんだ。効率が悪かったからfaviconを何度も更新してたけど、なぜカクつくのか理解してなかった。faviconの処理は別スレッドで行われると思ってたから、前面でアニメーションしても影響を受けないと思ってたんだ。友達が言ってたのは、俺はCPUではなくGPUに制約されてたってことだ。
素晴らしい!君の出力速度は本当にすごいね!この作品や、グローバルキャップロック、バッドアップルのregex、UUIDなど、1百万のチェックボックス以降の多くのことに感心してるよ。君の努力に驚いてる。
あ、アダムありがとう!ここで会えるのが楽しいね!
今度はブラウザタブでDoomを見たいな。
Nolenの最近のRecurseでのトークに参加したんだけど、こういうクールで面白い一発ネタのゲームは本当に楽しいよね。昔のインターネットを思い出すな、ただ遊ぶために作られてた時代。昨夜もNolenが投稿してるものからインスパイアを受けて、ページのソースコードを表示する非常に面白いクワインを作ったんだ。手間はないけど、こういうふうに面白いものを作っている人たちがいることが嬉しい。みんなにとって物事を面白くしてくれるね。
そのクワインの作品はこちらだよ、笑いたい人はどうぞ。
https://github.com/notactuallytreyanastasio/blog/blob/main/l…
Nolenの作品は最高だね!昔のインターネットを思い出させる単目的なアプリやサイトが特にいい感じ。
Matthew Rayfieldがタブのファビコンの代わりにURLバーを使った探求も面白いよ。リンクはコチラ:https://www.youtube.com/watch?v=q7GtCLwTmV4
Mattの作品からすごく刺激を受けてる!今回のプロジェクトを進める中で、彼のURLのアイデアを思い出すのが楽しかった。
思い出したのが:>“Show HN: びっくりするような実験を見たから、シンプルなバージョンを作ったよ” (2023年11月25日) https://news.ycombinator.com/item?id=38413660
*>“Three.jsとlocalStorageで複数のウィンドウに3Dシーンを同期させる” (2023年11月27日) https://news.ycombinator.com/item?id=38437773
Firefoxのタブの幅について。ブラウザの検査ツールで最小タブ幅のスタイルを見つけて、userChrome.cssに追加できるよ。タブ幅についてのガイドもあるみたいだけど、ちょっとズルかもね。
次はDoomが来ると言っておくよ。
Doomは結構厄介なんだよね。タブの更新頻度が4FPSに制限されるから、画面の大部分が更新されるとなると、プロセスが重くなるんだよ。オフスクリーンキャンバスのことは知らなかったけど、これが役立つかも。
確かにDoomは計算機や妊娠検査薬、ミリングマシン、タッチバー、PDFドキュメントでも厄介なんだ。でもそれが逆に楽しさでもある!Doomを4FPSでプレイするのも、やったことがあればなんとかなるだろうな!
NolenはiPhotoでもDoomをやってたと思うけど、そういうのが好きならいいかも。
まさに不思議で楽しげ。A+の努力だね!
もっとコメントを表示(1)
Ok GoがGoogle Chromeとコラボしたミュージックビデオがあって、ブラウザウィンドウとダンサーの同期や万華鏡みたいな効果が素晴らしかったのを思い出したわ。
>ここがその動画だよ:”https://www.youtube.com/watch?v=ISL1GfXwr-o”
昔、Chromeの実験でArcade Fireを知ったんだ。
Doomの移植の話。
Chromeがこんなに変更できるのはすごいね。このやつはwebsockets使ってるみたいだけど、タブ間通信の拡張機能も使えるよ。
それともweb storage APIを使う手もあるよ。
それでストレージの変更をリスニングするってことでしょ?
いつもながら感心するわ。
>お約束だね:”https://imgur.com/a/FcYpGz1”
チェックボックスがタブになってるね。しっかりピクセルを取れる場所を見つけ続けてるよ。
これはまさにHNが見せるために作られたものだね。素晴らしい仕事だと思うよ!