3Dだけど2Dぽい表現を入れたいときはこれ。
shaderおもしろい。
月別: 2016年1月
Glitch
fragment shaderでglitch
どういう実装が正解がわからない。。誰か教えてくれ。。
アルゴリズムしっかり理解しておきたい。。
webgl軽量化メモ
これすごく参考になった。
Case Study: Inside World Wide Maze
■軽量化方法
- draw.callを減らす。
meshをまとめる。
WebGL best practices -
頂点の計算をglslでやる。
-
tracingでどいつが時間食ってるか調べる。
Profiling your WebGL Game with the about:tracing flag
console.time, console.timeEnd仕込む。 -
環境ごとにエフェクトを切ったりする
45 fps を切ったら、環境マップの更新をやめる。
それでも 40 fps を切ったら、レンダリング解像度を 70% にする。（面積比 50%）
それでも 40 fps を切ったら、FXAA (アンチエイリアス) をやめる。
それでも 30 fps を切ったら、グローをやめる。 -
しっかりdispose
※20160.0108追記
Meshを作るんじゃなくて制限版のcloneにするとか
Scene Optimization in Babylon.js Part 1 – Meshes
simlex noiseできもいmesh
基礎練。
jsで頂点情報いじってるけど、本当はvertex shaderでやったほうが軽そう。
早くshaderマスターになりたい。