1.0.1 • Published 3 years ago

fly-line v1.0.1

Weekly downloads
-
License
MIT
Repository
github
Last release
3 years ago

Three Fly Line

1.安装

npm install fly-line

or

yarn add fly-line

2.示例

3D场景应用 2D场景应用 地图中的应用

代码见example

3.使用

import FlyLine, { mapping2to3 } from 'fly-line'

let lines: FlyLine[] = []

for (let i = -5; i <= 5; i++) {
  let _line = new THREE.QuadraticBezierCurve3(
    cubePostion,
    new THREE.Vector3(
      (cubePostion.x + spPosition.x) / 2,
      (cubePostion.y + spPosition.y) / 2 + i * 50,
      (cubePostion.z + spPosition.z) / 2,
    ),
    spPosition,
  )
  let points = _line.getPoints(1000)
  lines.push(
    new FlyLine(points, new THREE.Vector3(Math.random(), Math.random(), Math.random()), scene, 1, 0.1, 4, -1),
  )
}

// animate 中

lines.forEach(flyLine => {
  flyLine.animate()
})

4.参数

let line = new FlyLine(points: any[], color: THREE.Vector3, scene: any, speed?: number, length?: number, size?: number, discardOpacity?: number, showLine?: boolean): FlyLine

参数说明
points描述line的点
color颜色 Vector3
scenethree中的场景
speed速度
length彗星尾巴的长度
size大小
discardOpacity舍弃点的临界值,默认0.2
showLine是否显示背景线

5.方法

show()

hide()

dispose()

1.0.1

3 years ago

1.0.0

3 years ago