ブラウザでお絵描きプログラミング！ Processing.js 登場！ - IT戦記
はじめに 今日、 jQuery の作者として有名な John Resig さんが Processing.js という JavaScript のライブラリを公開しました。 John Resig - Processing.js このライブラリを使うと、比較的簡単に以下のようなグラフィックスやアニメーションを書くことができるようになります。 というわけで、公開されたばかりのこのライブラリを簡単な使い方から詳しい使い方までとことん掘り下げてみたいと思います。 Processing.js 概要 まず、 Processing.js とは何かという話をします。 Processing.js とは、ブラウザで Processing というプログラミング言語を実行する JavaScript のライブラリです。 では、 Processing とはどのようなプログラミング言語なのでしょうか。 Processing
HTML5についてのおさらい｜Web制作 W3G
Updated 2010.07.29 / Published 2010.07.29 これからHTML5を使いはじめようという方に向けたHTML5のおさらいです。HTML5の記述方法にはじまり、導入にあたって間違いやすいところや勘違いしがちなところをまとめてあります。 hgroup, header, footer要素の説明を含めた続きもあります(続HTML5についてのおさらい)。 HTML5の記述方法 まず最初に、必ずDOCTYPE宣言を行います。HTML5には公式のDTDがないので、すごくシンプルになっています。 <!DOCTYPE html> 続いて、html要素にドキュメントの言語を宣言します。 <html lang="ja"> そして順番にhead要素ときて、文字エンコーディングの指定ですが、charset属性が新たに利用できるようになりました。 <meta charset="UTF
Canvas tutorial - MDC
このチュートリアルは、 <canvas> 要素を使用して二次元のグラフィックを描画する方法を、基本から説明します。ここでの例は、キャンバスで何ができるかを明確に示すものであり、独自のコンテンツを作成するためのコードスニペットも提供しています。 <canvas> は HTML の要素であり、スクリプト（ふつうは JavaScript）を使ってグラフィックを描くことができます。これは例えば、グラフを描いたり、写真を合成したり、簡単なアニメーションを作成したりすることができます。 <canvas> は Apple が macOS Dashboard のために WebKit に初めて導入した後、ブラウザーに実装されました。現在は、あらゆる主要ブラウザーが対応しています。 <canvas> を使うのはそれほど難しくはありませんが、 HTML と JavaScript の基本的な理解が必要です。一部の
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
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=
[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
Accessible Audio Player (AAP) « One Hand Clapping
Welcome to my music blog, and to the home site of Accessible Audio Player (AAP), my fully accessible cross-browser media player. AAP uses the HTML5 <audio> element for browsers that support it, and the Yahoo! Media Player for those that don’t. Browsers that support neither degrade to a list of links to MP3 files. AAP is available in a standalone version or (with an additional P) as a WordPress pl
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
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
fluidbaselinegrid.com
Open Source Drawbox - Crowd Savings.com
CreateJS | A suite of JavaScript libraries and tools designed for working with HTML5
CSS 20 stunning examples of CSS 3D transforms
Sketchpad
Google
html5j - Google Groups
Initializr - HTML5 project - template
http://switchtohtml5.com/
IBM Developer
Font comparer