秋元@サイボウズラボ・プログラマー・ブログ: <canvas>タグをつかった3D表示ajax3d
FirefoxとOperaのみ対応だが、<canvas>タグを使って3D表示をするオープンソースプロジェクトajax3dのデモが公開されている。 遊び方は、左クリックで飛び、右クリックで撃つ。 それにしてもこのデモ、難しすぎる… この記事は移転前の古いURLで公開された時のものですブックマークが新旧で分散している場合があります。移転前は現在とは文体が違い「である」調です。(参考)記事の内容が古くて役に立たなくなっている、という場合にはコメントやツイッターでご指摘いただければ幸いです。最新の状況を調べて新しい記事を書くかもしれません
【レポート】Canvas 3D Renderer & 3D WalkerでHTML Canvasの実力を知る (MYCOMジャーナル)
ColorJackなどもそうだが、最近、Flashや特別なプラグインをインストールしなくても3D描画をサポートするWebサービスが出始めている。今のところFirefox、Opera、Safariなどでは動作するが、IEでは動作しない。これは「HTML Canvas Element」を使っているからだが、ここでは同機能を紹介しておきたい。 HTML Canvas Elementは2Dのビットマップサーフェス。JavaScriptから直接描画できるキャンパスのことで、同機能を活用すると特別なプラグインをインストールすることなく、同様の機能を実現できる。HTML Canvas Elementは現在策定が進んでいる「Web Applications 1.0 - Working Draft」において規定されている要素のひとつで、現在のところ2Dコンテキストを規定しているが、将来的には3Dコンテキスト
Javascriptで三角形を動かす | 秋元@サイボウズラボ・プログラマー・ブログ
Javascriptだけでぐるぐる回る三角推というデモを見つけた。IE6では動かないがIE7やそれ以外のブラウザで動く。 borderを使ってHTML+CSSだけで三角形を書くテクニックは、前にどこかのブログでやってたと思うけど、それを応用して、これだけ複雑な立体を描き、さらに動かすことに成功している。大きな三角形は、水平や垂直線で小さな三角形(実際にはborderをいじったdivタグ)に分割している。 デモでは、Q,W,E,A,S,Dの6つのキーで、回転の方向を自由に変化させることもできる。 この記事は移転前の古いURLで公開された時のものですブックマークが新旧で分散している場合があります。移転前は現在とは文体が違い「である」調です。(参考)記事の内容が古くて役に立たなくなっている、という場合にはコメントやツイッターでご指摘いただければ幸いです。最新の状況を調べて新しい記事を書くかもしれ
Greasemonkeyスクリプト作成デモ - FAX
jshjsh demo 20061014 Googleのロゴを非表示にする簡単なスクリプトを作成し適用します。「JavaScript Development Environment」からuser.js生成コードをコピーし、同等の機能を利用できるようにしています。 「Bookmarklet Builder」の圧縮とフォーマットも利用できるようにして、ブックマークレットの作成にも対応したいな。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://demo.nextapp.com/echo3csjs/
