My project involves a palette and a canvas. I drag a node from the palette to canvas (GoJS diagram). Everything works well. For the same category of node, I have two layout templates - one for the palette, and another for the canvas. Now, the shapes differ slightly. Let’s say that in the palette, i…

Right now you need to implement your own animation to change the width (or height) of the rectangle so that it starts off as a square and then keeps changing width (or height) so that it ends up at the final desired size. If you search for uses of setTimeout or requestAnimationFrame you can find so…

Thanks @walter . I’ll try that out and let you know how it goes.

Any hints on doing a blur effect? Say, blur everything that’s below a particular rectangle?

I don’t know what you mean. Are you still asking about the morphing animation?

Say I wanted to blur the text on hover of my node. How would I be able to accomplish that?

You cannot have anything drawn “blurred”. However you could change the stroke and background colors to decrease the contrast, or you could draw translucent “noise” in front of it or behind it (depending on how you do it). I’m just saying that although you cannot blur anything, you could implement …

Hey @walter , what do you mean by noise?

In the simplest case, I meant a partly translucent gray that “washes” over everything.

Oh, that wouldn’t quite look like a blur. No way to create a blur layer?

Northwoods Software

Animation: Transform a node from one shape to another

GoJS

show post in topic

Home
Categories
Guidelines
Terms of Service
Privacy Policy

Powered by Discourse, best viewed with JavaScript enabled