mirror_maker/lainTSX
1
0
Fork 0
mirror of https://github.com/ad044/lainTSX.git synced 2024-10-22 15:09:05 +00:00
Code Issues Projects Releases Packages Wiki Activity

some sounds!

Browse source
This commit is contained in:
ad044 2021-02-10 20:05:20 +04:00
parent 68a43c39de
commit d2f7b1da08
11 changed files with 236 additions and 20 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

24
src/components/BootScene/BootAuthorizeUser.tsx
View file

@ -73,24 +73,46 @@ const BootAuthorizeUser = (props: BootAuthorizeUserProps) => {
useEffect(() => {
if (bgLettersRef.current) {
//down
if (letterIdx === prevData!.letterIdx + 13) {
if (prevData!.letterIdx + 13 === letterIdx) {
bgLettersRef.current.position.y += 0.25;
activeLetterMap.offset.y -= 0.2;
// down skip
} else if (letterIdx === prevData!.letterIdx + 26) {
bgLettersRef.current.position.y += 0.5;
activeLetterMap.offset.y -= 0.4;
} else if (letterIdx === prevData!.letterIdx + 52) {
bgLettersRef.current.position.y += 1;
activeLetterMap.offset.y -= 0.8;
}
// up
else if (letterIdx === prevData!.letterIdx - 13) {
bgLettersRef.current.position.y -= 0.25;
activeLetterMap.offset.y += 0.2;
// up skip
} else if (letterIdx === prevData!.letterIdx - 26) {
bgLettersRef.current.position.y -= 0.5;
activeLetterMap.offset.y += 0.4;
} else if (letterIdx === prevData!.letterIdx - 52) {
bgLettersRef.current.position.y -= 1;
activeLetterMap.offset.y += 0.8;
}
// left
else if (letterIdx === prevData!.letterIdx - 1) {
bgLettersRef.current.position.x += 0.3;
activeLetterMap.offset.x -= 0.0775;
}
// left skip
else if (letterIdx === prevData!.letterIdx - 2) {
bgLettersRef.current.position.x += 0.6;
activeLetterMap.offset.x -= 0.155;
}
// right
else if (letterIdx === prevData!.letterIdx + 1) {
bgLettersRef.current.position.x -= 0.3;
activeLetterMap.offset.x += 0.0775;
} else if (letterIdx === prevData!.letterIdx + 2) {
bgLettersRef.current.position.x -= 0.6;
activeLetterMap.offset.x += 0.155;
}
}
}, [activeLetterMap.offset, letterIdx, prevData]);

11
src/components/KeyPressHandler.tsx
View file

@ -27,6 +27,7 @@ import promptManager from "../core/setters/promptManager";
import bootSubsceneManager from "../core/setters/boot/bootSubsceneManager";
import bootManager from "../core/setters/boot/bootManager";
import handleBootSceneKeyPress from "../core/scene-keypress-handlers/handleBootSceneKeyPress";
import soundManager from "../core/setters/soundManager";
const KeyPressHandler = () => {
const mediaSceneSetters = useMemo(
@ -59,12 +60,20 @@ const KeyPressHandler = () => {
gameSaver,
progressManager,
promptManager,
soundManager,
],
[]
);
const bootSceneSetters = useMemo(
() => [bootSubsceneManager, bootManager, promptManager, gameLoader],
() => [
bootSubsceneManager,
bootManager,
promptManager,
gameLoader,
soundManager,
sceneManager,
],
[]
);

90
src/core/scene-keypress-handlers/handleBootSceneKeyPress.ts
View file

@ -41,10 +41,17 @@ const handleBootSceneKeyPress = (bootSceneContext: any) => {
break;
case "authorize_user":
switch (keyPress) {
case "START":
if (playerName.length > 0) {
return {
event: "start_new_game",
};
}
break;
case "X":
if (playerName.length > 0) {
return {
event: "update_player_name",
event: "remove_last_char",
playerName: playerName.slice(0, -1),
};
} else {
@ -52,8 +59,25 @@ const handleBootSceneKeyPress = (bootSceneContext: any) => {
}
case "LEFT":
// if utmost left, break
if ([0, 13, 26, 39, 52].includes(authorizeUserLetterIdx)) break;
else {
if (
[0, 13, 26, 39, 52].includes(authorizeUserLetterIdx) ||
authorizeUserLetterIdx === 15
)
break;
// skip
else if (
authorizeUserLetterIdx === 41 ||
authorizeUserLetterIdx === 17 ||
authorizeUserLetterIdx === 30 ||
authorizeUserLetterIdx === 43 ||
authorizeUserLetterIdx === 19 ||
authorizeUserLetterIdx === 45
) {
return {
event: "authorize_user_left",
authorizeUserLetterIdx: authorizeUserLetterIdx - 2,
};
} else {
return {
event: "authorize_user_left",
authorizeUserLetterIdx: authorizeUserLetterIdx - 1,
@ -62,7 +86,20 @@ const handleBootSceneKeyPress = (bootSceneContext: any) => {
case "RIGHT":
// if utmost right, break
if ([12, 25, 38, 51, 64].includes(authorizeUserLetterIdx)) break;
else {
// skip empty
else if (
authorizeUserLetterIdx === 39 ||
authorizeUserLetterIdx === 41 ||
authorizeUserLetterIdx === 28 ||
authorizeUserLetterIdx === 15 ||
authorizeUserLetterIdx === 43 ||
authorizeUserLetterIdx === 17
) {
return {
event: "authorize_user_right",
authorizeUserLetterIdx: authorizeUserLetterIdx + 2,
};
} else {
return {
event: "authorize_user_right",
authorizeUserLetterIdx: authorizeUserLetterIdx + 1,
@ -74,9 +111,27 @@ const handleBootSceneKeyPress = (bootSceneContext: any) => {
Array.from(new Array(13), (x, i) => i + 52).includes(
authorizeUserLetterIdx
)
)
) {
break;
else {
// skip empty
} else if (
authorizeUserLetterIdx === 0 ||
authorizeUserLetterIdx === 1 ||
authorizeUserLetterIdx === 52 ||
authorizeUserLetterIdx === 27 ||
authorizeUserLetterIdx === 31 ||
authorizeUserLetterIdx === 5
) {
return {
event: "authorize_user_down",
authorizeUserLetterIdx: authorizeUserLetterIdx + 26,
};
} else if (authorizeUserLetterIdx === 3) {
return {
event: "authorize_user_down",
authorizeUserLetterIdx: authorizeUserLetterIdx + 52,
};
} else {
return {
event: "authorize_user_down",
authorizeUserLetterIdx: authorizeUserLetterIdx + 13,
@ -88,9 +143,26 @@ const handleBootSceneKeyPress = (bootSceneContext: any) => {
Array.from(new Array(13), (x, i) => i).includes(
authorizeUserLetterIdx
)
)
) {
break;
else {
// skip empty
} else if (
authorizeUserLetterIdx === 26 ||
authorizeUserLetterIdx === 27 ||
authorizeUserLetterIdx === 53 ||
authorizeUserLetterIdx === 31 ||
authorizeUserLetterIdx === 57
) {
return {
event: "authorize_user_up",
authorizeUserLetterIdx: authorizeUserLetterIdx - 26,
};
} else if (authorizeUserLetterIdx === 55) {
return {
event: "authorize_user_up",
authorizeUserLetterIdx: authorizeUserLetterIdx - 52,
};
} else {
return {
event: "authorize_user_up",
authorizeUserLetterIdx: authorizeUserLetterIdx - 13,
@ -106,7 +178,7 @@ const handleBootSceneKeyPress = (bootSceneContext: any) => {
if (newName !== undefined)
return { event: "update_player_name", playerName: newName };
break;
else return { event: "update_player_name_denied" };
}
break;
}

4
src/core/setters/boot/bootManager.ts
View file

@ -41,6 +41,10 @@ const bootManager = (eventState: any) => {
return {
action: () => setPlayerName(eventState.playerName),
};
case "remove_last_char":
return {
action: () => setPlayerName(eventState.playerName),
};
}
};

5
src/core/setters/sceneManager.ts
View file

@ -76,6 +76,11 @@ const sceneManager = (eventState: any) => {
useStore.setState({ currentScene: "idle_media", intro: false }),
delay: 0,
};
case "start_new_game":
return {
action: () => useStore.setState({ currentScene: "main" }),
delay: 0,
};
}
};

86
src/core/setters/soundManager.ts Normal file
View file

@ -0,0 +1,86 @@
import { playAudio } from "../../store";
import * as audio from "../../static/sfx";
const soundManager = (eventState: any) => {
const dispatchAction = (eventState: { event: string; scene: string }) => {
switch (eventState.event) {
case "throw_node_media":
case "throw_node_gate":
case "throw_node_sskn":
case "throw_node_tak":
case "throw_node_polytan":
return {
action: () => {
playAudio(audio.sound0);
setTimeout(() => {
playAudio(audio.sound12);
}, 1600);
setTimeout(() => {
playAudio(audio.sound13);
playAudio(audio.sound14);
}, 2800);
},
};
case "update_player_name":
case "update_player_name_denied":
case "main_menu_authorize_user_select":
case "main_menu_load_data_select":
return {
action: () => playAudio(audio.sound0),
};
case "site_left":
case "site_right":
return {
action: () => {
setTimeout(() => {
playAudio(audio.sound6);
}, 1100);
},
};
case "site_up":
case "site_down":
return {
action: () => {
playAudio(audio.sound13);
setTimeout(() => {
playAudio(audio.sound10);
playAudio(audio.sound9);
}, 1300);
setTimeout(() => {
playAudio(audio.sound8);
}, 2700);
},
};
case "main_menu_down":
case "main_menu_up":
case "prompt_left":
case "prompt_right":
case "change_node":
return {
action: () => playAudio(audio.sound1),
};
case "authorize_user_back":
case "remove_last_char":
case "load_data_no":
return {
action: () => playAudio(audio.sound29),
};
case "load_data_yes":
return {
action: () => playAudio(audio.sound28),
};
}
};
const { action } = { ...dispatchAction(eventState) };
if (action) {
action();
}
};
export default soundManager;

5
src/react-app-env.d.ts vendored
View file

@ -90,6 +90,11 @@ declare module '*.mp4' {
export default src;
}
declare module '*.wav' {
const src: string;
export default src;
}
declare module "*.ogg" {
const src: string;
export default src;

2
src/resources/font_data/jp_font.json
View file

@ -84,7 +84,7 @@
"ァ": [0, 80, 16, 16, 0],
"ィ": [16, 80, 16, 16, 0],
"ゥ": [32, 80, 16, 16, 0],
"ｩ": [32, 80, 16, 16, 0],
"ェ": [48, 80, 16, 16, 0],
"ォ": [64, 80, 16, 16, 0],
"ー": [80, 80, 16, 16, 0]

18
src/scenes/MainScene.tsx
View file

@ -15,6 +15,8 @@ import * as THREE from "three";
import { useFrame } from "react-three-fiber";
import NotFound from "../components/MainScene/NotFound";
import PausePopUps from "../components/MainScene/PauseSubscene/PausePopUps";
import { playAudio } from "../store";
import * as audio from "../static/sfx";
const MainScene = () => {
const intro = useStore((state) => state.intro);
@ -42,12 +44,10 @@ const MainScene = () => {
}
}, [setWordSelected, wordSelected]);
const introWrapperRef = useRef<THREE.Group>();
useEffect(() => {
if (intro) {
if (introWrapperRef.current) {
introWrapperRef.current.rotation.x = Math.PI / 2;
introWrapperRef.current.position.z = -10;
}
setStarfieldIntro(false);
setLainIntroAnim(false);
setIntroFinished(false);
@ -57,10 +57,10 @@ const MainScene = () => {
const [starfieldIntro, setStarfieldIntro] = useState(false);
const [lainIntroAnim, setLainIntroAnim] = useState(false);
const [introFinished, setIntroFinished] = useState(false);
const introWrapperRef = useRef<THREE.Group>();
useFrame(() => {
if (intro && introWrapperRef.current) {
if (intro && introWrapperRef.current && !introFinished) {
if (introWrapperRef.current.position.z === -10) playAudio(audio.sound32);
if (
Math.round(introWrapperRef.current.position.z) === -3 &&
!starfieldIntro
@ -121,7 +121,11 @@ const MainScene = () => {
introFinished={intro ? introFinished : true}
/>
</group>
<group ref={introWrapperRef}>
<group
ref={introWrapperRef}
position-z={intro ? -10 : 0}
rotation-x={intro ? Math.PI / 2 : 0}
>
<Site introFinished={intro ? introFinished : true} />
</group>
<OrbitControls />

10
src/store.ts
View file

@ -130,7 +130,7 @@ export const useStore = create(
// main subscene
mainSubscene: "site",
// whether or not to play the intro anim
// whether or not to play the intro anim on main scene
intro: true,
// nodes
@ -544,3 +544,11 @@ export const getBootSceneContext = () => {
authorizeUserLetterIdx: state.authorizeUserLetterIdx,
};
};
export const playAudio = (audio: HTMLAudioElement) => {
audio.currentTime = 0;
audio.currentTime = 0;
audio.volume = 1;
audio.loop = false;
audio.play();
};

1
src/utils/keyPressUtils.ts
View file

@ -8,6 +8,7 @@ export const getKeyCodeAssociation = (keyCode: number) => {
90: "X", // z key
68: "TRIANGLE", // d key
69: "L2", // e key
86: "START", // v key
32: "SPACE",
};
return keyCodeAssocs[keyCode as keyof typeof keyCodeAssocs];