Animation: Draw channels backdrop in Timeline #105041

Closed
Pablo Vazquez wants to merge 2 commits from pablovazquez:ui-timeline-channel-backdrop into main

When changing the target branch, be careful to rebase the branch in your fork to match. See documentation.
Member

This PR does the following:

  • Draw channels backdrop color in Timeline Editor.
  • Draw Summary channel backdrop color only when expanded.*

Video demo: timeline_backdrop_when_summary_expanded.mp4

*The reason this change in the same PR is that once the backdrop colors are enabled in the Timeline, the default startup shows a reddish line in the Timleine that can be confusing.

Timeline Editor

The backdrop color for channels such as Summary and its hierarchy was drawn on all animation editors but the Timeline.

This change simply adds the Timeline editor to the check of when to draw the backdrops.

image

Drawing the backdrop has many benefits:

  • Consistency with other animation editors.
  • Easy to see at a glance that we are editing the Summary, while making the user familiar with the color of the Summary row.
  • Since the Timeline editor is in the default workspace, many animators end up using it as Dopesheet at first.

Inspired by this RCS proposal.

This PR does the following: * Draw channels backdrop color in Timeline Editor. * Draw Summary channel backdrop color only when expanded.* Video demo: [timeline_backdrop_when_summary_expanded.mp4](/attachments/31636a3e-9cb3-4808-af3d-e7c0f4237084) *The reason this change in the same PR is that once the backdrop colors are enabled in the Timeline, the default startup shows a reddish line in the Timleine that can be confusing. ## Timeline Editor The backdrop color for channels such as Summary and its hierarchy was drawn on all animation editors but the Timeline. This change simply adds the Timeline editor to the check of when to draw the backdrops. ![image](/attachments/30578127-b1c5-4da4-8247-57f75b50f905) Drawing the backdrop has many benefits: * Consistency with other animation editors. * Easy to see at a glance that we are editing the Summary, while making the user familiar with the color of the Summary row. * Since the Timeline editor is in the default workspace, many animators end up using it as Dopesheet at first. Inspired by [this RCS proposal](https://blender.community/c/rightclickselect/D8Eq/?sorting=hot).
Pablo Vazquez added the
Module
Animation & Rigging
label 2023-02-21 19:16:18 +01:00
Pablo Vazquez requested review from Sybren A. Stüvel 2023-02-21 19:17:17 +01:00
Pablo Vazquez force-pushed ui-timeline-channel-backdrop from f6a16b2e08 to 08ca0a8bb7 2023-02-24 01:19:22 +01:00 Compare
Sybren A. Stüvel approved these changes 2023-02-24 12:32:33 +01:00
Sybren A. Stüvel left a comment
Member

👌

👌

Can we disable this color when the summary is collapsed?

I'm not sure it's good to add a big red strip at the bottom of the default Blender workspace. Feels like that draws a lot of attention when not animating.

Can we disable this color when the summary is collapsed? I'm not sure it's good to add a big red strip at the bottom of the default Blender workspace. Feels like that draws a lot of attention when not animating.
Pablo Vazquez force-pushed ui-timeline-channel-backdrop from 1dff480e2c to 0b33b3c09d 2023-02-24 16:17:18 +01:00 Compare
Pablo Vazquez force-pushed ui-timeline-channel-backdrop from 0b33b3c09d to a11e56c0ea 2023-02-24 16:18:43 +01:00 Compare
Pablo Vazquez changed title from Animation: Draw channels backdrop color in Timeline Editor to Animation: Draw channels backdrop color only when expanded 2023-02-24 16:19:15 +01:00
Pablo Vazquez requested review from Sybren A. Stüvel 2023-02-24 16:29:11 +01:00
Author
Member

Can we disable this color when the summary is collapsed?

Thanks for the suggestion! It indeed helps to reduce noise when not animating or necessarily looking at the list of channels/keyframes.

Added your suggestion in a11e56c0ea, updated the PR description and attached a demo video.

