我怎样才能把一个颠倒的人物转过来？

Question

我正在使用 json 文件创建地图。 d3.js 到 Three.js。显示时，它显示为倒置。因为我可以转他？ 我不确定哪个是最好的翻转方式。我想尽他所能推荐它，因为我是 d3 和 Three.js 的新手，不知道该怎么做。

在这里你可以看到它的样子：

http://imgur.com/IFZ8F8h

所以我需要： http://vignette3.wikia.nocookie.net/inciclopedia/images/b/b4/Mapamundi.png/revision/20130430135955

我的代码是这样的：

            mercator = d3.geo.equirectangular();
            path = d3.geo.path().projection(mercator);

            var translate = mercator.translate();
            translate[0] = 500;
            translate[1] = 0;

            mercator.translate(translate);
            mercator.scale(200);


            var data=jsonCountrys;
            var countries = [];
            var i, j;

            // convert to threejs meshes
            for (i = 0 ; i < data.features.length ; i++) {
                var geoFeature = data.features[i];

                var properties = geoFeature.properties;
                var feature = path(geoFeature);

                // we only need to convert it to a three.js path
                var mesh = transformSVGPathExposed(feature);

                // add to array
                for (j = 0 ; j < mesh.length ; j++) {
                      countries.push({"data": properties, "mesh": mesh[j]});
                }
            }

            var material= new Array();
            // extrude paths and add color
            for (i = 0 ; i < countries.length ; i++) {

                // create material color based on average   
                 material[i] =  new THREE.MeshBasicMaterial( { color: "#FF0000" });

            //  var material = new THREE.MeshPhongMaterial({
                    color: "#FF0000"/*, 
                    opacity:0.5*/


                // extrude mesh
                var shape3d = countries[i].mesh.extrude({
                    amount: 2, 
                    bevelEnabled: false
                });

                 var  materialSide = new THREE.LineBasicMaterial( { color: "#000000"} ); 
                           country[i] = new THREE.Mesh(shape3d, material[i]);

Answer 1

不知道你有多少参数在这个 sn-p 之外，但如果你在创建 material 的同时创建一个翻转矩阵，例如

var material= new Array(); // you already have this
var flip = new THREE.Matrix4().makeScale(1,-1,1);

然后在调用new THREE.Mesh()之前将其应用于shape3d：

shape3d.applyMatrix(flip);

这应该可以解决问题。

另外：你也应该小心，你使用的是LineBasicMaterial，而实际上你应该使用MeshBasicMaterial并适当地设置边和线框属性。