lerp-pointlist-through.js

total 0
used 0
limit 0
/* title: PointList Lerp Through Positions categories: lerp files: head pointlist point stage mouse stroke ../point_src/random.js ../point_src/easing.js ../point_src/iter/lerp.js ../theatre/apple-motion-algo.js --- In this example, we use the `PointList.lerper.through(a, b)` to lerp all the points points.lerper.through( startPositions , endPositions , {seconds: 5} ) */ class MainStage extends Stage { canvas='playspace' mounted(){ let count = 50 this.a = PointList.generate.random(count, [200,350, 20, 200], [60, 150, 1, 1]) this.b = PointList.generate.radius({count: count, offset: {radius:3}}, 140, new Point(500, 300)) this.c = PointList.generate.random(count) } draw(ctx) { this.clear(ctx) this.a.pen.indicator(ctx, 'green') this.b.pen.indicator(ctx, {color:'#333'}) this.c.lerper.through(this.a, this.b, { seconds: 3 , easing: quadEaseOut }) this.c.pen.indicator(ctx, {color:'purple'}) } } ;stage = MainStage.go();
Run
Meta Data
title PointList Lerp Through Positions
imports ()
files ('head', 'pointlist', 'point', 'stage', 'mouse', 'stroke', '../point_src/random.js', '../point_src/easing.js', '../point_src/iter/lerp.js', '../theatre/apple-motion-algo.js')
unused_keys ()
unknown_keys ('categories',)
categories ['lerp']
filepath_exists True
path lerp-pointlist-through.js
filepath lerp-pointlist-through.js
clean_files ('../point_src/core/head.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/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/stage-hooks.js', '../point_src/stage-resize.js', '../point_src/functions/resolve.js', '../point_src/stage.js', '../point_src/events.js', '../point_src/automouse.js', '../point_src/setunset.js', '../point_src/stroke.js', '../point_src/random.js', '../point_src/easing.js', '../point_src/iter/lerp.js', '../theatre/apple-motion-algo.js')
markdown {'html': '<p>In this example, we use the <code>PointList.lerper.through(a, b)</code> to lerp all the points</p>\n<pre><code>points.lerper.through(\n startPositions\n , endPositions\n , {seconds: 5}\n)\n</code></pre>', 'content': 'title: PointList Lerp Through Positions\ncategories: lerp\nfiles:\n head\n pointlist\n point\n stage\n mouse\n stroke\n ../point_src/random.js\n ../point_src/easing.js\n ../point_src/iter/lerp.js\n ../theatre/apple-motion-algo.js\n---\n\nIn this example, we use the `PointList.lerper.through(a, b)` to lerp all the points\n\n points.lerper.through(\n startPositions\n , endPositions\n , {seconds: 5}\n )'}