@MatchaChoco010
strata.orito-itsuki.graphics
Joined June 2021
  • Tweets4.4K
  • Following32
  • Followers1.3K
1.2KMedia
作ったものなどスレ
1
13
2,143
#Arshes
1
6
221
#Arshes
1
117
#Arshes
2
131
ArshesのAndroid版 公開めでたい！
Arshes⚡️@arshes_netOct 27
#Arshes for Android has been released⚡️ play.google.com/store/apps/d…
1
129
折登 樹 retweeted
Arshes⚡️@arshes_netOct 27
#Arshes for Android has been released⚡️ play.google.com/store/apps/d…
4
2
1
716
何か思ったよりダッシュボードがリポストされたわね。意図としてはこの派手なダッシュボードを常用したいというわけではなく、今のコーディングエージェントがどこまで派手なのを作れるか試してみたいというものでした。
1
1
211
そして何か全然知らん人間が「広まってほしくない」とかいう謎の煽るようなコメントをつけて引用ポストをしていてなんやねんという感じだわね。
1
96
HTML-in-CanvasとWebGPUを使ってDiscordのAIボットのダッシュボードを無駄にカッコよくするやつ、もう少しコーディングエージェントに詰めさせて演出を載せまくってもらったらこんな具合になった。さすがにうるさすぎる気もするが。。。Webブラウザでこのくらい派手なGUIが動くのは面白いわね。
16
444
68
3,967
232,883
こちらでトライできます。 xitter.cf/MatchaChoco010/status/…
折登 樹@MatchaChoco010Oct 26
せっかくなのでOrigin Trialを申し込んでGitHub Pagesでデモページとして公開してみた。ChromeでGPUがちゃんとしている端末で開くと動くかも。AndroidのChromeとかだとGPUの描画負荷で厳しいかも。 HTML-in-CanvasとWebGPUのデモページとして楽しんでもらえれば。 matchachoco010.github.io/dem…
3
39
14,778
せっかくなのでOrigin Trialを申し込んでGitHub Pagesでデモページとして公開してみた。ChromeでGPUがちゃんとしている端末で開くと動くかも。AndroidのChromeとかだとGPUの描画負荷で厳しいかも。 HTML-in-CanvasとWebGPUのデモページとして楽しんでもらえれば。 matchachoco010.github.io/dem…
折登 樹@MatchaChoco010Oct 26
HTML-in-CanvasとWebGPUを使ってDiscordのAIボットのダッシュボードを無駄にカッコよくするやつ、もう少しコーディングエージェントに詰めさせて演出を載せまくってもらったらこんな具合になった。さすがにうるさすぎる気もするが。。。Webブラウザでこのくらい派手なGUIが動くのは面白いわね。
3
22
1
222
22,474
これはOpus 5.5に雑に数ターンで作らせたものなので、もう少し丁寧に人間が指示すればもっと良いやつが作れると思うわね。イージングにしろレイアウトにしろ質感にしろもっと詰めてフィードバックすればよくなる気がする。
折登 樹@MatchaChoco010Oct 23
HTML-in-Canvasを使ったダッシュボードをもう一つ少し動きの違うやつを追加でClaude Codeに作ってもらった。これがWebブラウザで動くGUIというの、なかなかシビレるね。
2
7
1,119
しかし、余計なダッシュボードを作って遊んでいたらダッシュボードで監視する対象のボット本体が起動しなくなって修正作業中など。。。
582
HTML-in-Canvasを使ったダッシュボードをもう一つ少し動きの違うやつを追加でClaude Codeに作ってもらった。これがWebブラウザで動くGUIというの、なかなかシビレるね。
1
7
1
45
3,412
近年のAIは雑シェーダーを書かせるのも結構得意だし、WebGLなりWebGPUなりでHTML-in-Canvasをいじり回すサイトを作らせるのは楽しいわね。。。
1
558
（念のためURLをモザイクしたが、普通に左下にステータスのやつでリンク先URLが出てるな……。まあ別にええか……）
536
折登 樹 retweeted
ゆき
@yunecoAug 25
HTML in Canvasって新しいweb仕様の解説記事書きました。webページにもっとド派手で映える演出を加える機能ってイメージを持ってる人もいるかもだけど、そういうためだけの技術じゃないよ、って内容です この恨み・つらみCanvasで苦労した人は全員分かってもらえるはず🥹 ics.media/entry/260825/

新API「HTML-in-Canvas」を紹介 - CanvasにHTMLを描くAPIは何を解決するのか？ - ICS MEDIA

波打つ入力フォームや発光するボタン、ウェブページ全体の派手なグリッチ表現やトランジション……。最近SNSでこうしたウェブページデモを見かける機会が増えてきました。こうしたデモの多くに利用されている新しい技術がHTML-in-Canvasと呼ばれるAPIです。

ics.media
1
61
3
279
26,442
HTML-in-Canvas、自分でカッコいいGUIを作るべくGPUを触ったりすると非常に面倒なテキストレンダリングとかDOM的な構造の構築とかをHTMLに乗っかったままCanvasで好き放題描画できるので本当によさそう。
1
5
973
これがあればElectronとかのChromimu系のGUI開発でゴリゴリに演出効かせたGUIとかも作りやすくなるだろうなあ。
1
402
最近趣味でLLMとボイスチャットできる仕組みを作って遊んでいるのだけど、そのログとかを確認するためのダッシュボードを、HTML-in-Canvas APIを使って無駄にカッコいいものをバイブコーディングで作ってもらった。
1
8
27
1,600
HTML-in-Canvas、非常に可能性を感じる。こういう感じのWebページは最近のビジュアルに強くなったコーディングエージェントの得意分野でもあるから、Origin Trialが開けてさらにChrome以外でも使えるようになったらすごいページが増えまくりそう。（Webページが全部こうなったら鬱陶しい気もするが）
1
472
HTML-in-Canvasなので、斜めに傾けたりとかした文字とかもドラッグで選択できるようにできるし、DOMベースで作ったものをcanvasに持ち込めるので、今までの背景に流す演出だけにしか使えなかったCanvasから前景要素も積極的にいじれるようになった感があるわね。
1
449
Load more