> Can we disable this color when the summary is collapsed? Thanks for the suggestion! It indeed helps to reduce noise when not animating or necessarily looking at the list of channels/keyframes. Added your suggestion in https://projects.blender.org/blender/blender/commit/a11e56c0ea3bcae8f87356499ed97b962cab1336, updated the PR description and attached a demo video.
Pablo Vazquez force-pushed ui-timeline-channel-backdrop from a11e56c0ea to 5825e51e9a 2023-02-27 01:16:39 +01:00 Compare

I see what you mean @brecht , as this becomes more important when the timeline draws the coloured bars as well. However, instead of just bringing the timeline to the same behaviour as the dopesheet, this PR now also changes the behaviour of the dopesheet itself.

If the channel is collapsed, it doesn't make much sense to show the backdrop color.

To me the 'only colour the background when the item is expanded' isn't that nice. I see that it's a practical solution to Brecht's 'not too much red' remark, but from a data representation it seems counter-intuitive. A summary row is a summary row, regardless of whether it's collapsed or expanded, so why not show it as such?

If the red colour is considered too distracting for the timeline (which makes sense given how many different workspaces contain a timeline editor), we should redesign the timeline. That's a good idea anyway, as its features clash with the dopesheet editor and many animators have been asking for a redesign for a long time already. But let's not make the dopesheet more distracting (turning on/off bg colours) in an attempt to improve the timeline.

I see what you mean @brecht , as this becomes more important when the timeline draws the coloured bars as well. However, instead of just bringing the timeline to the same behaviour as the dopesheet, this PR now also changes the behaviour of the dopesheet itself. > If the channel is collapsed, it doesn't make much sense to show the backdrop color. To me the 'only colour the background when the item is expanded' isn't that nice. I see that it's a practical solution to Brecht's 'not too much red' remark, but from a data representation it seems counter-intuitive. A summary row is a summary row, regardless of whether it's collapsed or expanded, so why not show it as such? If the red colour is considered too distracting for the timeline (which makes sense given how many different workspaces contain a timeline editor), we should redesign the timeline. That's a good idea anyway, as its features clash with the dopesheet editor and many animators have been asking for a redesign for a long time already. But let's not make the dopesheet more distracting (turning on/off bg colours) in an attempt to improve the timeline.

To me the timeline as shown in the general workspace is effectively in a compact view mode, showing only the summary line and the channel list collapsed. Personally I see no design problem removing the red color when those two conditions are met.

I don't think practically anyone using the dopesheet is going to be affected since you're just not going to set it up that way, and if you do I guess it's to explicitly create the same kind of compact view.

But I don't feel strongly about solving it one way or another, as long as we avoid the red bar in the general workspace.

To me the timeline as shown in the general workspace is effectively in a compact view mode, showing only the summary line and the channel list collapsed. Personally I see no design problem removing the red color when those two conditions are met. I don't think practically anyone using the dopesheet is going to be affected since you're just not going to set it up that way, and if you do I guess it's to explicitly create the same kind of compact view. But I don't feel strongly about solving it one way or another, as long as we avoid the red bar in the general workspace.

I don't think practically anyone using the dopesheet is going to be affected since you're just not going to set it up that way

With this PR, the dopesheet does not draw the background colour for collapsed channels. This I don't agree with. The background colour is an indication of the channel type (overall summary, object summary, etc); it has nothing to do with the collapsed/expanded state, and IMO thus shouldn't be disabled on collapsed channels.

Basically I don't agree with this part of the patch description:

Having the channel backdrop color is useful when there are multiple levels of nesting. If the channel is collapsed, it doesn't make much sense to show the backdrop color.

> I don't think practically anyone using the dopesheet is going to be affected since you're just not going to set it up that way With this PR, the dopesheet does not draw the background colour for collapsed channels. This I don't agree with. The background colour is an indication of the channel type (overall summary, object summary, etc); it has nothing to do with the collapsed/expanded state, and IMO thus shouldn't be disabled on collapsed channels. Basically I don't agree with this part of the patch description: > Having the channel backdrop color is useful when there are multiple levels of nesting. If the channel is collapsed, it doesn't make much sense to show the backdrop color.

Ok, I suggested to only do it when the summary channel was collapsed and everything is on a single line. I would not do it for other cases.

