| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748 |
- import { _decorator, Component, Vec3, tween } from 'cc';
- const { ccclass, property } = _decorator;
- @ccclass('BezierComponent')
- export class BezierComponent extends Component {
- @property({ tooltip: "曲线起点", type: Vec3 })
- public startPoint: Vec3 = new Vec3(0, 0, 0);
- @property({ tooltip: "曲线控制点", type: Vec3 })
- public ctrl1Point: Vec3 = new Vec3(0, 0, 0);
- @property({ tooltip: "曲线控制点", type: Vec3 })
- public ctrl2Point: Vec3 = new Vec3(0, 0, 0);
- @property({ tooltip: "曲线终点", type: Vec3 })
- public endPoint: Vec3 = new Vec3(0, 0, 0);
- start() {
- tween<BezierComponent>(this)
- .to(Math.random() * 1.2 + 0.6, { thirdOrderBeizer: 1 })
- .to(0.3, { scale: new Vec3(1.4, 1.4) })
- .to(0.3, { scale: new Vec3(1, 1) })
- .call(() => {
- //执行完销毁节点
- this.node.destroy();
- })
- .start();
- }
- public set thirdOrderBeizer(t: number) {
- let beizerX: number = this.startPoint.x * Math.pow((1 - t), 3) + 3 * this.ctrl1Point.x * t * Math.pow((1 - t), 2) + 3 * this.ctrl2Point.x * t * t * (1 - t) + this.endPoint.x * t * t * t;
- let beizerY: number = this.startPoint.y * Math.pow((1 - t), 3) + 3 * this.ctrl1Point.y * t * Math.pow((1 - t), 2) + 3 * this.ctrl1Point.y * t * t * (1 - t) + this.endPoint.y * t * t * t;
- this.node.position = new Vec3(beizerX, beizerY);
- }
- public get thirdOrderBeizer() {
- return 0;
- }
- public get scale(): Vec3 {
- return this.node.scale;
- }
- public set scale(value: Vec3) {
- this.node.scale = value;
- }
- }
|