fix: redesign cat ears #10039
fix: redesign cat ears #10039
Conversation
|
maskってiOSだとめちゃくちゃGPU使ってたけど今は解決したのかしら |
|
ぼかし無効でこれもオンオフできるようにすれば良さそう？ |
Codecov Report
@@ Coverage Diff @@
## develop #10039 +/- ##
===========================================
+ Coverage 75.14% 78.30% +3.15%
===========================================
Files 877 157 -720
Lines 85680 19003 -66677
Branches 5826 267 -5559
===========================================
- Hits 64386 14880 -49506
+ Misses 21294 4123 -17171
... and 720 files with indirect coverage changes Help us with your feedback. Take ten seconds to tell us how you rate us. Have a feature suggestion? Share it here. |
|
アバターに透明箇所があるか判定した方がもしかしたら判定処理入れる方が軽いかもしれない？と思ったけどクロスオリジンで読まれる可能性があるから実現が難しそう |
とりあえず紐づけた（はず） |
|
現行の実装だと、背景が透明なアイコンを使用してる場合でも耳がフィットするという利点もあるから現行から変えるほどではないかも |
ある程度透明領域でもフィットできる余地を残すためにギリギリでマスクせずに少し遊びを持たせてみた |
|
マスクにブラーをかけた |
acid-chicken
changed the title
これが有効になっている際は加えて耳の色を付け根から取得するようにした
|
|
@syuilo ping |
|
🥰 |
* fix: viewing disgusting objects when user is a cat with having transparent avatar * chore: mask cat ears when useBlurEffect is enabled * fix: typo * style: add comment * chore: shrink mask * chore: blur mask * refactor: minify * chore: use SVG to determine ear color * style: comment * refactor: use `<component>` * refactor: separate cat definitions * refactor: use singleton SVG definitions * perf: use CSS instead of SVG * refactor: unused definer * refactor: not used anymore * refactor: minify * refactor: minify * fix: import
What
猫耳オブジェクトを丸型（猫耳カチューシャ状）に切り取られるようにする
耳の色がアバター全体の平均色でなく頭部から決定されるようにする
Close #10251
サンプル位置
上から 10%, 左右からそれぞれ 20%
Why
アイコンが読み込まれていなかったり透明なアイコンを使用していると猫耳とは似つかない何かが見えるため
Additional info (optional)
Firefox, Safari は
maskで切り取っているChrome は
-webkit-mask,-webkit-mask-compositeで切り取っている