ブラウザでお絵描きプログラミング！ Processing.js 登場！ - IT戦記
はじめに 今日、 jQuery の作者として有名な John Resig さんが Processing.js という JavaScript のライブラリを公開しました。 John Resig - Processing.js このライブラリを使うと、比較的簡単に以下のようなグラフィックスやアニメーションを書くことができるようになります。 というわけで、公開されたばかりのこのライブラリを簡単な使い方から詳しい使い方までとことん掘り下げてみたいと思います。 Processing.js 概要 まず、 Processing.js とは何かという話をします。 Processing.js とは、ブラウザで Processing というプログラミング言語を実行する JavaScript のライブラリです。 では、 Processing とはどのようなプログラミング言語なのでしょうか。 Processing
Music Visualizer in HTML5 / JS with Source Code - gskinner blog
Visit gskinner.com News and views on the world of interactive media from the gskinner team It’s no secret that I like building music visualizers, or that I’ve been playing with HTML5 a fair amount lately. Given that, I thought I’d combine the two interests, and build a music visualizer using JS, the canvas & audio elements in HTML5, and the EaselJS framework. The primary challenge was that Javascr
Music Notation with HTML5 Canvas
I spent a few weekends trying to scratch an itch. While looking for online tools to create and render music notation, I was mildly disappointed. The only real options were crummy flash based sites or clumsy server-side image renderers. Neither of these were particularly appealing. So I pulled up my sleeves, and cooked up a full-fledged JavaScript API to engrave musical notation directly in the bro
JavaScriptでチップチューン風サウンドエフェクトを生成するライブラリ : jsfx - 音楽方丈記
JavaScriptでチップチューン風サウンドエフェクトを生成するライブラリ : jsfx » 音楽コンテンツ(作曲/演奏) [編集] JavaScript でチップチューン風のシンセサウンド波形を生成して再生できる効果音ジェネレータライブラリ jsfx を紹介。 ソースファイルは GitHub で公開されています。 MIT ライセンスなので再利用・改変の際は著作権表示が必要。 HTML5 の Audio オブジェクトで WAV 形式の再生をサポートしているブラウザ(Firefox 3.6、Chrome 9、Safari 5 など)で実行可能です。 IE9 beta は HTML5 の Audio タグには対応していますが、JavaScript から Audio オブジェクトが生成できないため利用できません。(IE6～8 は HTML5 非対応なので利用不可) デモページ» デモはこちら
HTML5のAudioオブジェクトとJavaScriptで作った簡易ドラムマシン : 音楽方丈記
HTML5のAudioオブジェクトとJavaScriptで作った簡易ドラムマシン Version 1.0.2 » 解説記事はこちら » 音色編集機能付き jsfx バージョンはこちら 2011 © 音楽方丈記 Tweet
分割された画像を遅延ロードするコントロールを試作してみた。 - うなの日記
Canvasを使って分割された画像を遅延ロードするコントロールを試作してみました。Google Mapの地図表示部分みたいなやつです。 機能 分割された画像のうち、表示される部分のみをダウンロードして表示します。残りの画像は、それが必要になったときにダウンロードします。 ドラッグで画像の表示範囲を変更できます。 課題 以下の課題が残されています。(今日は力尽きたのでいずれ何とかしたい。) IEで動作しない ドラッグ周りの処理の違いが吸収できていません。orz. 描画周りは改善の余地あり。 必要になりそうな画像は先読みする、といった機能もきっと必要。 サンプル サンプルはこちら。ソースは次のとおりです。 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <script type=
xc.js - Canvas Game Framework
xc.js is a framework for HTML Canvas games in Javascript. It's simple and fun to use and you can even try it out right here in your browser. But that's not all. xc.js also runs on other platforms. You can write your games in Javascript and run them in all sorts of cool places (like on your phone!). Try xc.js now! You can download xc.js and run it on Windows, Linux, or OS X. Or, even better, try it
HTML5を使った気になるサイト！ | バシャログ。
サッカー日本代表、負けてしまいましたね。残念ですがとてもいい試合をしてくれたと思います。minamiです。 さて近ごろ世間はHTML5、HTML5と騒がしいですが、一目見てすげえっ！となるHTML5のデモサイト&チュートリアルサイトを集めてみました。 できるだけHTML5対応の進んでいるChromeやSafari最新版などで閲覧することをオススメします。 HTML5を使ったデモサイト ここまでやれるのかとびっくりするほどクオリティの高いアニメーション&インタラクティブコンテンツ。 HTML5 Canvas Experiment VIDEO要素を3Dでグリグリ Blowing up HTML5 video and mapping it into 3D space HTML5で弾避けシューティング！ HTML5でTAMAYOKE!!!111 AppleのHTML5デモページ。Safariでしか
Plupload: Multi-runtime File-Uploader
Upload in HTML5 We are using HTML5 APIs. Always. Plupload is based on multi-runtime pollyfills for XMLHttpRequest L2, File and Image APIs. So when there's no HTML5 available in the browser, we emulate it ourselves. mOxie (combined code-name for pollyfills) is completely standalone and available separately. Drag'n'Drop Files from Desktop Files not only can be picked from browse dialog, but also can
[html 5][JavaScript][PHP]canvasで作った画像をダウンロードする
前回までのエントリーで簡単なペイントアプリの実装方法を紹介しましたが、その作った画像を保存できたらなーっと思い、ダウンロードするプログラムを実装しました。 さっそく、まずは、htmlとJavaScript側 <canvas id="draw_canvas"></canvas> <form action="送信先のphpファイル" method="POST" name="frmMain" > <input type="hidden" name="paintdata" value=""> </form> <script> var paint_data = $("draw_canvas").toDataURL("image/png"); paint_data = paint_data.replace(/^.*,/, ''); var curFrm = document.frmMain.; cur
theshodo - Bing
FUNCTION LIMITED. Get the best experience with Internet Explorer 10. Beauty of the Web for Upgrading to Internet Explorer. JavaScript is …
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
html5j - Google Groups
Initializr - HTML5 project - template
Google
Sketchpad
Font comparer
HTML5.JP - 次世代HTML標準 HTML5情報サイト
CSS 20 stunning examples of CSS 3D transforms
Open Source Drawbox - Crowd Savings.com
CreateJS | A suite of JavaScript libraries and tools designed for working with HTML5
