2018-11-01

マテリアルの編集画面を作り始めた

数日間、更新するのを忘れていたけど、マテリアルの編集画面を作り始めた。今のところメインのテクスチャと色しか変更できない。基本的な機能が徐々に揃いつつあるので、次はWebGL形式で出力する機能を作ろうと考えている。

2018-10-28

StatsをWebGLの画面に移動した

FPSを表示するStatsの画面をWebGLの中に移動した。今まで別のCanvasタグとしてHTML内に配置していたんだけど、そのうちUI全般をWebGL内で描画する仕組みが必要になるので、試しにStatsの画面を描いてみることにした。今のところコード的に無理矢理感があるので、整理していきたい。

他には、オブジェクトの位置等を変更した時に変更済みフラグがうまく設定されないケースがあったので修正したりしていた。

2018-10-26

Scriptを動的にロードできるようにした

Scriptを動的にロードできるようにした。簡単なJavaScriptファイルならドラッグで追加できるようになった。例えば次のようなファイルをオブジェクトにドラッグすると、X軸を中心に毎フレーム3度ずつ回転するようになる。

class Test {
    update() {
        this.rotate(3, 0, 0);
    }
}

最近のJavaScriptは構文にclass宣言が追加されたため、これはTypeScriptのコンパイラ等を通さなくてもJavaScriptとして実行できる。このままだとTea.jsのライブラリ内でコンポーネントとして認識されないため、ロード時にObject.setPrototypeOf()メソッドを使って、Tea.Scriptクラスから継承したかのように実装している。

2018-10-26

コンソール画面を追加した

コンソール画面を追加した。今のところ、console.log()で出力した内容を表示するだけのものだけど。consoleオブジェクトのlogメソッドの内容を自作メソッドに置き換えることで実現している。具体的には次のように書いている。

var log = console.log;
console.log = function (message) {
    // 自作の関数を呼び出す
    myConsoleLog(message);
    // もともとあったconsole.log()を呼び出す
    log(message);
}