Frame size slider

[Alani25]

Added setting option for frame size to allow users to minimize the frame size smaller than the current, smallest limit.
Smaller frame size options have been requested multiple times on Discord by ~2 users.

The setting option is a slider.
This increases customizability to make the timeline feel closer to what may be more comfortable working with.

[StickmanRed]

Awesome changes! The new frame size setting works and saves after reloading the project.

Minor UI suggestion: when the frame width goes below a certain threshold, maybe the intermediate gray numbers could be hidden to reduce clutter

The size of the playhead handle and contentful frame circle thing don't interpolate as smoothly

frame.size.slider.mp4

Also the orange frame scripts indicator overflows on extra-small frame sizes, but imo it doesn't matter as much

[InternetAstronaut]

Hey I got a question, I never really understood the GUIElement system in Wick, would it be possible to somehow make it available in a simpler manner for game creators on Wick?

[Alani25]

Hey I got a question, I never really understood the GUIElement system in Wick, would it be possible to somehow make it available in a simpler manner for game creators on Wick?

@InternetAstronaut
GUIElement is more of an internal system for rendering the timeline editor itself (the frames, playhead, layers panel, etc)
The game runs in its own canvas element separately. We can possibly give the user more access to that

[Alani25]

@StickmanRed I went for more of an interpolating approach in terms of the sizing, but I did also fix the mismatch issue you brought up.

Screen.Recording.2026-08-23.at.11.45.12.AM.mov

(The suggestion to hide the gray text actually made a huge difference)

[InternetAstronaut]

Hey I got a question, I never really understood the GUIElement system in Wick, would it be possible to somehow make it available in a simpler manner for game creators on Wick?

@InternetAstronaut GUIElement is more of an internal system for rendering the timeline editor itself (the frames, playhead, layers panel, etc) The game runs in its own canvas element separately. We can possibly give the user more access to that

Huh, well that's weird since all Wick.Base objects contain a View and a GUIElement.

[StickmanRed]

Moving frames at a compact frame size is much easier with the _mouseOverFrameEdge changes as well! Overall looks good to me

I did notice the onion skin range acts out in the smaller frame sizes, maybe the playhead margin here could get eased out to 0

[StickmanRed]

Yeah, it definitely looks better

// In OnionSkinRange.js:
var margin = Wick.GUIElement.PLAYHEAD_MARGIN * 2;
if (this.gridCellWidth < Wick.GUIElement.GRID_SMALL_CELL_WIDTH)
    margin *= (this.gridCellWidth - 8) / (Wick.GUIElement.GRID_SMALL_CELL_WIDTH - 8);
var edgeWidth = this.gridCellWidth - margin;

OnionSkinRange.js just needs something along these lines, to interpolate margin to 0

[BaronAWC]

Looks good so far! I have a couple suggestions though:

1. Maybe it's just me, but I think the frame dot should still be shown if there is content in the frame. This is mainly to add some more visual distinction between filled and empty frames.
   a. Something to be careful of, though, is that if a frame is named, the name text and the frame dot will overlap. Not sure what is the smoothest way to fix it. The text needs to show on top for sure, and maybe there's a way to improve the contrast, or we get rid of the dot if there is text.
2. if a frame is too narrow (e.g. <= 16 or 20 pixels wide) and is not currently selected, stretching/shrinking the frame should be disabled, only leaving the ability to select it (duh) and drag it around. the click targets are so small that it's kinda hard to select what you want.
3. The orange code indicator is not currently being resized. It should be set to the same size as the frame bubble.
4. The layers have bad padding. I'm not sure what the best way to deal with it is, but there are a few options:
   a. reduce the margin between layers themselves
   b. don't let the layers/frames get that thin
   c. shrink the buttons and text
   
5. I think in video editors, you can use a keyboard shortcut to change the size of frames? I forget how it is in DaVinci Resolve, but since normal scroll is for up/down and shift+scroll is for left/right, we can use either alt+scroll or meta+scroll to change the size of frames.

[InternetAstronaut]

I think in video editors, you can use a keyboard shortcut to change the size of frames? I forget how it is in DaVinci Resolve, but since normal scroll is for up/down and shift+scroll is for left/right, we can use either alt+scroll or meta+scroll to change the size of frames.

Shift + , or .. This is simple, and already fits the current shortcuts.

[Alani25]

@StickmanRed thanks for pointing out the code, I fixed the onion skinning handles issue thanks to that.
@BaronAWC as per your review, I made the following changes:

• Green dot now shows if the frame has content.
• When frame size is too small, dragging the frame edges to stretch the frame has now been disabled for all frames except for the active/ selected frames.
• The orange code indicator now resizes the same way as the frames.
• The layers' padding issue was fixed by increasing the frame minimum height.

As per @InternetAstronaut comment in regards to the note on frame extending with the shift + , and shift + . shortcuts, which I actually realized do exactly this. However they only worked on specifically a selected frame, so I made the shortcut also work when no frame is selected, to extend the active frame (frame where the current timeline is at on the last active layer).

[BaronAWC]

Just to clarify, when I said "changing the size of frames", I actually meant changing the timeline zoom (my mistake for not specifying). I just opened DaVinci Resolve and can confirm that alt + scroll-up zooms the timeline in, and alt + scroll-down zooms the timeline out. I think it could make sense to add this behavior to the Candlestick timeline too.