polygonjs-engine/src/engine/nodes/anim/Repeat.ts

node-based webgl 3D engine https://polygonjs.com

/**
 * Sets if the animation should repeat
 *
 *
 */
import {TypedAnimNode} from './_Base';
import {TimelineBuilder, AnimationRepeatParams} from '../../../core/animation/TimelineBuilder';

import {NodeParamsConfig, ParamConfig} from '../utils/params/ParamsConfig';
class RepeatAnimParamsConfig extends NodeParamsConfig {
	/** @param sets if it should repeat indefinitely */
	unlimited = ParamConfig.BOOLEAN(0);
	/** @param number of times the animation should repeat */
	count = ParamConfig.INTEGER(1, {
		range: [0, 10],
		visibleIf: {unlimited: 0},
	});
	/** @param delay */
	delay = ParamConfig.FLOAT(0);
	/** @param sets if the animation should go back and forth at each repeat */
	yoyo = ParamConfig.BOOLEAN(0);
}
const ParamsConfig = new RepeatAnimParamsConfig();

export class RepeatAnimNode extends TypedAnimNode<RepeatAnimParamsConfig> {
	params_config = ParamsConfig;
	static type() {
		return 'repeat';
	}

	initializeNode() {
		this.io.inputs.setCount(0, 1);

		this.scene().dispatchController.onAddListener(() => {
			this.params.onParamsCreated('params_label', () => {
				this.params.label.init([this.p.unlimited, this.p.count, this.p.yoyo], () => {
					const count = `${this.p.unlimited ? 'unlimited' : this.pv.count}`;
					return `${count} (yoyo: ${this.pv.yoyo})`;
				});
			});
		});
	}

	private _repeat_params(): AnimationRepeatParams {
		return {
			count: this.pv.unlimited ? -1 : this.pv.count,
			delay: this.pv.delay,
			yoyo: this.pv.yoyo,
		};
	}

	cook(input_contents: TimelineBuilder[]) {
		const timeline_builder = input_contents[0] || new TimelineBuilder();

		timeline_builder.set_repeat_params(this._repeat_params());

		this.set_timeline_builder(timeline_builder);
	}
}