asこのまま実装を進めていくとソースが複雑になりそうなので少し地盤を固めておこう。座標計算を簡潔にするために行列クラスを導入する。Matrix3D クラス前回は軸の周りの回転を公式 p.x = Math.cos(rad) * x + Math.sin(rad) * y; p.y = -Math.sin(rad) * x + Math.cos(rad) * y; を使って直接計算していたけど、ここを行列に置き換えてみる。ちょうど、3D ライブラリ FIVe3D 2.1 に Matrix3D クラスがあったのでこれを借用した。X軸周りに rad ラジアン回転する演算は次のように書けるようになる。 // 回転前の点 p1 を定義 var p1:Point3D = new Point3D(0, 10, 20); // rad ラジアン回転する行列を作成 var matrix:Matrix3D =

WebTeckerのエントリーから、JavaScript, Flash, Silverlight, PHPなどを使用して、グラフやチャートなどにデータをビジュアル化するスクリプトの紹介です。

Free Icons Downloadから、ロイヤリティフリーのシンプルで、ブルー・グリーン・グレー・オレンジ・レッドとカラフルなセットが揃っているピクセルアイコンを紹介します。 Free Icons pixel style ダウンロードできるアイコンはgif形式となっており、サイズは9x9, 18x18の2種類、各色にトーンが異なる「normal」「over」がセットになっています。 グレーには「black」版があります。

woorkのエントリーから、フォームの各項目をリスト要素で並べたスタイルシートのチュートリアルの紹介です。 FORM elements design using CSS and list (ul and dl) チュートリアルのスタイルシートでは、labelとinputを包括する「li」に、margin, paddingなどの指定をしています。 包括指定をする際にdivを使用していましたが、リストで実装した方がしっくりくるかも。

10 Free Chart Scripts | WebTecker the latest Web Tech, Resources and News. This week I’ve been working on a project that required data to be shown visually. フリーのグラフスクリプト１０個が特集されてました。 JavaScriptやFlash製のグラフを使う際の選択肢として使えます。 Flot Open Flash Chart AmCharts Emprise JavaScript Charts PlotKit Flotr PHP/SWF Charts Visifire FusionCharts JFreeChart グラフを作る際にはこうしたツールを使えば一瞬ですね。 その他、グラフ関連エントリは以下 ピュアCSSでクールなグラフサン

座標変換 ・sin,cosについて 角度θがあるとします。ここでいう角度とは反時計回りならば正の値 時計回りならば負の値とします。X軸に対してθの角度をなしている 直線を考えます。この直線と半径1の円が交差している点のX座標の値が cosθ、Y座標の値がsinθとなります。 ・一次変換 (x,y)の点を反時計回りにθだけ回転させる場合(回転後の点は(x',y')) x' = x * cosθ - y * sinθ y' = x * sinθ + y * cosθ これを行列表現にすると |x'| = | cosθ -sinθ ||x| |y'| | sinθ cosθ ||y| 以下概念図 |x0' y0'| = x0 * ix + y0 * iy |x0' y0'| = |x0 y0||cosθ sinθ| |-sinθ cosθ| ・３次元の座標変換 x,y,z:変換前の座標; x',

Firefox,Netscape,Mozilla対応のページです。ただし、MathML用のフォントをインストールする必要があります。ブラウザーのバーションによってフォントのバーションが異なるので、注意してください。根号の表示がおかしい場合はフォントバージョンが正しくありません。フォントを再度インストールしてください。 行列を用いた回転 点Q ( X,Y ) は 点P ( x,y ) を β 回転させたものである． 点Pの座標の x ， yを r と α で表わすと， x=rcosα y=rsinα     ・・・・・・ (1) 点Qの座標の X ， Yを r と α， β で表わすと， X=rcos( α+β ) Y=rsin( α+β ) 加法定理を用いると， X=r( cosαcosβ−sinαsinβ ) Y=r( sinαcosβ+cosαsinβ ) となる．(1) を代入すると

jQueryのSubversionリポジトリにtestフォルダがあって、jQuery自身のテストが納められていたのですが、そこで使われているテスティングフレームワークがQUnitとしてトップレベルのプロジェクトになったようです。 QUnit - jQuery JavaScript Library これを使うと簡単にjQueryプラグインのテストコードが書けちゃいます。 使い方は以下の通り。 提供されているメソッド test( name, test ) : nameにテストの名称、testには実行するテストを関数の形で渡します。 module( name ) : テストの途中で、テスト対象のモジュールや関数の目印を付けたいときに使います。nameにはモジュールの名称を渡します。 ok( state, message ) : stateがtrueならOK、falseならNGという判定になります

bookreader.jsは、長文を縦スクロールではなく、横スクロールで表示し読みやすくするJavaScriptライブラリです。 →プロジェクトのホーム (Google Code) - New!! →ダウンロード(ver 0.4.6) - 2009/04/18公開 ※ダウンロードの詳細については、こちらのページをご覧下さい。 まずは、このページで体験してみて下さい。キーボードの[→]/[←]キーが、「進む」あるいは「戻る」に対応します。画面上に表示される、半透明の▶/◀ボタンをクリックしてもOKです。使い方の詳細は「ヘルプ」を参照ください。 次期バージョンの開発状況 幸いにしてさまざまな方からフィードバックをいただきました。ありがとうございます。それを元に機能の絞り込みとWEBサイトへの「組込み方」について検討を行っています。まだ、実装の方針が定まった、という段階ですが次期0.8.x系のサ

as3D の原理をあまり知らなかったので、ActionScript 3.0 で１から勉強してみた。１からなのでフレームワークは使わず、自力で実装していく。Web 上には色んな資料があってありがたいだけど、玉石混交な上に、有用なものでも一本道で幅の狭いものが多い。前提知識のない自分にとっては、資料間の関連性を理解するのが大変だった。なので、なるべく簡単なところからスタートしつつ、広く浅く体験していくことを目標としてみる。まずは、四面体をワイヤーフレームで表示するところからスタートしよう。四面体を定義するまずは、3次元上の点を表現する Point3D クラスを作る。 class Point3D { public var x:Number; public var y:Number; public var z:Number; public function Point3D(_x:Number =