three.js マウスクリックで一部の面の色を変える - Qiita

概要 three.jsでクリックした面の色が変わるような物を作ります。 バージョンはr93 デモ：https://arihide.github.io/demos/face_pick/ ソースコードはこちら https://github.com/Arihide/demos/tree/master/face_pick 解説 普通にオブジェクト追加するのと異なる部分に絞って説明します。 material作成時のvertexColorsの指定 以下のように、Materialを作成する際にvertexColorsを指定するようにします。 こうすることで、面ごとに色を指定できるようになります。 var loader = new THREE.JSONLoader(); var mesh; loader.load('./rough_plane.json', function (geo) { var mat