小编Chr*_*ray的帖子

我已经查看了其他一些SO问题,遵循了所有的建议,但我仍然无法知道为什么我不能在这个非常基本的场景上渲染阴影.

http://jsfiddle.net/4Txgp/

[更新]代码:

var SCREEN_WIDTH = window.innerWidth - 25;
var SCREEN_HEIGHT = window.innerHeight - 25;

var camera, scene;
var canvasRenderer, webglRenderer;

var container, mesh, geometry, plane;

var windowHalfX = window.innerWidth / 2;
var windowHalfY = window.innerHeight / 2;

init();
animate();

function init() {

    container = document.createElement('div');
    document.body.appendChild(container);

    camera = new THREE.PerspectiveCamera(30, window.innerWidth / window.innerHeight, 1, 10000);
    camera.position.x = 1200;
    camera.position.y = 1000;
    camera.lookAt({
        x: 0,
        y: 0,
        z: 0
    });

    scene = new THREE.Scene();

    var groundMaterial = new THREE.MeshLambertMaterial({
        color: …

我正在开发一个基于d3.js的Treemap,http://mbostock.github.com/d3/ex/treemap.html ,我是D3的新手.基本上我有一个JSON文件的值列表,我正在创建一个基本的单父树形图,它在一个框中显示键,大小取决于键的值.

我遇到的问题是我想要解决的问题是我的数据往往偏向正确的高端,所以所有的大盒子都在那里结束,所有的小盒子最终都在左边.在我的脑海里(以及设计师的思想),既然我们从左到右阅读,那么在左边放置较大的盒子,在右边放置较小的盒子会更有意义.显然,我们的尺寸不需要改变,只需要改变它们的顺序.有关数据当前的显示方式,请参见http://chrislcoray.com/browsertest/treemap_issue.jpg.

例如,假设我的密钥是博客页面中的标签.我的JSON(不要问为什么我在博客中使用JSON,这是一个例子)可能看起来像这样:

{
    "name": "tags",
    "children": [
        {"name":"cooking", "size": 35},
        {"name":"video games", "size": 31},
        {"name":"book club", "size": 26},
        {"name":"knitting", "size": 23},
        {"name":"hunting", "size": 22},
        {"name":"farming", "size": 19},
        {"name":"athletics", "size": 6},
        {"name":"toys", "size": 3},
        {"name":"sanitizer", "size": 3},
        {"name":"pigs", "size": 2},
        {"name":"ducks", "size": 2},
        {"name":"wildlife", "size": 2},
        {"name":"automobiles", "size": 1},
        {"name":"waterbottles", "size": 1},
        {"name":"telephone cords", "size": 1},
        {"name":"lampshade hats", "size": 1}
    ]
}

我的D3看起来像这样:

var jsonFeed = '/JSON/tags.json';

var width = jQuery('#container').width(),
    height = jQuery('#container').height();

var …