{{ store.errorText.stackText }}
Interactive Grid System
A grid of points can be built through shaping and existing list of points.
This example doesn't use a stage, opting for a draw canvas drawing, but utilising polypoint functions.
pointList = PointList.generate.list(100, 0)
To set the position of the grid generator, we can just edit the first point:
pointList[0].set(50, 50)
Then reshape internally
pointList.shape.grid(pointSpread, rowCount)
Meta Data
| title | Interactive Grid System |
| imports | () |
| files | ('head', 'point', 'pointlist', 'mouse', 'stage', '../point_src/math.js', '../point_src/extras.js', 'stroke') |
| unused_keys | () |
| unknown_keys | ('categories',) |
| categories | ['', 'grid', 'raw'] |
| filepath_exists | True |
| path | grid-example |
| filepath | grid-example.js |
| clean_files | ('../point_src/core/head.js', '../point_src/pointpen.js', '../point_src/compass.js', '../point_src/center.js', '../point_src/point-content.js', '../point_src/pointdraw.js', '../point_src/relative-xy.js', '../point_src/pointcast.js', '../point_src/point.js', '../point_src/pointlistdraw.js', '../point_src/pointlistgradient.js', '../point_src/pointlistshape.js', '../point_src/pointlistgenerator.js', '../point_src/unpack.js', '../point_src/pointlist.js', '../point_src/pointlistpen.js', '../point_src/events.js', '../point_src/automouse.js', '../point_src/stage-hooks.js', '../point_src/stage-resize.js', '../point_src/functions/resolve.js', '../point_src/stage.js', '../point_src/math.js', '../point_src/extras.js', '../point_src/setunset.js', '../point_src/stroke.js') |
Logger
Install Logger {{ store.words }}