メインコンテンツへスキップ

240タブでPongを動かしてみた

·1 分
2025/02 ブラウザ ゲーム 技術 実験 プログラミング

240タブでPongを動かしてみた

引用元:https://news.ycombinator.com/item?id=43119086

eieio 2025-02-20T22:48:39

あ、こんにちは!これ作ったんだ!HNの人たちにウケるかなって思ってさ。質問があれば何でも聞いてね!いくつか考えてることもあるよ:
・アニメーション使ったらどうなるか興味あるな(Firefoxはアニメーションfaviconサポートしてるし)。将来のボールの位置を予測して、アニメーションSVG作ればもっと滑らかな動きになるかも。
・友達がオフラインで教えてくれたんだけど、canvasのラスタライズはGPU上で行われるから、アニメーションのカクつきの印象が間違ってたかもしれない。
・Chromeはfaviconの更新を1秒4回に制限してるかもしれないけど、色々な更新方法があるから見落としてるかもしれない。

uranium 2025-02-21T00:34:44

リダイレクションするにしても、君の作品大好きだよ!こういう技術的なパフォーマンスアートは見るのも作るのも楽しいよね。もしかしたら、それが僕がジャグリングをする理由でもあるかも。「もっと難しい方法があるはず!」ってね。

eieio 2025-02-21T02:47:00

君のポンゲームはどれ?見てみたいな。

WastedCucumber 2025-02-21T07:50:25

俺も興味あったけど、これかもしれない。
https://news.ycombinator.com/item?id=19155205

dataviz1000 2025-02-20T23:16:59

>友達がオフラインで言ってたのは、canvasのラスタライズは大抵GPU上で行われるから、アニメーションのカクつきの印象が間違ってたかもしれないって言ってたけど、解決したの?いいリソースはJake Gordonのブログだよ。彼はダブルバッファリング方式のキャンバスゲームループを使ってる。
https://jakesgordon.com/writing/javascript-pong/part1/

eieio 2025-02-21T15:49:53

ごめん、特にタブバーに移動する四角形のカクつきについて話してるんだ。効率が悪かったからfaviconを何度も更新してたけど、なぜカクつくのか理解してなかった。faviconの処理は別スレッドで行われると思ってたから、前面でアニメーションしても影響を受けないと思ってたんだ。友達が言ってたのは、俺はCPUではなくGPUに制約されてたってことだ。

adamgordonbell 2025-02-21T02:42:40

素晴らしい!君の出力速度は本当にすごいね!この作品や、グローバルキャップロック、バッドアップルのregex、UUIDなど、1百万のチェックボックス以降の多くのことに感心してるよ。君の努力に驚いてる。

eieio 2025-02-21T16:17:35

あ、アダムありがとう!ここで会えるのが楽しいね!

OneLeggedCat 2025-02-21T03:37:00

今度はブラウザタブでDoomを見たいな。

rhgraysonii 2025-02-20T22:41:39

Nolenの最近のRecurseでのトークに参加したんだけど、こういうクールで面白い一発ネタのゲームは本当に楽しいよね。昔のインターネットを思い出すな、ただ遊ぶために作られてた時代。昨夜もNolenが投稿してるものからインスパイアを受けて、ページのソースコードを表示する非常に面白いクワインを作ったんだ。手間はないけど、こういうふうに面白いものを作っている人たちがいることが嬉しい。みんなにとって物事を面白くしてくれるね。
そのクワインの作品はこちらだよ、笑いたい人はどうぞ。
https://github.com/notactuallytreyanastasio/blog/blob/main/l

smithcoin 2025-02-20T22:31:21

Nolenの作品は最高だね!昔のインターネットを思い出させる単目的なアプリやサイトが特にいい感じ。

dejawu 2025-02-21T06:11:26

Matthew Rayfieldがタブのファビコンの代わりにURLバーを使った探求も面白いよ。リンクはコチラ:https://www.youtube.com/watch?v=q7GtCLwTmV4

eieio 2025-02-21T15:44:27

Mattの作品からすごく刺激を受けてる!今回のプロジェクトを進める中で、彼のURLのアイデアを思い出すのが楽しかった。

kvemkon 2025-02-21T14:38:07

思い出したのが:>“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

capitainenemo 2025-02-22T22:04:48

Firefoxのタブの幅について。ブラウザの検査ツールで最小タブ幅のスタイルを見つけて、userChrome.cssに追加できるよ。タブ幅についてのガイドもあるみたいだけど、ちょっとズルかもね。

LonelyWolfe 2025-02-20T22:39:52

次はDoomが来ると言っておくよ。

eieio 2025-02-20T22:50:09

Doomは結構厄介なんだよね。タブの更新頻度が4FPSに制限されるから、画面の大部分が更新されるとなると、プロセスが重くなるんだよ。オフスクリーンキャンバスのことは知らなかったけど、これが役立つかも。

graypegg 2025-02-21T15:40:24

確かにDoomは計算機や妊娠検査薬、ミリングマシン、タッチバー、PDFドキュメントでも厄介なんだ。でもそれが逆に楽しさでもある!Doomを4FPSでプレイするのも、やったことがあればなんとかなるだろうな!

rhgraysonii 2025-02-20T22:42:23

NolenはiPhotoでもDoomをやってたと思うけど、そういうのが好きならいいかも。

luma 2025-02-20T21:31:39

まさに不思議で楽しげ。A+の努力だね!

もっとコメントを表示(1)
wedocharlie 2025-02-20T21:30:10

Ok GoがGoogle Chromeとコラボしたミュージックビデオがあって、ブラウザウィンドウとダンサーの同期や万華鏡みたいな効果が素晴らしかったのを思い出したわ。

wedocharlie 2025-02-20T21:31:48

>ここがその動画だよ:”https://www.youtube.com/watch?v=ISL1GfXwr-o”

Rendello 2025-02-20T22:33:38

昔、Chromeの実験でArcade Fireを知ったんだ。

sho_hn 2025-02-20T23:03:15

Doomの移植の話。

ge96 2025-02-20T22:13:25

Chromeがこんなに変更できるのはすごいね。このやつはwebsockets使ってるみたいだけど、タブ間通信の拡張機能も使えるよ。

remram 2025-02-20T23:32:41

それともweb storage APIを使う手もあるよ。

ashu1461 2025-02-21T03:55:36

それでストレージの変更をリスニングするってことでしょ?

fitsumbelay 2025-02-21T06:57:53

いつもながら感心するわ。

qingcharles 2025-02-20T22:38:56

>お約束だね:”https://imgur.com/a/FcYpGz1”

aqueueaqueue 2025-02-21T00:03:20

チェックボックスがタブになってるね。しっかりピクセルを取れる場所を見つけ続けてるよ。

nektro 2025-02-21T05:32:29

これはまさにHNが見せるために作られたものだね。素晴らしい仕事だと思うよ!

記事一覧へ

海外テックの反応まとめ
著者
海外テックの反応まとめ
暇つぶしがてらに読むだけで海外のテックニュースに詳しくなれるまとめサイトです。