Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Fix visual glitch on the right side of highly rounded rectangles #4244

Merged
merged 1 commit into from
Mar 27, 2024

Conversation

emilk
Copy link
Owner

@emilk emilk commented Mar 27, 2024

When one side of a rectangle is all rounding we need to take care not to produce duplicated vertices in the rectangle path generator.

The old code only handled three sides, but forgot the last side (the right side).
The new code handles the right side, and also handles the other sides more robustly (with a floating point eps) and efficiently (in a single pass).

The glitch was most notable in shadows with a high blur width.

Examples of the glitch:

Screenshot 2024-03-26 at 20 15 38 Screenshot 2024-03-27 at 09 48 48 Screenshot 2024-03-27 at 09 49 21

When one side of a rectangle is all rounding we need to take care
not to produce duplicated vertices in the rectangle path generator.

The old code only handled three sides, but forgot the last side
(the right side).
The new code handles the right side, and also handles the other
sides more robustly (with a floating point eps) and efficiently
(in a single pass).
@emilk emilk merged commit 947b581 into master Mar 27, 2024
37 checks passed
@emilk emilk deleted the emilk/fix-rect-artifact branch March 27, 2024 09:13
@emilk emilk added this to the Next Patch Release milestone Mar 27, 2024
@emilk emilk mentioned this pull request Mar 29, 2024
emilk added a commit that referenced this pull request Mar 29, 2024
## egui changelog
### 🐛 Fixed
* Fix visual glitch on the right side of highly rounded rectangles
[#4244](#4244)
* Prevent visual glitch when shadow blur width is very high
[#4245](#4245)
* Fix `InputState::any_touches` and add `InputState::has_touch_screen`
[#4247](#4247)
* Fix `Context::repaint_causes` returning no causes
[#4248](#4248)
* Fix touch-and-hold to open context menu
[#4249](#4249)
* Hide shortcut text on zoom buttons if `zoom_with_keyboard` is false
[#4262](#4262)

### 🔧 Changed
* Don't apply a clip rect to the contents of an `Area` or `Window`
[#4258](#4258)


## eframe changelog
* Web: repaint if the `#hash` in the URL changes
[#4261](#4261)
* Add web support for `zoom_factor`
[#4260](#4260) (thanks
[@justusdieckmann](https://github.com/justusdieckmann)!)

---------

Co-authored-by: Justus Dieckmann <[email protected]>
emilk added a commit to emilk/egui_plot that referenced this pull request Jul 15, 2024
## egui changelog
### 🐛 Fixed
* Fix visual glitch on the right side of highly rounded rectangles
[#4244](emilk/egui#4244)
* Prevent visual glitch when shadow blur width is very high
[#4245](emilk/egui#4245)
* Fix `InputState::any_touches` and add `InputState::has_touch_screen`
[#4247](emilk/egui#4247)
* Fix `Context::repaint_causes` returning no causes
[#4248](emilk/egui#4248)
* Fix touch-and-hold to open context menu
[#4249](emilk/egui#4249)
* Hide shortcut text on zoom buttons if `zoom_with_keyboard` is false
[#4262](emilk/egui#4262)

### 🔧 Changed
* Don't apply a clip rect to the contents of an `Area` or `Window`
[#4258](emilk/egui#4258)


## eframe changelog
* Web: repaint if the `#hash` in the URL changes
[#4261](emilk/egui#4261)
* Add web support for `zoom_factor`
[#4260](emilk/egui#4260) (thanks
[@justusdieckmann](https://github.com/justusdieckmann)!)

---------

Co-authored-by: Justus Dieckmann <[email protected]>
hacknus pushed a commit to hacknus/egui that referenced this pull request Oct 30, 2024
…lk#4244)

* Part of emilk#4238

When one side of a rectangle is all rounding we need to take care not to
produce duplicated vertices in the rectangle path generator.

The old code only handled three sides, but forgot the last side (the
right side).
The new code handles the right side, and also handles the other sides
more robustly (with a floating point eps) and efficiently (in a single
pass).

The glitch was most notable in shadows with a high blur width.

Examples of the glitch:

<img width="203" alt="Screenshot 2024-03-26 at 20 15 38"
src="https://github.com/emilk/egui/assets/1148717/dc1c0a06-35f0-4fda-a011-0e37d18454a0">

<img width="220" alt="Screenshot 2024-03-27 at 09 48 48"
src="https://github.com/emilk/egui/assets/1148717/c278b28e-c3f9-4c82-ba20-0480621efd2f">

<img width="33" alt="Screenshot 2024-03-27 at 09 49 21"
src="https://github.com/emilk/egui/assets/1148717/379ddf77-6590-4444-9c2e-67ab1e071f0f">
hacknus pushed a commit to hacknus/egui that referenced this pull request Oct 30, 2024
## egui changelog
### 🐛 Fixed
* Fix visual glitch on the right side of highly rounded rectangles
[emilk#4244](emilk#4244)
* Prevent visual glitch when shadow blur width is very high
[emilk#4245](emilk#4245)
* Fix `InputState::any_touches` and add `InputState::has_touch_screen`
[emilk#4247](emilk#4247)
* Fix `Context::repaint_causes` returning no causes
[emilk#4248](emilk#4248)
* Fix touch-and-hold to open context menu
[emilk#4249](emilk#4249)
* Hide shortcut text on zoom buttons if `zoom_with_keyboard` is false
[emilk#4262](emilk#4262)

### 🔧 Changed
* Don't apply a clip rect to the contents of an `Area` or `Window`
[emilk#4258](emilk#4258)


## eframe changelog
* Web: repaint if the `#hash` in the URL changes
[emilk#4261](emilk#4261)
* Add web support for `zoom_factor`
[emilk#4260](emilk#4260) (thanks
[@justusdieckmann](https://github.com/justusdieckmann)!)

---------

Co-authored-by: Justus Dieckmann <[email protected]>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

1 participant