counterstrike-cn

Radar

Circular minimap radar with player position dots.

Radar

The CS 1.6 radar minimap — a circular display showing player positions as colored dots. Self is shown as a white cross, teammates as team-colored dots, enemies as red dots.

Interactive Preview
de_dust2

Usage

import { Radar } from "@/components/ui/cscn/radar";

<Radar
  size={160}
  mapName="de_dust2"
  dots={[
    { x: 0, y: 0, team: "self" },
    { x: 0.3, y: -0.4, team: "ct" },
    { x: -0.5, y: 0.2, team: "ct" },
    { x: 0.6, y: 0.5, team: "t" },
  ]}
/>

Props

PropTypeDefaultDescription
dotsRadarDot[][]Player positions
sizenumber160Diameter in pixels
mapNamestringMap name label

RadarDot

PropTypeDescription
xnumberX position (-1 to 1, relative to center)
ynumberY position (-1 to 1)
team"ct" | "t" | "self"Team affiliation