#Flipbook Animations

1 messages · Page 1 of 1 (latest)

hidden briar
#

Im trying to make a flipbook animation visible via the hud_screen.json and whenever it runs idrk how to explain it but it kind of jitters from left to right and i dont know how to fix it im not sure if it may be due to a high fps configured in the animation

"csc:csc_transition_csc_realms_art_ring_background_animation": {
        "anim_type": "flip_book",
        "initial_uv": [0, 0],
        "frame_count": 65,
        "frame_step": 23,
        "fps": 30,
        "reversible": true,
        "easing": "linear"
},

heres the code for the animation if that helps

crude crest
#

Make it 1 and try again.

hidden briar
#

i thought frame step was how far to move for each image in the animation

crude crest
hidden briar
#

pretty hard to makeout

#

its like a circle that moves around and fills up

#

best way to describe it

crude crest
#

Ahh.

#

Okay first do you also have a json assigned to it containing the uv info?

hidden briar
#

yeah i got a panel that controls the whole image

# 
                "csc:csc_transition_csc_realms_art_ring_panel": {
                    "type": "panel",
                    "size": [200, 200],
                    "anchor_from": "center",
                    "anchor_to": "center",
                    "propagate_alpha": false,
                    "offset": [0, 0],
                    "controls": [{
                        "csc:csc_transition_csc_realms_art_ring_background": {
                            "type": "image",
                            "layer": 801,
                            "texture": "textures/transition_screen/csc_realms_art_ring_background",
                            "size": [160, 160],
                            "uv_size": [23, 23],
                            "uv": "@csc:csc_transition_csc_realms_art_ring_background_animation",
                            "disable_anim_fast_forward": true,
                            "bindings": [{
                                "binding_name": "#csc:csc_transition_csc_realms_art_ring_background_animation_visible",
                                "binding_name_override": "#visible"
                            }]
                        }
                    }]
                }
            }```
crude crest
#

?formatting

vernal glacierBOT
#
Formatting JSON, JS

Please format your code as code-blocks! This makes the text monospaced, and has support for syntax highlighting.

The format looks like this:

for JSON
```json
{
"example": 123
}
```

for JavaScript
```js
console.log("hello world", 123) 
```

The character used here is the backtick (U+0060 ` GRAVE ACCENT). This symbol is usually at the top left of your keyboard, occupying the tilde key (~). On mobile, it will be on the second or third page of symbols.

crude crest
#

Okay so your uv is what determines how big one frame is.

#

frame_step is the amount of times 23 until the next frame should appear.

#

So put frame_step to 1 and try it.

hidden briar
#

ahh i see what you mean. Ill give it a go when i get back on, thanks :)

hidden briar
crude crest
# 
"animation": {
    "anim_type": "flip_book",
    "initial_uv": [ 0, 0 ],
    "frame_count": 65,
    "frame_step": 23,
    "fps": 10,
    "reversible": true,
    "easing": "linear"
  }
crude crest
crude crest
#

They look like the auto save one but renamed lmao

hidden briar
#

yeah it is lol

crude crest
#

Well problem found.

#

remove your bindings.

#

I will set it up for you.

# 
  "animation": {
    "anim_type": "flip_book",
    "initial_uv": [ 0, 0 ],
    "frame_count": 65,
    "frame_step": 23,
    "fps": 30,
    "reversible": true,
    "easing": "linear"
  },

  "image": {
    "type": "image",
    "layer": 31,
    "texture": "textures/ui/image",
    "anchor_from": "center",
    "anchor_to": "center",
    "offset": [ 0, 0 ],
    "size": [ 30, 30 ],
    "uv_size": [ 23, 23 ],
    "uv": "@animation",
    "disable_anim_fast_forward": true
  }