Просмотр исходного кода
Show selections via color by default
Outlines are expensive to render, since they require a blur of a drop shadow. They're still available, but the default is now to just brighten them and turn them sepiamaster
3 измененных файлов: 33 добавлений и 3 удалений
-
+10 -2macrovision.css
-
+1 -1macrovision.html
-
+22 -0macrovision.js
+ 10
- 2
macrovision.css
Просмотреть файл
| @@ -79,11 +79,19 @@ body.toggle-entity-name .entity-name, | |||||
| display: inline; | display: inline; | ||||
| } | } | ||||
| .entity-box.selected > img { | |||||
| body.highlight-color .entity-box.selected > img { | |||||
| filter: sepia(100%) brightness(calc(1.5 * var(--brightness))); | |||||
| } | |||||
| body.highlight-color .entity-box.prevSelected > img { | |||||
| filter: sepia(50%) brightness(calc(1.25 * var(--brightness))); | |||||
| } | |||||
| body.highlight-outline .entity-box.selected > img { | |||||
| filter: brightness(var(--brightness)) drop-shadow(0px 0px 5px gold); | filter: brightness(var(--brightness)) drop-shadow(0px 0px 5px gold); | ||||
| } | } | ||||
| .entity-box.prevSelected > img { | |||||
| body.highlight-outline .entity-box.prevSelected > img { | |||||
| filter: brightness(var(--brightness)) drop-shadow(0px 0px 5px darkorange); | filter: brightness(var(--brightness)) drop-shadow(0px 0px 5px darkorange); | ||||
| } | } | ||||
+ 1
- 1
macrovision.html
Просмотреть файл
| @@ -36,7 +36,7 @@ | |||||
| <script async defer data-website-id="88057238-3ad6-483f-9c3e-8d1440450bcc" src="https://umami.crux.best/umami.js" data-domains="macrovision.crux.sexy,www.macrovision.crux.sexy"></script> | <script async defer data-website-id="88057238-3ad6-483f-9c3e-8d1440450bcc" src="https://umami.crux.best/umami.js" data-domains="macrovision.crux.sexy,www.macrovision.crux.sexy"></script> | ||||
| </head> | </head> | ||||
| <body class="toggle-bottom-name toggle-top-name"> | |||||
| <body class="toggle-bottom-name toggle-top-name highlight-color"> | |||||
| <script type="text/javascript"> | <script type="text/javascript"> | ||||
| window.onerror = function(msg, url, line, col, error) { | window.onerror = function(msg, url, line, col, error) { | ||||
| if (firsterror) { | if (firsterror) { | ||||
+ 22
- 0
macrovision.js
Просмотреть файл
| @@ -3035,6 +3035,28 @@ const settingsData = { | |||||
| toggleBodyClass("toggle-entity-glow", param); | toggleBodyClass("toggle-entity-glow", param); | ||||
| } | } | ||||
| }, | }, | ||||
| "select-style": { | |||||
| name: "Selection Style", | |||||
| desc: "How to highlight selected entities (outlines are laggier", | |||||
| type: "select", | |||||
| default: "color", | |||||
| options: [ | |||||
| "color", | |||||
| "outline" | |||||
| ], | |||||
| get value() { | |||||
| if (checkBodyClass("highlight-color")) { | |||||
| return "color" | |||||
| } | |||||
| else { | |||||
| return "outline" | |||||
| } | |||||
| }, | |||||
| set value(param) { | |||||
| toggleBodyClass("highlight-color", param === "color") | |||||
| toggleBodyClass("highlight-outline", param === "outline") | |||||
| } | |||||
| }, | |||||
| "smoothing": { | "smoothing": { | ||||
| name: "Smoothing", | name: "Smoothing", | ||||
| desc: "Smooth out movements and size changes. Disable for better performance.", | desc: "Smooth out movements and size changes. Disable for better performance.", | ||||