Tween visual editor

ideathing · March 7, 2022, 3:06pm

Hi everyone!
I’ve been using playcanvas and I believe it’s a fantastic tool and I mainly use it for AR.

I’m here to suggest a new feature that would make my life and hopefully the one of other developers so much easier:
A visual animation editor, like the one Unity or Zapworks Studio uses. I don’t mind tween but creating complex and chaining animations is an utter pain using only code, it’s so much slower and difficult to be honest.

If I’m not wrong I saw an attempt of doing something like this but it’s dead and not usable after the very much appreciated updates.

Is this something the team would consider implementing in the future? I love what you did for 3D animations so hopefully yes?
Thank you and good work

yaustar · March 7, 2022, 4:45pm

Honestly, it’s further down the roadmap for something like this.

@will May have a version where tweens can be made in the inspector but you still can’t see the tweens animation in the Editor. It just more of a GUI led way of creating the tweens

github.com

playcanvas/engine/blob/dev/scripts/animation/tween.js

var Tween = pc.createScript('tween');

Tween.attributes.add('tweens', {
    type: 'json',
    schema: [
        {
            name: 'autoPlay',
            title: 'Autoplay',
            description: 'Play tween immediately.',
            type: 'boolean',
            default: false
        }, {
            name: 'event',
            title: 'Trigger Event',
            description: 'Play tween on the specified event name. This event must be fired on the global application object (e.g. this.app.fire(\'eventname\');).',
            type: 'string'
        }, {
            name: 'path',
            title: 'Path',
            description: 'The path from the entity to the property. e.g. \'light.color\', \'camera.fov\' or \'script.vehicle.speed\'.',

This file has been truncated. show original