three.js でオブジェクトを透過すると奥にあるオブジェクトも透過される

タイトルの問題が起きた。

レンダリングされる順番が早いオブジェクトが手前にあると、
奥にあるオブジェクトがレンダリングされる前の状況(要するに奥にオブジェクトがない)
でオブジェクトを透過してレンダリングするのが原因ぽい(ちゃんと調べる)。

いろいろ解決方法があるみたいだが、r71で追加された
Object3Dの renderOrderプロパティでレンダリングの順番を指定するのが
よい。と思う。

このプロパティはデフォルト 0 なので、透過させるオブジェクトに0より大きい値を指定すれば解決。