タグ

jsとcanvasに関するpipoのブックマーク (4)

  • 全部見て5つだけ選びました! グーグルが公開した「Chrome Experiments」のみどころ

    グーグルが公開を開始した「Chrome Experiments」は、グーグルが開発したWebブラウザの「Google Chrome」の高速さをアピールするのが目的ですが、同時に「JavaScriptでこんなことができるのか!」ということを体験できるアプリケーションが揃っています。 このサイトのアプリケーションで多用されているのが、JavaScriptで図形を描くことのできるcanvasタグです。canvasタグを使うと、アニメーションや写真の合成といった、いままでJavaScriptではほとんど不可能だった処理が可能になります。 論より証拠。3月23日時点でChrome Experimentに紹介されているアプリケーションを僕が全部試して、そこから厳選した5つのアプリケーションを紹介しましょう。 ■js touch つかみに持ってくるのはやはりこのアプリケーションでしょう。初音ミクの3Dフ

    全部見て5つだけ選びました! グーグルが公開した「Chrome Experiments」のみどころ
  • 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のアーキテクチャは、6つの主要なコンポーネントからできています: コアの VNC/RFB実装: このコンポーネントは、すべてのRFBプロトコルの情報をカプセル化していて、他のすべてを動かす、主要なステートマシンです。 Canvas抽象層: このコンポーネントは、 HTML5 CanvasAPIを抽象化した層

    InfoQ: HTML5のケーススタディ:WebSockets, Canvas そして JavaScriptで noVNCクライアントを作成
    pipo
    pipo 2010/07/30
    Joel: 私の開発環境には、本当に最小限のものしかありません。私は、コード編集に、Linux上でvim(たくさんの拡張機能をつけて)を使ってます。私は、デバッグやプロファイリングに、Firefoxで firebugを、そしてChromeに組み込
  • 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

    JavaScriptで3D - os0x.blog
  • 1