[ { "path": ".npmignore", "content": "examples\ntest\ndocs\n" }, { "path": "README.md", "content": "# glsl-solid-wireframe\n\n> draw wireframes on a triangular mesh using a fragment shader\n\nThis module uses barycentric coordinates to draw a wireframe on a solid triangular mesh. Alternatively, it will simply draw grid lines at integer component values of a float- or vector-valued variable which you give it.\n\nYou can see a detailed explanation of the technique [here](http://codeflow.org/entries/2012/aug/02/easy-wireframe-display-with-barycentric-coordinates/). It uses [`OES_standard_derivatives`](https://www.khronos.org/registry/gles/extensions/OES/OES_standard_derivatives.txt) to scale the lines to a uniform width, but also exposes a basic fallback that scales lines relative to the size of the triangle in case `OES_standard_derivatives` is not available. (The fallback is pretty bad.) [Support for `OES_standard_derivatives` is 96% for mobile and 99% across the board](http://webglstats.com/webgl/extension/OES_standard_derivatives).\n\nPlease ***do not*** confuse it with nVidia's [Solid Wireframe technique](http://developer.download.nvidia.com/SDK/10/direct3d/Source/SolidWireframe/Doc/SolidWireframe.pdf). That technique uses a geometry shader so will not be available in WebGL any time soon. The convenience function used here to generate barycentric coordinates produces a similar result but duplicates and expands the geometry to achieve it. It's real wasteful. Not perfect.\n\n## Example\n\n

\n \n \n \n
\n Barycentric coordinate based mesh. See demo →\n

\n\n

\n \n \n \n
\n Cartesian coordinate based mesh using 5 * position.xy as the input. See demo →\n

\n\nOr see an interactive demo [here](http://rreusser.github.io/glsl-solid-wireframe/demo.html). Code using [regl](https://github.com/regl-project/regl) to draw a barycentric triangular mesh is below.\n\n```javascript\nconst regl = require('regl')({extensions: ['oes_standard_derivatives']});\nconst glsl = require('glslify');\nconst camera = require('regl-camera')(regl);\nconst mesh = require('glsl-solid-wireframe')(require('bunny'));\n\nconst draw = regl({\n frag: glsl`\n #extension GL_OES_standard_derivatives : enable\n precision mediump float;\n #pragma glslify: grid = require(glsl-solid-wireframe/barycentric/scaled)\n varying vec2 b;\n void main () {\n gl_FragColor = vec4(vec3(grid(b, 1.0)), 1);\n }\n `,\n vert: `\n precision mediump float;\n uniform mat4 projection, view;\n attribute vec3 position;\n attribute vec2 barycentric;\n varying vec2 b;\n void main () {\n b = barycentric;\n gl_Position = projection * view * vec4(position, 1);\n }\n `,\n attributes: {\n position: mesh.positions,\n barycentric: mesh.barycentric\n },\n elements: mesh.cells,\n});\n\nregl.frame(() => {\n regl.clear({color: [1, 1, 1, 1], depth: 1});\n camera(draw);\n});\n```\n\n## API\n\n### Installation\n\n```bash\n$ npm install glsl-solid-wireframe\n```\n\n### JavaScript API\n\nIn order to use the barycentric wireframe shader, each triangle must have a `vec2` vertex attribute that is `[0, 0]` in one corner, `[1, 0]` in the second, and `[0, 1]` in the third. Since assigning these attributes without duplicating the mesh is not a straightforward assignment problem, the module exports a function that simply expands the mesh and assigns the proper attributes. The extra storage may be prohibitive, but you certainly don't need to use this convenience function in order to use the shaders. You may be able to do better (PR welcome!) or barycentric coordinate assignment may simply be trivial for your geometry.\n\n### var wmesh = require('glsl-solid-wireframe')(mesh[, opts = {}])\n\nCreate a wireframe mesh given an existing triangular mesh.\n\nThe input must be a simplicial complex consisting of `positions` and `cells`.\n\nThe wireframe mesh has these properties:\n- `wmesh.positions`: an array of `[x, y, z]` vertex arrays\n- `wmesh.cells`: an array of triangle indices\n- `wmesh.attributes`: extra attributes transferred from the input. See below.\n\nYou may optionally provide `opts.attributes`. If you do, the attribute references will be copied for each element into a new list of vertex attribute arrays.\n\n### glslify API\n\nTo require the modules via [glslify](https://github.com/stackgl/glslify):\n\n```glsl\n#pragma glslify bary_wire_scaled = require(glsl-solid-wireframe/barycentric/scaled)\n#pragma glslify bary_wire_unscaled = require(glsl-solid-wireframe/barycentric/unscaled)\n#pragma glslify cart_wire_scaled = require(glsl-solid-wireframe/cartesian/scaled)\n#pragma glslify cart_wire_unscaled = require(glsl-solid-wireframe/cartesian/unscaled)\n```\n\n#### `float bary_wire_scaled(vec2 b, float width[, float feather = 0.5])`\n\nReturns 0.0 on the grid lines and 1.0 on the rest of the triangle. `b` is the `varying vec2` barycentric coordinate, `width` is the width of the grid lines in pixels, and `feather` is the radius on either side of `width` over which to transition in order to avoid sharp aliasing. `feather` must be strictly greater than zero to avoid inequality fighting issues with `smoothstep`. In order to use this shader, `OES_standard_derivatives` must be available so this function is only available in a fragment shader.\n\n#### `float bary_wire_unscaled(vec2 b, float width[, float feather = 0.5])`\n\nReturns 0.0 on the grid lines and 1.0 on the rest of the triangle. `b` is the `varying vec2` barycentric coordinate, `width` is the width of the grid lines where `0.0` shows no lines at all and `1.0` causes all three lines to meet in the center, and `feather` is the radius on either side of `width` over which to transition in order to avoid sharp aliasing. `feather` must be strictly greater than zero to avoid inequality fighting issues with `smoothstep`. This shader does not use `OES_standard_derivatives`.\n\n#### `float cart_wire_scaled(genType f, float width[, float feather = 0.5])`\n\nReturns 0.0 on the grid lines and 1.0 on the rest of the triangle. `f` is a `float`, `vec2`, `vec3`, or `vec4`. Grid lines will appear at integer values of any of the components. `width` is the width of the grid lines in pixels, and `feather` is the radius on either side of `width` over which to transition in order to avoid sharp aliasing. `feather` must be strictly greater than zero to avoid inequality fighting issues with `smoothstep`. In order to use this shader, `OES_standard_derivatives` must be available so that this is only available in a fragment shader.\n\n#### `float cart_wire_unscaled(genType f, float width[, float feather = 0.5])`\n\nReturns 0.0 on the grid lines and 1.0 on the rest of the triangle. `f` is a `float`, `vec2`, `vec3`, or `vec4`. Grid lines will appear at integer values of any of components. `width` is the width of the grid lines where `0.0` shows no lines at all and `1.0` causes all three lines to meet in the center, and `feather` is the radius on either side of `width` over which to transition in order to avoid sharp aliasing. `feather` must be strictly greater than zero to avoid inequality fighting issues with `smoothstep`. This shader does not use `OES_standard_derivatives`.\n\n## See also\n\n- [screen-projected-lines](https://github.com/substack/screen-projected-lines)\n\n## License\n© Ricky Reusser 2016. MIT License.\n" }, { "path": "barycentric/scaled.glsl", "content": "float gridFactor (vec2 vBC, float width, float feather) {\n float w1 = width - feather * 0.5;\n vec3 bary = vec3(vBC.x, vBC.y, 1.0 - vBC.x - vBC.y);\n vec3 d = fwidth(bary);\n vec3 a3 = smoothstep(d * w1, d * (w1 + feather), bary);\n return min(min(a3.x, a3.y), a3.z);\n}\n\nfloat gridFactor (vec2 vBC, float width) {\n vec3 bary = vec3(vBC.x, vBC.y, 1.0 - vBC.x - vBC.y);\n vec3 d = fwidth(bary);\n vec3 a3 = smoothstep(d * (width - 0.5), d * (width + 0.5), bary);\n return min(min(a3.x, a3.y), a3.z);\n}\n\n#pragma glslify: export(gridFactor)\n" }, { "path": "barycentric/unscaled.glsl", "content": "float gridFactor (vec2 vBC, float width, float feather) {\n vec3 bary = vec3(vBC.x, vBC.y, 1.0 - vBC.x - vBC.y) * 3.0;\n vec3 a3 = smoothstep(vec3(width - feather), vec3(width + feather), bary);\n return min(min(a3.x, a3.y), a3.z);\n}\n\nfloat gridFactor (vec2 vBC, float width) {\n vec3 bary = vec3(vBC.x, vBC.y, 1.0 - vBC.x - vBC.y) * 3.0;\n vec3 a3 = smoothstep(vec3(width - 0.05), vec3(width + 0.05), bary);\n return min(min(a3.x, a3.y), a3.z);\n}\n\n#pragma glslify: export(gridFactor)\n" }, { "path": "cartesian/scaled.glsl", "content": "float gridFactor (float parameter, float width, float feather) {\n float w1 = width - feather * 0.5;\n float d = fwidth(parameter);\n float looped = 0.5 - abs(mod(parameter, 1.0) - 0.5);\n return smoothstep(d * w1, d * (w1 + feather), looped);\n}\n\nfloat gridFactor (vec2 parameter, float width, float feather) {\n float w1 = width - feather * 0.5;\n vec2 d = fwidth(parameter);\n vec2 looped = 0.5 - abs(mod(parameter, 1.0) - 0.5);\n vec2 a2 = smoothstep(d * w1, d * (w1 + feather), looped);\n return min(a2.x, a2.y);\n}\n\nfloat gridFactor (vec3 parameter, float width, float feather) {\n float w1 = width - feather * 0.5;\n vec3 d = fwidth(parameter);\n vec3 looped = 0.5 - abs(mod(parameter, 1.0) - 0.5);\n vec3 a3 = smoothstep(d * w1, d * (w1 + feather), looped);\n return min(min(a3.x, a3.y), a3.z);\n}\n\nfloat gridFactor (vec4 parameter, float width, float feather) {\n float w1 = width - feather * 0.5;\n vec4 d = fwidth(parameter);\n vec4 looped = 0.5 - abs(mod(parameter, 1.0) - 0.5);\n vec4 a4 = smoothstep(d * w1, d * (w1 + feather), looped);\n return min(min(min(a4.x, a4.y), a4.z), a4.w);\n}\n\nfloat gridFactor (float parameter, float width) {\n float d = fwidth(parameter);\n float looped = 0.5 - abs(mod(parameter, 1.0) - 0.5);\n return smoothstep(d * (width - 0.5), d * (width + 0.5), looped);\n}\n\nfloat gridFactor (vec2 parameter, float width) {\n vec2 d = fwidth(parameter);\n vec2 looped = 0.5 - abs(mod(parameter, 1.0) - 0.5);\n vec2 a2 = smoothstep(d * (width - 0.5), d * (width + 0.5), looped);\n return min(a2.x, a2.y);\n}\n\nfloat gridFactor (vec3 parameter, float width) {\n vec3 d = fwidth(parameter);\n vec3 looped = 0.5 - abs(mod(parameter, 1.0) - 0.5);\n vec3 a3 = smoothstep(d * (width - 0.5), d * (width + 0.5), looped);\n return min(min(a3.x, a3.y), a3.z);\n}\n\nfloat gridFactor (vec4 parameter, float width) {\n vec4 d = fwidth(parameter);\n vec4 looped = 0.5 - abs(mod(parameter, 1.0) - 0.5);\n vec4 a4 = smoothstep(d * (width - 0.5), d * (width + 0.5), looped);\n return min(min(min(a4.x, a4.y), a4.z), a4.z);\n}\n\n#pragma glslify: export(gridFactor)\n" }, { "path": "cartesian/unscaled.glsl", "content": "float gridFactor (float parameter, float width, float feather) {\n float l = 1.0 - 2.0 * abs(mod(parameter, 1.0) - 0.5);\n return smoothstep(width - feather, width + feather, l);\n}\n\nfloat gridFactor (vec2 parameter, float width, float feather) {\n vec2 l = 1.0 - 2.0 * abs(mod(parameter, 1.0) - 0.5);\n vec2 a2 = smoothstep(width - feather, width + feather, l);\n return min(a2.x, a2.y);\n}\n\nfloat gridFactor (vec3 parameter, float width, float feather) {\n vec3 l = 1.0 - 2.0 * abs(mod(parameter, 1.0) - 0.5);\n vec3 a3 = smoothstep(width - feather, width + feather, l);\n return min(min(a3.x, a3.y), a3.z);\n}\n\nfloat gridFactor (vec4 parameter, float width, float feather) {\n vec4 l = 1.0 - 2.0 * abs(mod(parameter, 1.0) - 0.5);\n vec4 a4 = smoothstep(width - feather, width + feather, l);\n return min(min(min(a4.x, a4.y), a4.z), a4.w);\n}\n\nfloat gridFactor (float parameter, float width) {\n float l = 1.0 - 2.0 * abs(mod(parameter, 1.0) - 0.5);\n return smoothstep(width - 0.05, width + 0.05, l);\n}\n\nfloat gridFactor (vec2 parameter, float width) {\n vec2 l = 1.0 - 2.0 * abs(mod(parameter, 1.0) - 0.5);\n vec2 a2 = smoothstep(width - 0.05, width + 0.05, l);\n return min(a2.x, a2.y);\n}\n\nfloat gridFactor (vec3 parameter, float width) {\n vec3 l = 1.0 - 2.0 * abs(mod(parameter, 1.0) - 0.5);\n vec3 a3 = smoothstep(width - 0.05, width + 0.05, l);\n return min(min(a3.x, a3.y), a3.z);\n}\n\nfloat gridFactor (vec4 parameter, float width) {\n vec4 l = 1.0 - 2.0 * abs(mod(parameter, 1.0) - 0.5);\n vec4 a4 = smoothstep(width - 0.05, width + 0.05, l);\n return min(min(min(a4.x, a4.y), a4.z), a4.w);\n}\n\n#pragma glslify: export(gridFactor)\n" }, { "path": "docs/barycentric.html", "content": "\n\n\nglsl-solid-wireframe\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n \n \n \n\n\n\n\n" }, { "path": "docs/cartesian.html", "content": "\n\n\nglsl-solid-wireframe\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n \n \n \n\n\n\n\n" }, { "path": "docs/demo.html", "content": "\n\n\nglsl-solid-wireframe\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n \n \n \n\n\n\n\n" }, { "path": "examples/barycentric.js", "content": "const regl = require('regl')({\n extensions: ['oes_standard_derivatives']\n});\nconst glsl = require('glslify');\ndocument.querySelector('canvas').addEventListener('mousewheel', e => e.preventDefault());\nconst camera = require('regl-camera')(regl, {distance: 15, center: [0, 4, 0], theta: 1.9, phi: 0.3});\nconst mesh = require('../')(require('bunny'));\n\nconst draw = regl({\n frag: glsl`\n #extension GL_OES_standard_derivatives : enable\n precision mediump float;\n #pragma glslify: grid = require(../barycentric/scaled)\n varying vec2 b;\n void main () {\n gl_FragColor = vec4(vec3(grid(b, 1.0)), 1);\n }\n `,\n vert: `\n precision mediump float;\n uniform mat4 projection, view;\n attribute vec3 position;\n attribute vec2 barycentric;\n varying vec2 b;\n void main () {\n b = barycentric;\n gl_Position = projection * view * vec4(position, 1);\n }\n `,\n attributes: {\n position: mesh.positions,\n barycentric: mesh.barycentric\n },\n elements: mesh.cells,\n});\n\nregl.frame(function () {\n regl.clear({color: [1, 1, 1, 0], depth: 1});\n camera(draw);\n});\n" }, { "path": "examples/cartesian.js", "content": "const regl = require('regl')({\n extensions: ['oes_standard_derivatives']\n});\nconst glsl = require('glslify');\ndocument.querySelector('canvas').addEventListener('mousewheel', e => e.preventDefault());\nconst camera = require('regl-camera')(regl, {distance: 15, center: [0, 4, 0], theta: 1.9, phi: 0.3});\nconst mesh = require('bunny');\n\nconst draw = regl({\n frag: glsl`\n #extension GL_OES_standard_derivatives : enable\n precision mediump float;\n #pragma glslify: grid = require(../cartesian/scaled)\n varying vec3 p;\n void main () {\n gl_FragColor = vec4(vec3(grid(p.xy * 5.0, 1.0)), 1);\n }\n `,\n vert: `\n precision mediump float;\n uniform mat4 projection, view;\n attribute vec3 position;\n varying vec3 p;\n void main () {\n p = position;\n gl_Position = projection * view * vec4(position, 1);\n }\n `,\n attributes: {\n position: mesh.positions,\n },\n elements: mesh.cells,\n});\n\nregl.frame(function () {\n regl.clear({color: [1, 1, 1, 0], depth: 1});\n camera(draw);\n});\n" }, { "path": "examples/demo.js", "content": "var glsl = require('glslify');\nvar wireframe = require('../');\nvar extend = require('xtend/mutable');\nvar bunny = require('bunny');\n\nvar regl = require('regl')({extensions: ['oes_standard_derivatives']});\nvar camera = require('regl-camera')(regl, {\n distance: 20,\n center: [0, 5, 0],\n theta: Math.PI * 0.5,\n phi: 0.0\n});\n\nvar params = {\n type: 'barycentric',\n standardDeriv: true,\n cartesianX: 1.0,\n cartesianY: 1.0,\n cartesianZ: 1.0,\n width: 1.0,\n feather: 0.5,\n};\n\nvar panel = require('h')('div');\ndocument.querySelector('canvas').addEventListener('mousewheel', e => e.preventDefault());\ndocument.body.appendChild(panel);\npanel.addEventListener('mousewheel', e => e.stopPropagation());\npanel.addEventListener('mousemove', e => e.stopPropagation());\npanel.addEventListener('mousedown', e => e.stopPropagation());\npanel.addEventListener('mouseup', e => e.stopPropagation());\n\nrequire('control-panel')([\n {type: 'select', label: 'type', initial: params.type, options: ['barycentric', 'cartesian']},\n {type: 'checkbox', label: 'standardDeriv', initial: params.standardDeriv},\n {type: 'range', label: 'width', initial: params.width, min: 0.0, max: 5.0, step: 0.01},\n {type: 'range', label: 'feather', initial: params.feather, min: 0.0, max: 5.0, step: 0.01},\n {type: 'range', label: 'cartesianX', initial: params.cartesianX, min: 0.0, max: 5.0, step: 0.1},\n {type: 'range', label: 'cartesianY', initial: params.cartesianY, min: 0.0, max: 5.0, step: 0.1},\n {type: 'range', label: 'cartesianZ', initial: params.cartesianZ, min: 0.0, max: 5.0, step: 0.1},\n], {root: panel}).on('input', data => extend(params, data));\n\nvar draw = makeDrawCmd(regl)\nregl.frame(function () {\n regl.clear({color: [0.2, 0.2, 0.2, 1], depth: 1});\n setParams(params, () => {\n camera(() => {\n draw[params.type][params.standardDeriv ? 'scaled' : 'unscaled']();\n });\n });\n})\n\nvar setParams = regl({\n uniforms: {\n cartesianX: (c, p) => p.cartesianX,\n cartesianY: (c, p) => p.cartesianY,\n cartesianZ: (c, p) => p.cartesianZ,\n width: (c, p) => p.width,\n feather: (c, p) => Math.max(p.feather, 1e-4),\n feather: (c, p) => p.feather,\n }\n});\n\nfunction makeDrawCmd (regl) {\n var mesh = wireframe(bunny, {\n attributes: {\n positions: bunny.positions\n }\n });\n\n function makeCmd(frag) {\n return regl({\n frag: frag,\n vert: `\n precision mediump float;\n uniform mat4 projection, view;\n attribute vec3 position;\n attribute vec2 barycentric;\n varying vec3 p;\n varying vec2 b;\n void main () {\n b = barycentric;\n p = position;\n gl_Position = projection * view * vec4(position, 1);\n }\n `,\n attributes: {\n position: mesh.positions,\n barycentric: mesh.barycentric\n },\n elements: mesh.cells,\n })\n }\n\n return {\n barycentric: {\n scaled: makeCmd(glsl`\n #extension GL_OES_standard_derivatives : enable\n precision mediump float;\n #pragma glslify: grid=require(../barycentric/scaled)\n varying vec2 b;\n uniform float width, feather;\n void main () {\n float g = grid(b, width, feather);\n gl_FragColor = vec4(mix(vec3(0), vec3(0.8), g), 1);\n }\n `),\n unscaled: makeCmd(glsl`\n precision mediump float;\n #pragma glslify: grid=require(../barycentric/unscaled)\n varying vec2 b;\n uniform float width, feather;\n void main () {\n float g = grid(b, width, feather);\n gl_FragColor = vec4(mix(vec3(0), vec3(0.8), g), 1);\n }\n `),\n },\n cartesian: {\n scaled: makeCmd(glsl`\n #extension GL_OES_standard_derivatives : enable\n precision mediump float;\n #pragma glslify: grid=require(../cartesian/scaled)\n varying vec2 b;\n varying vec3 p;\n uniform float cartesianX, cartesianY, cartesianZ;\n uniform float width, feather;\n void main () {\n float g = grid(\n vec3(\n cartesianX > 0.0 ? p.x * cartesianX : 0.5,\n cartesianY > 0.0 ? p.y * cartesianY : 0.5,\n cartesianZ > 0.0 ? p.z * cartesianZ : 0.5\n ), width, feather);\n gl_FragColor = vec4(mix(vec3(0), vec3(0.8), g), 1);\n }\n `),\n unscaled: makeCmd(glsl`\n #extension GL_OES_standard_derivatives : enable\n precision mediump float;\n #pragma glslify: grid=require(../cartesian/unscaled)\n varying vec2 b;\n varying vec3 p;\n uniform float cartesianX, cartesianY, cartesianZ;\n uniform float width, feather;\n void main () {\n float g = grid(\n vec3(\n cartesianX > 0.0 ? p.x * cartesianX : 0.5,\n cartesianY > 0.0 ? p.y * cartesianY : 0.5,\n cartesianZ > 0.0 ? p.z * cartesianZ : 0.5\n ), width, feather);\n gl_FragColor = vec4(mix(vec3(0), vec3(0.8), g), 1);\n }\n `),\n }\n };\n}\n" }, { "path": "index.js", "content": "module.exports = function (mesh, opts) {\n if (!opts) opts = {};\n var vars = opts.attributes ? {} : null;\n var vkeys = vars && Object.keys(opts.attributes)\n if (vars) {\n for (var k = 0; k < vkeys.length; k++) {\n vars[vkeys[k]] = []\n }\n }\n\n var i, j;\n var pts = [];\n var cells = [];\n var barycentricAttrs = [];\n\n var mpts = mesh.positions;\n var mcells = mesh.cells;\n\n var c = 0;\n for (i = 0; i < mesh.cells.length; i++) {\n var cell = mcells[i];\n if (cell.length === 3) {\n pts.push(mpts[cell[0]]);\n pts.push(mpts[cell[1]]);\n pts.push(mpts[cell[2]]);\n barycentricAttrs.push([0, 0]);\n barycentricAttrs.push([1, 0]);\n barycentricAttrs.push([0, 1]);\n cells.push(c++);\n cells.push(c++);\n cells.push(c++);\n if (vkeys) {\n for (j = 0; j < vkeys.length; j++) {\n var vkey = vkeys[j];\n vars[vkey].push(opts.attributes[vkey][cell[0]]);\n vars[vkey].push(opts.attributes[vkey][cell[1]]);\n vars[vkey].push(opts.attributes[vkey][cell[2]]);\n }\n }\n }\n }\n\n var ret = {\n positions: pts,\n attributes: vars,\n barycentric: barycentricAttrs\n };\n\n if (mesh.cells) {\n ret.cells = cells;\n }\n\n return ret;\n};\n" }, { "path": "package.json", "content": "{\n \"name\": \"glsl-solid-wireframe\",\n \"version\": \"1.0.2\",\n \"description\": \"draw wireframes on a solid mesh using a fragment shader\",\n \"main\": \"index.js\",\n \"devDependencies\": {\n \"angle-normals\": \"^1.0.0\",\n \"browserify\": \"^13.3.0\",\n \"budo\": \"^9.4.1\",\n \"bunny\": \"^1.0.1\",\n \"control-panel\": \"^1.2.0\",\n \"es2040\": \"^1.2.4\",\n \"github-cornerify\": \"^1.0.6\",\n \"glsl-diffuse-lambert\": \"^1.0.0\",\n \"glsl-noise\": \"0.0.0\",\n \"glsl-specular-blinn-phong\": \"^1.0.1\",\n \"h\": \"^0.1.0\",\n \"indexhtmlify\": \"^1.3.1\",\n \"metadataify\": \"^1.0.3\",\n \"regl\": \"^1.3.0\",\n \"regl-camera\": \"^1.1.0\",\n \"tape\": \"^4.6.0\"\n },\n \"scripts\": {\n \"start\": \"budo --open --live --host localhost examples/fancy.js -- -t glslify -t es2040\",\n \"build:cartesian\": \"browserify examples/cartesian.js -t glslify -t es2040 | indexhtmlify | metadataify | github-cornerify > docs/cartesian.html\",\n \"build:barycentric\": \"browserify examples/barycentric.js -t glslify -t es2040 | indexhtmlify | metadataify | github-cornerify > docs/barycentric.html\",\n \"build:fancy\": \"browserify examples/fancy.js -t glslify -t es2040 | indexhtmlify | metadataify | github-cornerify > docs/fancy.html\",\n \"build:demo\": \"browserify examples/demo.js -t glslify -t es2040 | indexhtmlify | metadataify | github-cornerify > docs/demo.html\",\n \"test\": \"tape test/*.js\"\n },\n \"keywords\": [\n \"3d\",\n \"lines\",\n \"webgl\",\n \"glslify\",\n \"glsl\",\n \"simplicial complex\",\n \"wireframe\",\n \"mesh\",\n \"stackgl\"\n ],\n \"author\": \"Ricky Reusser\",\n \"license\": \"MIT\",\n \"directories\": {\n \"examples\": \"examples\",\n \"test\": \"test\"\n },\n \"repository\": {\n \"type\": \"git\",\n \"url\": \"git+https://github.com/rreusser/glsl-solid-wireframe.git\"\n },\n \"bugs\": {\n \"url\": \"https://github.com/rreusser/glsl-solid-wireframe/issues\"\n },\n \"github-corner\": {\n \"fg\": \"#333\",\n \"bg\": \"#fff\",\n \"url\": \"https://github.com/rreusser/glsl-solid-wireframe\"\n },\n \"homepage\": \"https://github.com/rreusser/glsl-solid-wireframe#readme\"\n}\n" } ]