31:T6f8,colorCubeRenderable = ({ vert: ` precision mediump float; attribute vec3 position, color; uniform mat4 projection, view; uniform vec3 eye; uniform float maxDistance; varying vec3 fragColor; varying float fragSize; float getPointSize(){ // Constants (tweakable): const float minPointScale = 0.1; const float maxPointScale = 0.9; const float maxPointSize = 18.; // Calculate point scale based on distance from the viewer // to compensate for the fact that gl_PointSize is the point // size in rasterized points / pixels. float cameraDist = distance(position, eye); float pointScale = 1.0 - (cameraDist / maxDistance); pointScale = clamp(pointScale, minPointScale, maxPointScale); return maxPointSize*pointScale; } void main() { fragSize = getPointSize(); gl_PointSize = fragSize; fragColor = color; gl_Position = projection * view * vec4(position, 1); }`, frag: ` precision mediump float; varying vec3 fragColor; varying float fragSize; void main () { float r = 0.0, delta = 0.0, alpha = 1.0; vec2 cxy = 2.0 * gl_PointCoord - 1.0; r = dot(cxy, cxy); if (r > 1.0) { discard; } gl_FragColor = vec4(fragColor,1.); } `, attributes: { position: colorPositions[+solidOption], color: colors[+solidOption], }, count: colorPositions[+solidOption].length, uniforms: { view: regl.prop("viewMatrix"), eye: regl.prop("eye"), projection: perspectiveMatrix[+solidOption], maxDistance: maxDistances[+solidOption] }, primitive: "point" }) 32:[] 2f:{"title":"Color Solids: RGB and HSL","cells":[{"id":0,"value":"md`# Color Solids: RGB and HSL`","pinned":true,"hidden":false,"mode":"ojs"},{"id":126,"value":"viewof solidOption = radio ({\n options: [\n {label: \"RGB\", value: 0}, \n {label: \"HSL\", value: 1}\n ], \n value:0,\n description:\"Choose Solid\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":78,"value":"myCanvas = html `