FumeNodes/ox_lib
1
0
Fork 0
mirror of https://github.com/CommunityOx/ox_lib.git synced 2026-08-19 07:56:02 +01:00
Code Issues Packages Projects Releases Wiki Activity

feat(web/skillcheck): add support for custom game difficulty

Browse Source
This commit is contained in:
Luke
2022-10-14 20:42:54 +02:00
committed by Luke
parent a358f1ccad
commit ed8e804c09
1 changed files with 19 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
web/src/features/skillcheck/index.tsx
View File

@@ -4,11 +4,18 @@ import { useNuiEvent } from '../../hooks/useNuiEvent';
import { debugData } from '../../utils/debugData'; import { debugData } from '../../utils/debugData';
import Indicator from './indicator'; import Indicator from './indicator';
interface CustomGameDifficulty {
areaSize: number;
speedMultiplier: number;
}
type GameDifficulty = 'easy' | 'medium' | 'hard' | CustomGameDifficulty;
export interface SkillCheckProps { export interface SkillCheckProps {
visible: boolean; visible: boolean;
angle: number; angle: number;
difficultyOffset: number; difficultyOffset: number;
difficulty: 'easy' | 'medium' | 'hard'; difficulty: GameDifficulty;
} }
const getRandomAngle = (min: number, max: number) => Math.floor(Math.random() * (max - min)) + min; const getRandomAngle = (min: number, max: number) => Math.floor(Math.random() * (max - min)) + min;
@@ -34,8 +41,8 @@ const SkillCheck: React.FC = () => {
difficulty: 'easy', difficulty: 'easy',
}); });
useNuiEvent('startSkillCheck', (data: 'easy' | 'medium' | 'hard') => { useNuiEvent('startSkillCheck', (data: GameDifficulty) => {
const offset = difficultyOffsets[data]; const offset = typeof data === 'object' ? data.areaSize : difficultyOffsets[data];
setSkillCheck({ setSkillCheck({
visible: true, visible: true,
angle: -90 + getRandomAngle(120, 360 - (315 - offset)), angle: -90 + getRandomAngle(120, 360 - (315 - offset)),
@@ -66,7 +73,15 @@ const SkillCheck: React.FC = () => {
<Indicator <Indicator
angle={skillCheck.angle} angle={skillCheck.angle}
offset={skillCheck.difficultyOffset} offset={skillCheck.difficultyOffset}
multiplier={skillCheck.difficulty === 'easy' ? 1 : skillCheck.difficulty === 'medium' ? 1.5 : 1.75} multiplier={
skillCheck.difficulty === 'easy'
? 1
: skillCheck.difficulty === 'medium'
? 1.5
: skillCheck.difficulty === 'hard'
? 1.75
: skillCheck.difficulty.speedMultiplier
}
setSkillCheck={setSkillCheck} setSkillCheck={setSkillCheck}
/> />
</svg> </svg>