Audible Visuals - Collection of visualizers derived from the Archimedean spiral by Sonia Boller. React Player - A complete Audio Visualisation player with ReactJS. Moire - A Web Audio / WebGL visualisation. Finding Love - fully interactive, Virtual Reality story that transforms emotions into art. Tangled - Audio-visual release by Berlin based netlabel Yarn Audio, visuals made in cables. Drag to ro
mp3 visualizer for webkit browsers (web audio API) Source: Puru – Koyuki (06R Remix) var D = { width: 300, height: 150, theme: { name: 'b', list: ['a', 'b', 'c'] }, stc: 0.8, ftt: 512, volume: 0.3, A: { size: 5, space: 3, color: 'rgba(43,43,43,1)', Init: function() { D.A.width = D.A.size + D.A.space; D.A.length = D.width / D.A.width; }, Draw: function() { D.ctx.fillStyle = D.A.color; for (var i =
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 改訂版について (5/7/2019公開) この記事は、私がこちらに公開したもの中では最も読まれているようです。そこで、執筆後に気づいたこと、古くなった情報、新しい技術動向などを考慮に入れて改訂をしました。主な変更点は以下の通りです: 新しいセクションの追加 最近の本の紹介 細かな表現の修正 この記事は複数のセクションに分かれていますので、前編から始め、順番にアップデートして行きたいと思います。何かお気付きの点などありましたら、コメント欄、もしくはkonoアットマークucsd.eduにお願いいたします。 はじめに この記事は、可視化の専門
The power of the unaided mind is highly overrated… The real powers come from devising external aids that enhance cognitive abilities. —Donald Norman Algorithms are a fascinating use case for visualization. To visualize an algorithm, we don’t merely fit data to a chart; there is no primary dataset. Instead there are logical rules that describe behavior. This may be why algorithm visualizations are
「迷路をウネウネと生成する,ライフゲーム的なJavaScript」ができた。 ボタンを押すと,迷路が生成されてゆく途中経過を見れる。(ポコポコッ・・・ワサワサッ…) 巨大な迷路がアスキーアートで描画される。"┤┐├"みたいな罫線AAと,"■"によるブロックAAの2通り。 こちらから動かせます。↓ 迷路をウネウネと生成するJavaScript (アスキーアートで反復描画アニメーション) http://name-of-this-site.org/coding/j... 特長: AAなので,プレーンテキスト形式で,コピペに便利。 「一時停止」ボタンで,生成を一時停止/再開できる。 迷路のサイズや,反復描画の速さはカスタマイズできる。 ソースコードは改造しやすくしてある。 既存のルートを徐々に拡張してゆく,というアルゴリズムでルートを生成している。 迷路が「成長してゆく途中」の経過を見れるのが面白
Melvie x Songle (メルビー x ソングル)は、Web上の音楽を映像で彩るソーシャルVJサービスです。現在α版として、機能を限定して試験公開中です。 能動的音楽鑑賞サービスSongle (http://songle.jp) で解析済みの楽曲(YouTube、ニコニコ動画、ピアプロ、SoundCloud、Web上のMP3)を選択し、その再生に合わせてブラウザ上で動的に映像素材を組み合わせてエフェクトを付けて表示できます。 楽曲はMelvieを経由せずに、元の配信サイトからユーザのブラウザへ直接ダウンロードされ、ストリーミング再生されます。元の楽曲が削除されていると、再生できません。 Melvie x Songleは、中嶋 誠(東京大学大学院 情報理工学系研究科 コンピュータ科学専攻)が、東京大学五十嵐健夫研究室および、産業技術総合研究所メディアインタラクション研究グループにおい
Browser Dance Party: Visualizing Audio with the Web Audio API Time: Wednesday @ 2:30pm | Room E-131 Now that the Web Audio API is available in most major desktop and mobile browsers, plugin-free audio visualization for added app flair, audio analysis and full-on dance parties is now possible. Let's check out how we can use Web Audio to visualize music and sound, the theory behind beat and pitch d
VVVV.js is a great toolkit for prototyping and developing rich data visualisation, advanced user interfaces, games, and more — all by connecting nodes, spreading slices and letting the dafa flow. From simple 2D charts to complex 3D animations: the possibilities grow with your patching skills. Features VVVV.js is fun to play with, yet it's more than a toy. Rather than being a standalone web applica
経済産業省が保有する多様なデータ。そこには、あらゆるテーマにわたって日本経済の過去と現在が記録されている。OPEN METIプロジェクトは、これらの膨大なデータを様々な切り口で紐解き、活用可能なオープン・データとして公開していくプロジェクトです。経済産業省が保有する多様なデータ。 そこには、あらゆるテーマにわたって 日本経済の過去と現在が記録されている。 OPEN METIプロジェクトは、 これらの膨大なデータを様々な切り口で紐解き、 活用可能なオープン・データとして 公開していくプロジェクトです。 経済産業省 〒100-8901 東京都千代田区霞が関1-3-1 代表電話 03-3501-1511 Copyright Ministry of Economy, Trade and Industry. All Rights Reserved. Supported by rhizomatiks
fladdict.netのトップをリニューアル。JavaScriptの実験場にしてみた。久しぶりにゴリゴリJS書くと、かなり楽しい。 古き良きゼロ年代のFlash実験サイトはほぼ絶滅してしまったわけだけど、それを現代のJSとHTMLでやり直してみたらどうなるか?そんな感じのスタディ。使用ライブラリはpaper.jsとprocessing.js。時間があるときにcreate.jsも導入してみたいけど、ざっと見た感じcreate.jsは冗長すぎてスケッチには向かないと思う。スマホだと重すぎてだと動かないので、時間あるときに分岐するようにしたい。 最近はインターネットも成熟化したのか、グラフィック、インタラクション、プログラミングを三位一体でする人が減ってる気がする。分業化が進んでいるのだろう。インタラクション系がわかるエンジニアは需要があるわりに、新しい人が学ぶ機会が昔にくらべれば激減している
╲ Plask is a multimedia programming environment. ╲ Download the latest v4 for 64-bit OS X. ╲ Read the reference documentation. ╲ Ask questions on the mailing list. ╲ Check out the source. ╲ Watch the showreel.
何この記事 あんちべという人から無茶ぶりがきたので対応した mizchi、d3ブログ書いてくれた呑む— 3D円グラフ皆殺し (@AntiBayesian) 2014, 3月 2 @AntiBayesian D3まだ極めてないです— 高意識エネルギー (@mizchi) 2014, 3月 2 @mizchi 2時間やろう、早く極めたまえ— 3D円グラフ皆殺し (@AntiBayesian) 2014, 3月 2 @AntiBayesian おっしゃ待ってろ— 高意識エネルギー (@mizchi) 2014, 3月 2 前提 よく誤解されるんですが、D3.jsはグラフ描画ツールではなく、JavaScriptでSVGを生成するためのjQuery風DSLで、DSLとはいえかなりローレベルなライブラリです。SVGはベクタグラフィックスを生成する規格。ブラウザ上のSVGは、図形を書けるDOMであり、他
“The power to understand and predict the quantities of the world should not be restricted to those with a freakish knack for manipulating abstract symbols.” Bret Victor, “Kill Math” f=Math; e=document.body.children[$=0]; G="globalCompositeOperation"; Q=.43; P=.05; with(e){ with(style)width=(w=innerWidth-9)+"px", height=(h=innerHeight-25)+"px"; W=(width=w/=2)/2; H=(height=h/=2)/2; g=getContext("2d"
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く