1
0
Fork 0
mirror of https://github.com/maziggy/bambuddy.git synced 2026-05-09 08:25:54 +02:00

[GH-ISSUE #1154] [Feature]: Enhanced filament colour handling #830

Closed
opened 2026-05-07 00:14:08 +02:00 by BreizhHardware · 10 comments

Originally created by @maugsburger on GitHub (Apr 28, 2026).
Original GitHub issue: https://github.com/maziggy/bambuddy/issues/1154

Originally assigned to: @maugsburger, @maziggy on GitHub.

Problem or Use Case

It would be great to have a visual representation of filaments with transparency and/or multiple colours and/or effects.

It can even be misleading, getting just a single colour shown on the filament overview, when it is in fact a gradient or other type of effect.

Proposed Solution

I would love to set for a filament

  1. multiple colours, could be just comma seperated in the current field
  2. set the mode of combination (gradient, multi-color) as a seperate property
  3. add transparency (probably the most universal would be aarrggbb for the colour value(s))
  4. set effects (sparkle, wood) as a seperate property

This affects how the filament colour is shown:

  • 2 in combination with 1 decides how the colours are combined, I like the way it's done on https://3dfilamentprofiles.com/
  • 3 would be visible when having a checkerboard pattern behind the colour(s).
  • 4 could be some sort of overlay with sparkling dots / wood pattern / … and transparent background overlaying the colour.

Alternatives Considered

No response

Feature Category

Spool Inventory

Priority

Would improve my workflow

Mockups or Examples

https://3dfilamentprofiles.com/filament/details/159
Image

https://3dfilamentprofiles.com/filament/details/124
Image

https://3dfilamentprofiles.com/filament/details/20797
Image

Transparency could look like here:
Image

Contribution

  • I would be willing to help implement this feature

Regarding the development help: Leave the documentation part for me :>

Checklist

  • I have searched existing issues to ensure this feature hasn't already been requested
Originally created by @maugsburger on GitHub (Apr 28, 2026). Original GitHub issue: https://github.com/maziggy/bambuddy/issues/1154 Originally assigned to: @maugsburger, @maziggy on GitHub. ### Problem or Use Case It would be great to have a visual representation of filaments with transparency and/or multiple colours and/or effects. It can even be misleading, getting just a single colour shown on the filament overview, when it is in fact a gradient or other type of effect. ### Proposed Solution I would love to set for a filament 1. multiple colours, could be just comma seperated in the current field 2. set the mode of combination (gradient, multi-color) as a seperate property 3. add transparency (probably the most universal would be aarrggbb for the colour value(s)) 4. set effects (sparkle, wood) as a seperate property This affects how the filament colour is shown: - 2 in combination with 1 decides how the colours are combined, I like the way it's done on https://3dfilamentprofiles.com/ - 3 would be visible when having a checkerboard pattern behind the colour(s). - 4 could be some sort of overlay with sparkling dots / wood pattern / … and transparent background overlaying the colour. ### Alternatives Considered _No response_ ### Feature Category Spool Inventory ### Priority Would improve my workflow ### Mockups or Examples https://3dfilamentprofiles.com/filament/details/159 <img width="501" height="237" alt="Image" src="https://github.com/user-attachments/assets/d1f660b1-2edf-44af-97ee-129f4e3154a2" /> https://3dfilamentprofiles.com/filament/details/124 <img width="501" height="225" alt="Image" src="https://github.com/user-attachments/assets/929f3282-79a8-4562-aac8-4551c22d5bc7" /> https://3dfilamentprofiles.com/filament/details/20797 <img width="501" height="266" alt="Image" src="https://github.com/user-attachments/assets/fa369678-5a5a-4721-8bfd-45ec2bcb1275" /> Transparency could look like here: <img width="491" height="380" alt="Image" src="https://github.com/user-attachments/assets/c4996ebe-d0c0-48a5-8c46-903f8452ee9b" /> ### Contribution - [x] I would be willing to help implement this feature Regarding the development help: Leave the documentation part for me :> ### Checklist - [x] I have searched existing issues to ensure this feature hasn't already been requested
BreizhHardware 2026-05-07 00:14:08 +02:00
Author
Owner

@maziggy commented on GitHub (Apr 28, 2026):

multiple colours, could be just comma seperated in the current field

What page/function you are talking about? Not sure....

<!-- gh-comment-id:4334736445 --> @maziggy commented on GitHub (Apr 28, 2026): > multiple colours, could be just comma seperated in the current field What page/function you are talking about? Not sure....
Author
Owner

@maugsburger commented on GitHub (Apr 28, 2026):

multiple colours, could be just comma seperated in the current field

What page/function you are talking about? Not sure....

Image

Here, so that you could just click copy on 3dfilamentprofiles.com and add the the string, like 'EC984C,#6CD4BC,#A66EB9,#D87694', to streamline the process, as they currently don't have an API.

<!-- gh-comment-id:4334885578 --> @maugsburger commented on GitHub (Apr 28, 2026): > > multiple colours, could be just comma seperated in the current field > > What page/function you are talking about? Not sure.... <img width="282" height="94" alt="Image" src="https://github.com/user-attachments/assets/94e6762f-da87-429d-b1bf-90546c190bcd" /> Here, so that you could just click copy on 3dfilamentprofiles.com and add the the string, like 'EC984C,#6CD4BC,#A66EB9,#D87694', to streamline the process, as they currently don't have an API.
Author
Owner

@maziggy commented on GitHub (Apr 28, 2026):

Cant do anything with a fraction of a screenshot.

So what you are talking about? The filament color database? Or someting else?

<!-- gh-comment-id:4334949298 --> @maziggy commented on GitHub (Apr 28, 2026): Cant do anything with a fraction of a screenshot. So what you are talking about? The filament color database? Or someting else?
Author
Owner

@maugsburger commented on GitHub (Apr 28, 2026):

Cant do anything with a fraction of a screenshot.

So what you are talking about? The filament color database? Or someting else?

The screenshot came from the Spool Inventory:

Image

But you're right, adding the options to the colour database as well would probably be the proper solution.

<!-- gh-comment-id:4335212724 --> @maugsburger commented on GitHub (Apr 28, 2026): > Cant do anything with a fraction of a screenshot. > > So what you are talking about? The filament color database? Or someting else? The screenshot came from the Spool Inventory: <img width="574" height="822" alt="Image" src="https://github.com/user-attachments/assets/d8fd9574-4b08-41e3-9d59-cc4ed2f327dc" /> But you're right, adding the options to the colour database as well would probably be the proper solution.
Author
Owner

@maziggy commented on GitHub (Apr 28, 2026):

Ahhh....now I see :)

