ホームページTips・script.aculo.us、x3dom、WEB3D、WEBGL、HTML5、等の
javascriptサンプル・使い方・入門(samples・examples)



Page 1
Page 2
Page 3
戻る

更新前のキャッシュが残っていると、正常に表示されない場合があります。
その場合、キャッシュの消去をしてから、リロードしてください。


 ■■■ 3Dプログラミング入門講座 ■■■ 
NAS6LIB
ポリゴンテスト解説・x3dom使い方
その1:ベクトル
その2:行列
その3:クォータニオン
その4:基本総復習・実践
その5:応用その1・メッシュアニメーション、動的テクスチャ
その6:応用その2・GLSL、カスタムシェーダー、キーボード、ファイル
その7:応用その3・ゲームプログラミング、タグの動的追加
その8:応用その4・GLSL、シェーダー、その2
その9:物理演算その1・電卓で相対性理論を解く方法
その10:物理演算その2・相対性理論的ニュートン力学
その11:物理演算その3・ケプラー方程式で惑星軌道シミュレーターを作る

その12:物理演算その4・ルンゲクッタ法で作った 相対性理論的ニュートン力学物理エンジンで惑星軌道シミュレーターを作る

その13:経路探索(A*:A-STAR)&巡回セールスマン問題 : 巨大サイズ : くろにゃんこ

その14:プログラミングにおける配列テーブルテクニック
その15:javascriptのクラス活用法
その16:透視射影公式テスト

その17:ケプラー方程式カプセルライブラリ使用法
その18:CSVファイル処理
その19:物理演算その5・重力多体問題
その20:同次座標について(3D座標系の基本の基本)
その21:おさらいコモンクラスの宣言


 ■■■ THREE.JSプログラミング講座 ■■■ 
THREE.JSテスト解説・THREE.JS使い方
THREE.JS examplesをいじってみた(フレネル反射透過シェーダー)

THREE.JS (半透明シェーダー)

THREE.JS 3D演算で必要な計算(具体例)★とても重要★
THREE.JS THREE-VRM をいじってみた





キーボード同時入力テスト.htm

キーボード同時入力テスト.zip



キーボード同時入力テスト
詳細は、こちら





お花屋さん.htm

お花屋さん.zip



script.aculo.usを用いたドラッグ&ドロップのサンプル





トンネル.htm

トンネル.zip



ポリゴンウェブアート






3Dスネーク.htm

3Dスネーク.zip



3Dのスネークゲーム
敵完成。重くなったTT。
ゲームの環境設定を追加した。入力された値の妥当性チェックはしていない。
タグを動的に追加しているので、リプレイのクリーンアップがめんどくさいので
1回動作&リロードで済ました。
思考深度と省略計算の積を深くすると、AIが強化されるけど、重くなる。
敵の方向矢印を実装した。かなり、適当。
敵を4体まで増やせるようにした。
キーコードは、こちらを見てください。
詳細は、こちら

操作方法:テンキー(numlock:on)
46:左右回転(ヨー)
28:上下回転(ピッチ)
13:軸回転(ロール)





ウサギテスト.htm

ウサギテスト.zip

ウサギ透過テスト.htm

ウサギ透過テスト.zip

ミクテスト.htm

ミクテスト.zip

ミクアニテスト.htm

ミクアニテスト.zip

おさんぽミク.htm

おさんぽミク.zip





ウサギのメッシュアクション(アニメーション)テスト(*.x3dファイル読み込み)、ロードが重い
詳細は、こちら
ミク関係はMikuMikuDanceから拝借しました





フレネル反射.htm

フレネル反射.zip



フレネル(水面)反射+テクスチャ凸凹マッピング(波紋)のテスト
詳細は、こちら





カスタムシェーダー(フレネル反射+バンプマッピング).htm

カスタムシェーダー(フレネル反射+バンプマッピング).zip



カスタムシェーダー(フレネル反射+バンプマッピング)のテスト
詳細は、こちら



カスタムシェーダー2(フレネル反射+バンプマッピング).htm

カスタムシェーダー2(フレネル反射+バンプマッピング).zip





カスタムシェーダー(フレネル反射+バンプマッピング)のテスト
動的テクスチャのフレネル反射のをカスタムシェーダーに焼き直し
さすが、GLSL。軽いなぁ。
水面への背景の映り込みもちゃんと計算した(つか、計算済みだったのを分かりやすくした)
スペキュラー反射を導入したら、かなり良くなった。
うまく水面表現ができた
詳細は、こちら



バンプマップテクスチャ





フォグ.htm

フォグ.zip

ウサギFPS.htm

ウサギFPS.zip

ウサギFPS2.htm

ウサギFPS2.zip

ウサギFPSファイル.htm

ウサギFPSファイル.zip



フォグのテスト
ウサギのFPS、NAS6LIBのキーボードライブラリのテスト

操作:テンキー(numlock:on)の
8213:平行移動
46:左右回転
5:反転
同時入力可

ウサギFPS2は、水属性ウサギ。ロードが重い。
ウサギFPSファイルは、セーブ/ロードのテスト
詳細は、こちら





Page 1
Page 2
Page 3
戻る

更新前のキャッシュが残っていると、正常に表示されない場合があります。
その場合、キャッシュの消去をしてから、リロードしてください。