小编Mic*_*c C的帖子

寻找有关如何在threejs内重新创建ShaderToy参数iGlobalTime,iChannel等的信息.我知道iGlobalTime是自Shader开始以来经过的时间,我认为iChannel的东西是用于从纹理中拉出rgb,但是会欣赏有关如何设置这些内容的信息.

编辑:已经浏览了所有带有three.js示例的着色器,并认为答案都在某处 - 只需找到等效于例如iChannel1 =纹理输入等.

第一次使用 jsfiddle 不太成功 - jsfiddle.net/mic1/o9f18aLz/1/（在这里感谢指针）

我需要在一个容器中垂直放置最多 5 个图表，其中有多少图表直到运行时才知道。我认为表格/行/单元格/div 结构将是灵活的（有更好的设计吗？）

<style type="text/css">
     .element {
        width: 120px;
        height: 200px;
        box-shadow: 0px 0px 12px rgba(0,255,255,0.5);
        border: 1px solid rgba(127,255,255,0.25);
        text-align: center;
        cursor: default;
    }
    }

    .tile-table {
        /*table-layout:fixed;*/
        width: 100%;
        height: 100%;
        border: 3px solid orange;
    }
</style>

var tableSet1 = [ 33.3, 33.3, 33.3 ];
var div1 = d3.select("body").append("div")
        .classed("element", true)
        .append("table")
                .classed("tile-table", true)
                .selectAll("tr")
                .data(tableSet1)
                .enter()
                .append("tr")
                .style("height", function(d) {return d + '%'})
                .style("background-color", "yellow")
                .append("td")
                .style("height", function(d) {return d + …