Archive for the ‘Ajax’ Category
木曜日, 8 月 21st, 2008
javascriptでテトリスを作成しました。ゲームを作成するとなるとjavascriptでは難しいかと思いましたが、javascriptでも十分に作成することができました。
テトリスを作成するために必要となる処理は、次のようになります。
入力キーのチェック（回転、移動、Pauseなど）
ピース操作（作成、配置、移動、回転、衝突判定など）
自動落下（時間毎のループ処理）
ライン削除
ゲームオーバーの判定
描画処理
スコア等の表示（今回はライン削除数を表示）
テトリスを作成するに当たり一番大変なのがピースを操作する処理です。 特に衝突判定は処理が複雑で作るのが大変でした。
javascriptテトリスを見る
javascriptテトリス 関数一覧
Posted in Ajax | No Comments »
日曜日, 4 月 20th, 2008
前回 Ajaxサンプル集を作ったときの内容を少し発展させjQueryを用いてRSSリーダーを作成しました。
作成したRSSリーダーでは、
RSSのURL登録（クッキー使用）
RSSのリストを折りたたんで表示
RSSのリストをドラッグ可能
選択したリストを最前面に表示
リストのカラム数を変更
など色々な処理ができるようになっています。
今回はPHPでRSSの処理を行い、ユーザーインターフェイス上の処理をjavaScriptで行うなど色々な技術を使って作成しました。色々と初めて行う処理が多かったのですが、非常に勉強になりました。
ｊQuery RSSリーダーを見る
Posted in Ajax, PHP | No Comments »
土曜日, 4 月 19th, 2008
前回作成した迷路プログラム（javascript版）ですが、Aptana SdutioとFirefoxのエラー検出機能を利用して作成しました。
Aptanaでコーディング
AptanaはWeb開発用のIDEです。Aptanta Studioと呼ばれる単独のIDEとEcripseのプラグインの2種類が提供されています。今回はAptanaStudioをインストールして使ってみました。
Aptanaには無料版と有料版があります。無料版といえども機能は非常に豊富でHTMLやCSS, javascriptの色分け、入力アシスト、エラー部の自動表示などの機能が用意されています。
またプラグインとして、
PHP
Ruby on Rails
Adobe AIR
Apple iPhone Development
などの開発環境もインストールすることができます。
Aptanaを利用することによる一番のメリットは、なんといってもエラー自動検出機能です。javascriptの構文チェックなどを記述している最中に自動で検出してくれるので、入力ミスがほぼなくなります。
Posted in Ajax | No Comments »
水曜日, 4 月 16th, 2008
前回VBで作成した迷路プログラムをjavascriptで作成してみました。
１マスごとの四角をDIVタグで定義し、それぞれのDIVタグを絶対座標で表示することで迷路を表示しています。
作成したDIVタグの背景色を変更していくことで迷路の作成＆探索過程をアニメーションとして表現しています。
迷路のサイズを大きくするとかなり処理が重くなりますのでjavascriptを実行する際はサイズに注意するようお願いします。
迷路プログラム（javascript版）
迷路プログラム 関数一覧
Posted in Ajax | No Comments »
月曜日, 4 月 14th, 2008
jQueryのサンプル集を作成しました。今までほとんどjavascriptを触ったことがなかったのですが、jQueryの使用法は非常に簡単でほとんど困らずに使うことができました。
サンプル内容としては
Document操作
CSS操作
イベント処理（カーソル処理）
非同期処理
ユーザインターフェイス処理（ドラッグ＆リサイズ）
など簡単ながら多くの処理を少ないソースコードの記述で実現できます。
実際の処理に関してはソースコードを表示して参考にして下さい。
jQueryサンプル集
jQuery javascript関数一覧
＜参考＞
jQueryライブラリ
ｊQuery UI関連ライブラリ
jQuery入門
ZAPAブロ～グ2.0
Posted in Ajax | No Comments »