今更GWTで遊ぶぜ！

今更GWTで遊ぶぜ！
2014/04/05
上川大介

自己紹介
●
名前: 上川大介
● Twitter: d-kami
●
はてな: d_kami
●
多分Javaの人、場合によりバイナリアン、と
きどき3D

何をしている人か
●
仕事？
– AndroidとかServletとか
●
趣味
– SwingとかGWTとか
– Raw Socketとかx86とかWebGLとか

今日のテーマ
GWT！
(Google Web Toolkit)

でも...
●
GWTを詳しくやるわけではありません...
●
GWTでこんなことしたよ！程度の発表です
●
前半レイヤ高め、後半レイヤ低め
●
前半WebGL
●
後半x86
●
Javaがほとんどでてこない！

前半のテーマ
●
GWTGL！
●
MikuMikuDance！

つまり
●
GWTでMMDのモデルを描画
●
GWTでMMDのアニメーション

GWTGLとは？
●
WebGLをGWTから使うためのライブラリ
●
WebGLとは
– ブラウザで動くOpenGL ES2.0実装
– わりと漢のライブラリ
●
GWTGLはWebGLより更に漢

GWTGLの漢らしさ(1/2)
●
基本的に計算できるものは自分でやれ！
– Model変換行列
– View変換行列
– Projection変換行列
– これらの作成、計算は自分でする
– これらのUtilityがある環境もあるが...

GWTGLの漢らしさ(2/2)
●
シェーダ必須
– 頂点シェーダ
– フラグメントシェーダ
– デフォルトのシェーダがある環境は温い
●
非推奨関数は全く使えない
– Utility関数が消えた

GWTGLでMMD
●
サーバサイド
– モデルとアニメーションファイルを読み込む
●
クライアントサイド
– モデルの情報を元に描画
● ポリゴン情報が沢山入っている
– ボーンアニメーション(FK、IK)

GWTで3Dもいけますよ！
●
ただし...
– GWTGLを使うのはかなり大変
– 他の技術の存在
● C++をJavaScriptに変換する
● Unity5(WebGL対応予定)

後半のテーマ
x86エミュレータ

x86とは？
●
Intelが作ったアーキテクチャ
●
現在も拡張され使われている
– PentiumとかCore 2 DuoとかCore I7とか
●
今回使うのは古の技術
– 80386、80486あたり

エミュレータとは？
●
あるコンピュータの動作を真似る別のコン
ピュータ
– ゲーム機や昔のコンピュータを今のパソコンで再
現する
●
経験、近似、推論などで作るとシミュレータ
と言うらしい

でてくる用語
●
レジスタ: CPUの記憶領域
– EAX、ECX、EDX、EBX...
●
プログラムカウンタ: 命令の位置を指す何か
●
即値: 直接値を代入するときなどに使う値
●
16進数: 説明の必要無し。0xFFなど

何をするのか？
●
バイナリファイルを読み込んで実行
– バイナリをメモリに入れる
– プログラムカウンタの指す番地から命令取得
– 命令(0xB0など)を実行
– プログラムカウンタを増やす
– プログラムカウンタの指す番地から命令...

こんな命令がある
●
0xB8 mov EAXに即値を入れる
●
0xC7 mov 指定したレジスタに即値を入れる
●
0x40 inc EAXの値を1つ増やす
●
0xEB jmp いわゆるgoto
●
0x74 je 条件分岐用ジャンプ
●
0xE8 call サブルーチン呼び出し

作り方
●
実装してない命令に当たるまで動かす
●
実装してない命令が来たら実装
●
命令以外はなるべく先に作っておく

今回やったこと
●
GWTGLを使ってMMD
– GWTGLを使うのは大変
– でも3Dもできるよ！
●
x86を真面目にエミュレート
– 特に言うこと無し
– ファイルのドロップにFile API使ったぐらい

Empfohlen