全部見て5つだけ選びました！ グーグルが公開した「Chrome Experiments」のみどころ
グーグルが公開を開始した「Chrome Experiments」は、グーグルが開発したWebブラウザの「Google Chrome」の高速さをアピールするのが目的ですが、同時に「JavaScriptでこんなことができるのか！」ということを体験できるアプリケーションが揃っています。 このサイトのアプリケーションで多用されているのが、JavaScriptで図形を描くことのできるcanvasタグです。canvasタグを使うと、アニメーションや写真の合成といった、いままでJavaScriptではほとんど不可能だった処理が可能になります。 論より証拠。3月23日時点でChrome Experimentに紹介されているアプリケーションを僕が全部試して、そこから厳選した5つのアプリケーションを紹介しましょう。 ■js touch つかみに持ってくるのはやはりこのアプリケーションでしょう。初音ミクの3Dフ
noVNC
VNC client using HTML5 (WebSockets, Canvas) with encryption (wss://) support. Notable commits, announcements and news @noVNC. HTML5 WebSockets and Canvas Online noVNC Client A version of the noVNC client is available online here. A convenient shortcut address is noVNC.com Videos and Screenshots It's not a real project until there are videos and screenshots. Online Demo This online demo plays back
InfoQ: HTML5のケーススタディ：WebSockets, Canvas そして JavaScriptで noVNCクライアントを作成
原文(投稿日：2010/07/01)へのリンク noVNC は、VNCクライアントで、 HTML5 WebSockets, Canvas そして JavaScriptを使って実装されている。InfoQ、は、 Joel Martin氏と、 noVNCと HTML5アプリケーションの開発経験について、少しばかり、Q&Aを持った: InfoQ: Joelさん、noVNCのアーキテクチャの全体像と様々なコンポーネントがどのように、いっしょになっているのか，教えてください。 Joel: noVNCのアーキテクチャは、６つの主要なコンポーネントからできています: コアの VNC/RFB実装: このコンポーネントは、すべてのRFBプロトコルの情報をカプセル化していて、他のすべてを動かす、主要なステートマシンです。 Canvas抽象層: このコンポーネントは、 HTML5 CanvasAPIを抽象化した層
Index of /effect
Index of /effect NameLast modifiedSizeDescription Parent Directory - article-My_HTML5_CSS..>2024-06-27 20:28 90K article-Old_School_C..>2024-06-27 20:28 23K article-Q_A_with_Mar..>2024-06-27 20:28 52K code.psp.js 2024-06-27 20:23 147 color_picker.css 2024-06-27 20:23 2.8K doxter.css 2024-06-27 20:23 7.3K images/ 2024-06-27 20:05 - main.css 2024-06-27 20:23 49K style.psp.css 2024-06-27 20:23 59K
Old School Color Cycling with HTML5 | EffectGames.com
Anyone remember Color cycling from the 90s? This was a technology often used in 8-bit video games of the era, to achieve interesting visual effects by cycling (shifting) the color palette. Back then video cards could only render 256 colors at a time, so a palette of selected colors was used. But the programmer could change this palette at will, and all the onscreen colors would instantly change to
14KB JavaScriptマリオをコードリーディングしてみたよ - aike’s blog
JavaScriptで書かれたスーパーマリオ。わずか14KBのサイズであのマリオを再現したということで話題です。 http://blog.nihilogic.dk/2008/04/super-mario-in-14kb-javascript.html これはソースを読まねばなるまい、ということでコードリーディングしてみました。14KBといってもYUI compressorで圧縮されているので、見るべきは圧縮前の方のソースです。 http://www.nihilogic.dk/labs/mario/mario.js 圧縮前といってもものすごいですよ、これ。空行やコメントを適切に入れて、分かりやすい変数名をつけて、しかも画像や音楽もすべてテキストデータとしてソース中に定義して、それでたったの35KB、1200行。 うーむ、信じられない。敵キャラのAIは？画像データは？JavaScriptでどう
JavaScript + CanvasでActionScript3のような描画·CanvasScript3 MOONGIFT
CanvasScript3はHTML5/JavaScript製のオープンソース・ソフトウェア。HTML5とFlashによる次世代標準の覇権争いが続いている。HTML5は現状のFlashでできることをどんどんと浸食しており、今後開発されるサイトについてはFlashの選択が減ってくる可能性がある。 オブジェクトが回転する Flashが得意とする分野の一つにアニメーションがある。HTMLやJavaScriptでアニメーションを作ろうというのは相当大変な思いをしそうだ。だがHTML5になって機能が増えることで状況は変わってくる。それを垣間みれるのがCanvasScript3だ。 CanvasScript3はCanvasとJavaScriptを使って、アニメーションを実現するライブラリだ。マウスの位置によって動作速度を変えるオブジェクトや爆発するようにオブジェクトが広がって跳ね返るサンプルなどが公開
JavaScriptで3D - os0x.blog
id:wanparkさんが(3年前に)書かれたchannel3というFlash用3DグラフィックライブラリをJavaScriptにポーティングしてみました。IEは未対応です(たぶんそのうち)。 channel3JS - ss-o.net この前のCanvasでDot3Dが結構余裕だったので、もうちょっと本格的な(だけどライブラリとして大きすぎないような)のをポートしたくなったところにchannel3のことを思い出して、突貫でやってみました(コメントアウトいっぱいでソースは綺麗じゃないです)。 SVGとCanvas両対応です。なぜかというとパフォーマンスを比べたかった(SVGのほうが良い)のと、テクスチャやるにはCanvasが必要になりそうだから。 実はSVGほぼ初めて触ったんですが、面白いので後でまとめようと思います。 ソースは os0x / channel3JS / source — B
【レポート】けっこうヤミツキな操作感覚 - Web上のボックスをクールに表示する"XRAY" | エンタープライズ | マイコミジャーナル
次期HTMLの標準規格として提案されるべく策定が進められている「HTML 5 Working Draft」だが、同規約にはWebアプリケーションの可能を引き上げる可能性を持った要素「The Canvas Element」が含まれている。The Canvas Element(以下、Canvas)はJavaScriptから直接2Dイメージを描画するための2Dビットマップサーフェス要素。もともとは「Web Applications 1.0 - Working Draft」において規定されてきた要素だが、HTML 5において検討されるようになったことから、将来的にHTML標準の要素になる可能性が出てきた。 Canvasを使うとFlashやJavaを使わなくともWebページにイメージ描画が実現できる。まだ標準仕様になっているわけではないが、すでにFlog.RayTracer Canvas、Color
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HTML5 Canvas Cheat Sheet