<!-- gh-comment-id:4335237576 --> @maziggy commented on GitHub (Apr 28, 2026): Ahhh....now I see :)
Author
Owner

@maziggy commented on GitHub (Apr 29, 2026):

Available/Fixed in branch dev and available with the next release or daily build. Please let me know if it works for you.

Image Image

If you find Bambuddy useful, please consider giving it a on GitHub — it helps others discover the project!

<!-- gh-comment-id:4341618000 --> @maziggy commented on GitHub (Apr 29, 2026): Available/Fixed in branch dev and available with the next release or daily build. Please let me know if it works for you. <img width="1070" height="377" alt="Image" src="https://github.com/user-attachments/assets/9ad38db7-e683-48d7-8093-8547ca061f71" /> <img width="1075" height="340" alt="Image" src="https://github.com/user-attachments/assets/fed6e40c-c435-4986-b6b6-5608398dc88a" /> ----- If you find Bambuddy useful, please consider giving it a ⭐ on [GitHub](https://github.com/maziggy/bambuddy) — it helps others discover the project!
Author
Owner

@maugsburger commented on GitHub (Apr 30, 2026):

Just started to test it, but first THANK YOU, looks very promising, and in general I really like it.

Two problems I discovered:


  1. Extra Colours are not shown after re-opening the dialogue:

Enter colors:

Image

Clicks save, swatch is updated:

Image

Click on the Card, Edit Opens again, Extra Colours are gone:

Image
  1. Gradient and Dual Color have the same effect, the latter should be seperate bars like "Silk-Multicolor" in the images above.
Image
element {
	background-image: linear-gradient(135deg, rgb(127, 54, 150), rgb(0, 110, 201)), repeating-conic-gradient(rgb(203, 203, 203) 0%, rgb(203, 203, 203) 25%, rgb(245, 245, 245) 0%, rgb(245, 245, 245) 50%);
	background-size: cover;
}
Image
element {
	background-image: linear-gradient(135deg, rgb(127, 54, 150), rgb(0, 110, 201)), repeating-conic-gradient(rgb(203, 203, 203) 0%, rgb(203, 203, 203) 25%, rgb(245, 245, 245) 0%, rgb(245, 245, 245) 50%);
	background-size: cover;
}

Image

I think sparkle could be a bit more prominent, and having more fields in the checkerboard pattern would make it more visible and distinguishable from multi-color-filaments. But this is finetuning, in general I really like the way it is implemented, this helps a lot finding the wanted filament.

<!-- gh-comment-id:4352692981 --> @maugsburger commented on GitHub (Apr 30, 2026): Just started to test it, but first THANK YOU, looks very promising, and in general I really like it. Two problems I discovered: --- 1. Extra Colours are not shown after re-opening the dialogue: Enter colors: <img width="551" height="699" alt="Image" src="https://github.com/user-attachments/assets/d51284e3-5774-4a57-9022-8472e24d8d91" /> Clicks save, swatch is updated: <img width="371" height="272" alt="Image" src="https://github.com/user-attachments/assets/582d3851-19af-422a-9df7-4cb9ee74348c" /> Click on the Card, Edit Opens again, Extra Colours are gone: <img width="574" height="828" alt="Image" src="https://github.com/user-attachments/assets/d2c88cbf-0ba5-49e5-8e22-02f56ad68b93" /> --- 2. Gradient and Dual Color have the same effect, the latter should be seperate bars like "Silk-Multicolor" in the images above. <img width="564" height="203" alt="Image" src="https://github.com/user-attachments/assets/b12592fe-eeff-4eab-aab4-26d91349e4ef" /> ``` element { background-image: linear-gradient(135deg, rgb(127, 54, 150), rgb(0, 110, 201)), repeating-conic-gradient(rgb(203, 203, 203) 0%, rgb(203, 203, 203) 25%, rgb(245, 245, 245) 0%, rgb(245, 245, 245) 50%); background-size: cover; } ``` <img width="560" height="199" alt="Image" src="https://github.com/user-attachments/assets/be5d80da-973d-4a9e-9474-354932177b93" /> ``` element { background-image: linear-gradient(135deg, rgb(127, 54, 150), rgb(0, 110, 201)), repeating-conic-gradient(rgb(203, 203, 203) 0%, rgb(203, 203, 203) 25%, rgb(245, 245, 245) 0%, rgb(245, 245, 245) 50%); background-size: cover; } ``` --- <img width="998" height="519" alt="Image" src="https://github.com/user-attachments/assets/a7bd7339-c568-4d51-87f7-bd3d19bd1376" /> I think sparkle could be a bit more prominent, and having more fields in the checkerboard pattern would make it more visible and distinguishable from multi-color-filaments. But this is finetuning, in general I really like the way it is implemented, this helps a lot finding the wanted filament.
Author
Owner

@maziggy commented on GitHub (May 1, 2026):

Both bugs fixed plus the cosmetic feedback you flagged — all in dev:

  1. Extra Colours now persist on edit reopen. Form was seeding its input from the parent's data at mount time, but the parent filled that data a tick later. Now the field syncs whenever the spool data updates externally (without clobbering live typing).

  2. Dual Color and Gradient now look distinct. Dual Color renders as a hard horizontal split between two stops; Tri Color does the same for three. Smooth 135° diagonal preserved for the explicit Gradient effect.

  3. Sparkle is now actually visible. Bumped from 4 subtle dots to 13 flecks in mixed sizes / opacities — should read clearly even on the card banners.

  4. Checkerboard cell size is now consistent. The translucent indicator was inheriting the swatch's size (a card-sized banner showed 4 huge cells, a tiny swatch showed tiny ones). Now it's a fixed 12px tile regardless of where the swatch lives, so it's clearly distinct from a multi-colour stripe.

Available/Fixed in branch dev and available with the next release or daily build. Please let me know if it works for you.


If you find Bambuddy useful, please consider giving it a on GitHub — it helps others discover the project!

<!-- gh-comment-id:4359004553 --> @maziggy commented on GitHub (May 1, 2026): Both bugs fixed plus the cosmetic feedback you flagged — all in `dev`: 1. **Extra Colours now persist on edit reopen.** Form was seeding its input from the parent's data at mount time, but the parent filled that data a tick later. Now the field syncs whenever the spool data updates externally (without clobbering live typing). 2. **Dual Color and Gradient now look distinct.** Dual Color renders as a hard horizontal split between two stops; Tri Color does the same for three. Smooth 135° diagonal preserved for the explicit Gradient effect. 3. **Sparkle is now actually visible.** Bumped from 4 subtle dots to 13 flecks in mixed sizes / opacities — should read clearly even on the card banners. 4. **Checkerboard cell size is now consistent.** The translucent indicator was inheriting the swatch's size (a card-sized banner showed 4 huge cells, a tiny swatch showed tiny ones). Now it's a fixed 12px tile regardless of where the swatch lives, so it's clearly distinct from a multi-colour stripe. Available/Fixed in branch dev and available with the next release or daily build. Please let me know if it works for you. ----- If you find Bambuddy useful, please consider giving it a ⭐ on [GitHub](https://github.com/maziggy/bambuddy) — it helps others discover the project!
Author
Owner

@maugsburger commented on GitHub (May 3, 2026):

Also the last update (v0.2.4b2) broke the tiling/applied it to everything and not only the checkerboard background:

Image

Too subtle checkerboard included for referencce:

Image
<!-- gh-comment-id:4366412959 --> @maugsburger commented on GitHub (May 3, 2026): Also the last update (v0.2.4b2) broke the tiling/applied it to everything and not only the checkerboard background: <img width="559" height="280" alt="Image" src="https://github.com/user-attachments/assets/75f9fa0b-aa0e-4147-98de-7e7a07dd7c16" /> Too subtle checkerboard included for referencce: <img width="341" height="247" alt="Image" src="https://github.com/user-attachments/assets/5702ccad-11ba-4899-b35d-c492a358f92b" />
Author
Owner

@maziggy commented on GitHub (May 5, 2026):

Thanks!!!

<!-- gh-comment-id:4377355835 --> @maziggy commented on GitHub (May 5, 2026): Thanks!!!
Sign in to join this conversation.
No milestone
No project
No assignees
1 participant
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
starred/bambuddy-maziggy-1#830
No description provided.