mirror of
https://codeberg.org/demostf/frontend.git
synced 2026-06-04 02:34:13 +02:00
This commit is contained in:
parent
dc990db7f1
commit
c96f2e6b7b
5 changed files with 39 additions and 8 deletions
|
|
@ -30,6 +30,29 @@ export function MapRender(props: MapRenderProps) {
|
|||
return (
|
||||
<svg class="map-background" width={props.size.width} height={props.size.height}
|
||||
style={{"background-image": background}}>
|
||||
<defs>
|
||||
<filter id="sofGlowRed" height="300%" width="300%" x="-75%" y="-75%">
|
||||
<feMorphology operator="dilate" radius="4" in="SourceAlpha" result="thicken"/>
|
||||
<feGaussianBlur in="thicken" stdDeviation="5" result="blurred"/>
|
||||
<feFlood flood-color="rgb(255,52,0)" result="glowColor"/>
|
||||
<feComposite in="glowColor" in2="blurred" operator="in" result="softGlow_colored"/>
|
||||
<feMerge>
|
||||
<feMergeNode in="softGlow_colored"/>
|
||||
<feMergeNode in="SourceGraphic"/>
|
||||
</feMerge>
|
||||
</filter>
|
||||
<filter id="sofGlowBlue" height="300%" width="300%" x="-75%" y="-75%">
|
||||
<feMorphology operator="dilate" radius="4" in="SourceAlpha" result="thicken"/>
|
||||
<feGaussianBlur in="thicken" stdDeviation="5" result="blurred"/>
|
||||
<feFlood flood-color="rgb(0,186,255)" result="glowColor"/>
|
||||
<feComposite in="glowColor" in2="blurred" operator="in" result="softGlow_colored"/>
|
||||
<feMerge>
|
||||
<feMergeNode in="softGlow_colored"/>
|
||||
<feMergeNode in="SourceGraphic"/>
|
||||
</feMerge>
|
||||
</filter>
|
||||
</defs>
|
||||
|
||||
<For each={props.players}>{(player) =>
|
||||
<Show when={player.health}>
|
||||
<PlayerDot player={player} mapBoundary={props.world} targetSize={props.size} scale={props.scale}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue