ะะฝะธะผะฐั†ะธะธะะพะฒะพะต

ะ—ะฐัั‚ะฐะฒะบะฐ DVD

ะญะปะตะผะตะฝั‚ ะปะตั‚ะฐะตั‚ ะฟะพ ะฑะปะพะบัƒ ะธ ะพั‚ัะบะฐะบะธะฒะฐะตั‚ ะพั‚ ัั‚ะตะฝะพะบ, ะบะฐะบ ะปะพะณะพั‚ะธะฟ ะฝะฐ ัั‚ะฐั€ะพะน ะทะฐัั‚ะฐะฒะบะต DVD.

ะะฐัั‚ั€ะพะนะบะธ

color
accentColor
highlightColor

ะžัะฝะพะฒะฐะฝะพ ะฝะฐ Screensaver (MIT ะปะธั†ะตะฝะทะธั) ยท ะฃัะปะพะฒะธั ะธัะฟะพะปัŒะทะพะฒะฐะฝะธั

ะŸะฐั€ะฐะผะตั‚ั€ั‹

9 ะฟะฐั€ะฐะผะตั‚ั€ะพะฒ
ะŸะฐั€ะฐะผะตั‚ั€ะขะธะฟะŸะพ ัƒะผะพะปั‡ะฐะฝะธัŽะžะฟะธัะฐะฝะธะต
speednumber3ะกะบะพั€ะพัั‚ัŒ ะดะฒะธะถะตะฝะธั, ะฒ ะฟะธะบัะตะปัั… ะทะฐ ะบะฐะดั€.
startAnglenumber45ะะฐั‡ะฐะปัŒะฝั‹ะน ัƒะณะพะป ะฟะพะปั‘ั‚ะฐ, ะฒ ะณั€ะฐะดัƒัะฐั….
startPosition{ x: number; y: number }"{ x: 0, y: 0 }"ะกั‚ะฐั€ั‚ะพะฒะฐั ั‚ะพั‡ะบะฐ ะฒ ะฟั€ะพั†ะตะฝั‚ะฐั… ะพั‚ ะบะพะฝั‚ะตะนะฝะตั€ะฐ.
containerRefRefObject<HTMLElement | null>โ€”ะกัั‹ะปะบะฐ ะฝะฐ ะฑะปะพะบ, ะพั‚ ัั‚ะตะฝะพะบ ะบะพั‚ะพั€ะพะณะพ ัะปะตะผะตะฝั‚ ะพั‚ัะบะฐะบะธะฒะฐะตั‚.
childrenReactNodeโ€”ะงั‚ะพ ะปะตั‚ะฐะตั‚: ะปะพะณะพั‚ะธะฟ, ะบะฐั€ั‚ะธะฝะบะฐ, ะฟะปะฐัˆะบะฐ.
colorstring"#ffffff"ะžัะฝะพะฒะฝะพะน ั†ะฒะตั‚. ะญะปะตะผะตะฝั‚ั‹ ะฒะฝัƒั‚ั€ะธ ะฑะตั€ัƒั‚ ะตะณะพ ั‡ะตั€ะตะท var(--screensaver-c1).
accentColorstring"#a3a3a3"ะ’ั‚ะพั€ะพะน ั†ะฒะตั‚. ะญะปะตะผะตะฝั‚ั‹ ะฒะฝัƒั‚ั€ะธ ะฑะตั€ัƒั‚ ะตะณะพ ั‡ะตั€ะตะท var(--screensaver-c2).
highlightColorstring"#ffffff"ะกะฒะตั‚ะปั‹ะน ั†ะฒะตั‚ ะดะปั ะฑะปะธะบะพะฒ. ะญะปะตะผะตะฝั‚ั‹ ะฒะฝัƒั‚ั€ะธ ะฑะตั€ัƒั‚ ะตะณะพ ั‡ะตั€ะตะท var(--screensaver-c3).
classNamestringโ€”ะšะปะฐััั‹ ะดะปั ะปะตั‚ะฐัŽั‰ะตะณะพ ะฑะปะพะบะฐ.

ะ—ะฐะฒะธัะธะผะพัั‚ะธ

ะŸะฐะบะตั‚ะพะฒ: 3

npm install motion clsx tailwind-merge

ะŸะพั…ะพะถะธะต ะบะพะผะฟะพะฝะตะฝั‚ั‹

ะกะผะพั‚ั€ะตั‚ัŒ ะฒัะต