[TOMAJA Tutorial] Floating, Zooming & Gravity Rotation Active Object

Hello there,

I was wondering how a combination of different “effects” could work on one active object. So, in the first step, I was preparing a simple ball watch with classic hands:

Yes, there are some shadows, transparent & blur effects, however everything is static - except the hands and their shadows. So we do have 7 elements - ball, 3 hands & 3 hand shadows.

The goal is to “move” this complex in all 3 dimensions and additionally rotate it according to gravity like this:

It should be an illusion of free floating ball in the ocean. Here is the original TOMAJA Design - FEEL FREE (Gravity Rotation) watch face I am talking about. The gravity rotation effect could be seen only at your watch or in the mobile device in the Facer app - not at the desktop station, so far I know:

So in the second step I prepared a horizontal small “wave movements” on the X axis:



And similar (just higher wave movements) the vertical movement for the Y axis was slightly modified:



Nice thing about this 2D movement is, that you just copy those formulas to all “joined” elements in the object you want to move - in my case to all 7 elements.

Now, in the third step the illusion of movements into the frond and back was set. This zooming was a game with the width and height of the element. So here are the formulas for the ball:





At this step, even if all elementary objects are in the central position, the “real” dimension of element should be involved in the formula. In the other case, it could happen, that a the zooming will be different at different objects and it looks like a bundle of squeezed gum :slight_smile: it was maybe not a very good example. Anyway the zoom effect (last number in the formulas (10 in this case)) must be adapt proportionally to the object dimensions. In real e.g. my second hand width was only 160 pixels (instead of 350 pixels ball dimension), so the 10 pixel zoom effect was reduced 2.1875 times (350/160).

In the fourth step the gravity rotation was added according to the Mellin excellent “Gravity Rotation” tutorial: [Tutorial] Gravity Rotation

I will not copy his formulas here. The only one small issue to correct was the modification in the rotation of hands and their shadows. So in every rotation formula you need to implement additional hand rotation twice - due to the used logarithm of Mellin.

Before you publish your watch face please use a special invisible (transparent) text object with the text:


At my watch face I called it “Mellin Correction”. Do not ask why :slight_smile: without this - there is a chance that the gravity rotation will not works.

My watch face is, of course, free for an inspection and inspiration at: Facer - Thousands of FREE watch faces for Apple Watch, Samsung Gear S3, Huawei Watch, and more


Great work on it!

Mellin Correction LOL
I’m getting effects and elements named after me!

BTW: that acceleration vs raw acceleration thing is very weird.
Normal acceleration shows a change in acceleration (in other words how many Gs the watch is subjected to, after nullifying the base gravity) and the raw one shows acceleration without nullification.
The weirdest thing is you cannot use the raw one without implementing the base one anywhere on the face…

1 Like

Hello and thanks, also personally, for sharing your know how :wink: I am “dealing” with the “acceleration effect” only few hours since yesterday. You are using warning “this face uses a function, that I found out sometimes don’t work on some faces”… I guess, it is not clear (right now) which model, brand or another impact do affect this function - however, according to your experiences where is the highest probability to get bed results?

Whenever there is an error with acceleration, functions always return value of 0, so first thing is to create a face that looks ok when all accelerations are equal 0 and that is (also) awesome when they change.

Second thing: I found out that gyroscope functions show changes in the position of the watch relative to the starting position, while the accelerator functions show current position (I’m talking in both cases about the Raw functions).
From tests I conducted accelerator functions work with about 75-90% watches, while gyroscope functions work with only 10-30% watches, so I suggest using accelerator functions and not the gyroscope functions.

Lastly, I suggest checking all posts in the “feature requests/tags functions in facer creator” category of this forum and voting on ones that can extend Face’s possibilities (instead of voting on ones that add cosmetics).
I, myself, have a policy of voting only on ideas that cannot be recreated using currently available math mechanics.

1 Like

Thank you. Great to know. Maybe, the only one recommendation you forgot to be up to date - is following Mellin :slight_smile:

1 Like