Ok, I suggested to only do it when the summary channel was collapsed and everything is on a single line. I would not do it for other cases.
Pablo Vazquez force-pushed ui-timeline-channel-backdrop from 5825e51e9a to 571abfa10d 2023-02-28 16:45:07 +01:00 Compare
Pablo Vazquez changed title from Animation: Draw channels backdrop color only when expanded to Animation: Draw channels backdrop in Timeline 2023-02-28 16:57:22 +01:00
Author
Member

only do it when the summary channel was collapsed and everything is on a single line. I would not do it for other cases.

Updated PR to do that, description, and attached a video demo.

@dr.sybren could you please have a look at the demo video ^ to see if this behavior is acceptable? It's a bit inconsistent since it only applies to the summary channel but it's the best of both worlds discussed here (and the summary channel is a special case anyway).

> only do it when the summary channel was collapsed and everything is on a single line. I would not do it for other cases. Updated PR to do that, description, and [attached a video demo](/attachments/31636a3e-9cb3-4808-af3d-e7c0f4237084). @dr.sybren could you please have a look at the demo video ^ to see if this behavior is acceptable? It's a bit inconsistent since it only applies to the summary channel but it's the best of both worlds discussed here (and the summary channel is a special case anyway).
Pablo Vazquez force-pushed ui-timeline-channel-backdrop from 571abfa10d to 5facd44b8f 2023-02-28 17:00:51 +01:00 Compare
First-time contributor

Just to chime in as animator looking at keyframe information all day in Blender I actually find the colors very useful.

Who ever chose these colors new enough about colour theory to choose a sublte hue family to find the right balance.

Is there another alternative?

Just to chime in as animator looking at keyframe information all day in Blender I actually find the colors very useful. Who ever chose these colors new enough about colour theory to choose a sublte **hue family** to find the right balance. Is there another alternative?

@AdamEarle the usefulness of these colors is not in doubt. This patch only removes the color when the summary is collapsed and there is a single line of keyframes.

@AdamEarle the usefulness of these colors is not in doubt. This patch only removes the color when the summary is collapsed and there is a single line of keyframes.
Pablo Vazquez force-pushed ui-timeline-channel-backdrop from 5facd44b8f to 0d200cac28 2023-03-02 00:44:52 +01:00 Compare
Pablo Vazquez force-pushed ui-timeline-channel-backdrop from 0d200cac28 to f6bd0e9c61 2023-03-02 22:00:44 +01:00 Compare

This was discussed in yesterday's module meeting. The conclusions were:

  • Having a red colour is bad to begin with, as red typically indicates warnings/errors/bad stuff.
  • 'Blinking' the background colour in and out depending on the collapse state is too visually noisy.
  • The summary row is important, important enough to have it pinned to the top of the dopesheet/timeline at all times, like a header in a spreadsheet. This could be done in a separate patch.
  • Since all the channels have a background colour anyway, the summary row could get no background colour at all and still be uniquely identifyable.

So basically for this patch it could be altered to not draw any background colour for the summary row, regardless of collapse state.

@pablovazquez would you also be interested in working on a patch to pin the summary row to the top?

