MasatoMakino/canvas-particle-waypoint

import { getHeartPath } from "./SamplePath.js";
import { BezierUtil, ParticleWay } from "@masatomakino/particle-waypoint";

/**
 * createjsのステージを初期化する。
 * @return {createjs.Stage}
 */
export function initCanvas() {
  const canvas = document.createElement("canvas");
  document.body.appendChild(canvas);
  canvas.id = "appCanvas";
  canvas.width = 640;
  canvas.height = 480;
  canvas.style.width = "640px";
  canvas.style.height = "480px";
  canvas.style.backgroundColor = "#000";
  return canvas;
}

/**
 * ParticleWayを初期化する。
 * @return {ParticleWay}
 */
export function initWay() {
  const points = getHeartPath();
  const wayPoint = new ParticleWay(BezierUtil.subdivide(points));
  return wayPoint;
}