Custom force for elements


(Rosario Enzo Luca Borda) #1

Hi guys,
i’m wondering if I can develop a custom system of foces for elements of a scene…

Thanks in advance for your advises…
R


#2

Can you give an example of something you’re trying to create?


(Trey Yancy) #3

I wouldn’t mind seeing a wind emitter with an effect that varies by proximity.


(Rosario Enzo Luca Borda) #4

For example a solar system where when I drag the Sun the satellites change subsequently the trajectory.


#5

Relationships like this aren’t something that you can (at the moment) create using the Hype animation interface, but thanks for the request!


(Nick ) #6

Well you can kind of Hype Symbol Duct Tape a move like you mention. However to change trajectory you may need a little more in the way of rigging some magic in your symbols.

In this sample.
I just create a loop animation in a Symbol.
Then put an ON DRAG action onto the symbol

You could write some javascript to put a delay on the satellites so that it appears that when you drag the sun the satellites come chasing after.

Or an ON DRAG that controls the timeline and position so you can go to another spot on the timeline where for example the satellites reverse orbit.

solar move.zip (18.0 KB)


(Rosario Enzo Luca Borda) #7

Many thanks for your explanations and suggestions.

But, I’m wondering if I can connect an Element, controlling its position for example, with some code wrote in javascript: in the example of solar system I could implement the rotation of satellite by a timeline, but the position with a gravitational field wrote in javascript…


(Rosario Enzo Luca Borda) #8

(and after export all as one tumult animation/application for Ios…)


(Mark Hunte) #9

wow just found this

http://justfound.co/gravity/ check it out… really cool

Bloody addictive…


(Nick ) #10

That is really cool!!


(Jonathan Deutsch) #11

You can control element positions yourself; the recommended method is to use the Hype Setter API:


var x = 10; // do some calculations
var elementToControl = hypeDocument.getElementById("thePlanet");
hypeDocument.setElementProperty(elementToControl, 'left', x);