Skip to content
Standard Reader
Log in
Tag

Canvas

Articles and publications tagged Canvas across the Atmosphere.

5articles4publications
oh hey, it's owais
oh hey, it's owaisDec 25, 2025
"Small" Web Apps
Dev Log 40: 2025-12-25
canvasdevlog
fubits.dev
fubits.devApr 24, 2025
«Feature Graveyard»: 14K Data Points with Canvas & WebGL in Svelte
Using Svelte + Canvas + WebGL + Voronoi/Delaunay to render > 10K interactive data points
SvelteCanvas
Devtools FM
Devtools FMOct 13, 2024
Guido Rosso - Rive, The Graphics Format of the Future
Guido Rosso unveils Rive, the next-generation interactive graphics format designed to bridge designers and developers for web animation.
graphicsanimation
Devtools FM
Devtools FMJun 23, 2024
Lu Wilson - TodePond, TLDraw, and the Future of Software Interaction
Lu Wilson (TodePond) from TLDraw and Ink & Switch demonstrates creative coding experiments that push the boundaries of software interaction.
technologysoftware
ばうあーろぐ
ばうあーろぐFeb 24, 2013
大なごやJS vol.5 で『WebRTC + Web Audio API = スーパーサイヤ人』のネタを話してきた
とりあえず各セッションの感想などは一旦置いといて、 自分の発表したやつだけ、軽くまとめておきます。 当日発表した資料は slideshare にアップしてあります。 WebRTC + Web Audio API = スーパーサイヤ人(slideshare) また、発表用に作った実験コンテンツは以下にアップしてあります。 なれる！スーパーサイヤ人！ Twitterのまとめは以下です。 大なごやJS vol.5 (#daiNagoyaJS) (togetter) WebRTC + Web Audio API = スーパーサイヤ人 資料を見ていただければ分かるように、前々回の（約7か月前）大なごやJSで発表した内容にずっと心残りがあって、 ライブ音声入力を検知してコンテンツの変化をさせる、というのをずっとやりたかったのでした。 今回、getUserMedia と Web Audio API との連携が出来るようになり、 ようやくライブ音声入力の検知を使ったコンテンツが実装できるようになったので、 満を持しての実験コンテンツとなります。 会場では、「はあああああ！！！！」と叫んで、スーパーサイヤ人に変身できて、とても満足でした。 ライブ音声入力とは また細かい話はおいおいまとめていくとして、ポイントだけさらっと触れておこうと思います。 もちろん、今現在の chrome では、getUserMedia や Web Audio API のそれぞれ単体では、すでに実装されています。 ただ、それをつなぐ方法が前回の発表時には無かったため、「はああああ！！！」と叫ぶところを、 まさかのクリックで代用という暴挙に出てしまったわけですが、 今回はそれをきちんと実装できて、「はああああ！！！」と叫んで変身することができました。 chrome://flags の中に、『getUserMedia と Web Audio API を使ったライブ音声入力』の項目があるので、 こちらのフラグを有効にしてもらえると、リアルタイムに音声入力をいじることができます。 取得したあとは、Web Audio API で扱える範疇になるため、いろいろ応用範囲が広がってくるのではないでしょうか？ 参考URL WebRTC + Web Audio API = スーパーサイヤ人(slideshare) 大なごやJS vol.5 (#daiNagoyaJS) (togetter)
CanvasgetUserMedia

You've reached the end.