[F] Fix meshline usage
This commit is contained in:
@@ -1,6 +1,6 @@
|
|||||||
import * as THREE from "three";
|
import * as THREE from "three";
|
||||||
import {BufferGeometry, Color, Material} from "three";
|
import {Color, Material} from "three";
|
||||||
import {MeshLine, MeshLineMaterial} from 'meshline';
|
import {MeshLineGeometry, MeshLineMaterial} from 'meshline';
|
||||||
import IUpdatable from "@/animation/components/IUpdatable";
|
import IUpdatable from "@/animation/components/IUpdatable";
|
||||||
import {moused} from "@/animation/Trackers";
|
import {moused} from "@/animation/Trackers";
|
||||||
import {alwaysOnTop, circle} from "@/animation/Helpers";
|
import {alwaysOnTop, circle} from "@/animation/Helpers";
|
||||||
@@ -42,8 +42,8 @@ export class CursorCircle extends THREE.Mesh implements IUpdatable
|
|||||||
{
|
{
|
||||||
// https://discourse.threejs.org/t/shift-vertices-of-circle-geometry-not-working/26664
|
// https://discourse.threejs.org/t/shift-vertices-of-circle-geometry-not-working/26664
|
||||||
const pts = new THREE.Path().absarc(0, 0, conf.radius, 0, Math.PI * 2, true).getPoints(90)
|
const pts = new THREE.Path().absarc(0, 0, conf.radius, 0, Math.PI * 2, true).getPoints(90)
|
||||||
const geometry = new MeshLine()
|
const geometry = new MeshLineGeometry()
|
||||||
geometry.setGeometry(new BufferGeometry().setFromPoints(pts), () => 1)
|
geometry.setFromPoints(pts)
|
||||||
|
|
||||||
// MeshLine: https://stackoverflow.com/a/25759280/7346633
|
// MeshLine: https://stackoverflow.com/a/25759280/7346633
|
||||||
const material = new MeshLineMaterial({color: conf.color, lineWidth: conf.width,
|
const material = new MeshLineMaterial({color: conf.color, lineWidth: conf.width,
|
||||||
|
|||||||
Reference in New Issue
Block a user