This was discussed in [yesterday's module meeting](https://devtalk.blender.org/t/2023-03-02-animation-rigging-module-meeting/28059). The conclusions were: - Having a red colour is bad to begin with, as red typically indicates warnings/errors/bad stuff. - 'Blinking' the background colour in and out depending on the collapse state is too visually noisy. - The summary row is important, important enough to have it pinned to the top of the dopesheet/timeline at all times, like a header in a spreadsheet. This could be done in a separate patch. - Since all the channels have a background colour anyway, the summary row could get no background colour at all and still be uniquely identifyable. So basically for this patch it could be altered to not draw any background colour for the summary row, regardless of collapse state. @pablovazquez would you also be interested in working on a patch to pin the summary row to the top?
Sybren A. Stüvel added this to the Animation & Rigging project 2023-03-03 11:18:35 +01:00
Sybren A. Stüvel added the
Interest
User Interface
label 2023-03-03 11:18:40 +01:00
Author
Member

This is getting a bit out of the scope of this patch. The original idea was to simply bring the Timeline backdrop drawing in line with Dope Sheet, inspired by RCS.

To properly implement the suggestion of "not draw any background colour for the summary row" would require the removal of more code (acf_summary_backdrop, acf_summary_color) and the theme setting for summary (do-versions if necessary?).

I'll leave that task to whoever tackles the summary row on top. I agree that's a much nicer solution but I don't think I have the time to do it at the moment.

This is getting a bit out of the scope of this patch. The original idea was to simply bring the Timeline backdrop drawing in line with Dope Sheet, inspired by [RCS](https://blender.community/c/rightclickselect/D8Eq/?sorting=hot). To properly implement the suggestion of "not draw any background colour for the summary row" would require the removal of more code (`acf_summary_backdrop`, `acf_summary_color`) and the theme setting for summary (do-versions if necessary?). I'll leave that task to whoever tackles the summary row on top. I agree that's a much nicer solution but I don't think I have the time to do it at the moment.
Pablo Vazquez closed this pull request 2023-03-07 11:42:40 +01:00
Pablo Vazquez deleted branch ui-timeline-channel-backdrop 2023-03-07 11:44:38 +01:00
Pablo Vazquez removed review request for Sybren A. Stüvel 2023-03-07 11:44:50 +01:00
Sybren A. Stüvel removed this from the Animation & Rigging project 2023-03-07 16:05:29 +01:00

Pull request closed

Sign in to join this conversation.
No reviewers
No Label
Interest
Alembic
Interest
Animation & Rigging
Interest
Asset Browser
Interest
Asset Browser Project Overview
Interest
Audio
Interest
Automated Testing
Interest
Blender Asset Bundle
Interest
BlendFile
Interest
Collada
Interest
Compatibility
Interest
Compositing
Interest
Core
Interest
Cycles
Interest
Dependency Graph
Interest
Development Management
Interest
EEVEE
Interest
EEVEE & Viewport
Interest
Freestyle
Interest
Geometry Nodes
Interest
Grease Pencil
Interest
ID Management
Interest
Images & Movies
Interest
Import Export
Interest
Line Art
Interest
Masking
Interest
Metal
Interest
Modeling
Interest
Modifiers
Interest
Motion Tracking
Interest
Nodes & Physics
Interest
OpenGL
Interest
Overlay
Interest
Overrides
Interest
Performance
Interest
Physics
Interest
Pipeline, Assets & IO
Interest
Platforms, Builds & Tests
Interest
Python API
Interest
Render & Cycles
Interest
Render Pipeline
Interest
Sculpt, Paint & Texture
Interest
Text Editor
Interest
Translations
Interest
Triaging
Interest
Undo
Interest
USD
Interest
User Interface
Interest
UV Editing
Interest
VFX & Video
Interest
Video Sequencer
Interest
Virtual Reality
Interest
Vulkan
Interest
Wayland
Interest
Workbench
Interest: X11
Legacy
Blender 2.8 Project
Legacy
Milestone 1: Basic, Local Asset Browser
Legacy
OpenGL Error
Meta
Good First Issue
Meta
Papercut
Meta
Retrospective
Meta
Security
Module
Animation & Rigging
Module
Core
Module
Development Management
Module
EEVEE & Viewport
Module
Grease Pencil
Module
Modeling
Module
Nodes & Physics
Module
Pipeline, Assets & IO
Module
Platforms, Builds & Tests
Module
Python API
Module
Render & Cycles
Module
Sculpt, Paint & Texture
Module
Triaging
Module
User Interface
Module
VFX & Video
Platform
FreeBSD
Platform
Linux
Platform
macOS
Platform
Windows
Priority
High
Priority
Low
Priority
Normal
Priority
Unbreak Now!
Status
Archived
Status
Confirmed
Status
Duplicate
Status
Needs Info from Developers
Status
Needs Information from User
Status
Needs Triage
Status
Resolved
Type
Bug
Type
Design
Type
Known Issue
Type
Patch
Type
Report
Type
To Do
No Milestone
No project
No Assignees
4 Participants
Notifications
Due Date
The due date is invalid or out of range. Please use the format 'yyyy-mm-dd'.

No due date set.

Dependencies

No dependencies set.

Reference: blender/blender#105041
No description provided.