diff --git a/src/dom-components/Keybinding.tsx b/src/dom-components/Keybinding.tsx index b00180f..672e6d8 100644 --- a/src/dom-components/Keybinding.tsx +++ b/src/dom-components/Keybinding.tsx @@ -69,9 +69,10 @@ const Keybinding = () => { return ( <>

- This is the keybindings page. To change a keybinding, just click on it - and press the button you wish to bind it to after. In order for this to - take effect, you must refresh the game page. + To change a keybinding, just click on it and press the button you wish + to bind it to after. +
+ In order for this to take effect, you must refresh the game page.


diff --git a/src/dom-components/MainPage.tsx b/src/dom-components/MainPage.tsx index 2502c4f..9e7e6ba 100644 --- a/src/dom-components/MainPage.tsx +++ b/src/dom-components/MainPage.tsx @@ -17,27 +17,23 @@ const MainPage = () => { This is a web reimplementation of the Serial Experiments Lain PSX game with the aim to provide multi-language support.
- Please make sure to read the notes before you - start playing. +

Please make sure to read the notes before you + start playing.



FAQ:

- guide. Keep in mind though that this is only my interpretation of the game and what I pieced together while developing it, it could be wrong.`} + answer={`The game is meant to be confusing, if you feel like you can't enjoy it the way it is, check out the guide. Keep in mind though that this is only my interpretation of the game and what I pieced together while developing it, it could be wrong.`} /> On my github.`} + answer={`On my github.`} /> { @@ -109,6 +105,12 @@ const MainPage = () => { } credit={"Subtitle timing team."} />{" "} + {" "} {

- The game performs best on chromium-based browsers - Chromium, - Chrome, Edge, Brave, Opera, Iridium, Vivaldi, etc. It's highly - recommended that you use one of those for an optimal experience. - This is especially true if you're using a bad setup, and even - more true if you're using Linux on a bad setup, since Firefox's - WebGL implementation on it has had issues for a while now. + Your setup must support WebGL2 in order to play this game. The game still runs on a setup with WebGL1, but some textures will look extremely low-quality. You can check this directly by going to{" "} + + this website + . + If it's not supported, this is most likely due to your browser. Try another one, the game performs best on chromium-based browsers - Chromium, Chrome, Edge, Brave, Opera, Iridium, etc. It's highly recommended that you use one of those for an optimal experience. This is especially true if you're using a bad setup, Linux or Firefox.

- If it's your first time playing the game, the first time loading - it might take a while depending on the factors mentioned above. - If you're seeing a black screen for a bit, just wait it out. - Subsequent website visits will be much faster once the browser - caches all the assets. + If it's your first time playing the game, loading it might take a while. If you're seeing a black screen for a bit, just wait it out. Subsequent website visits will be much faster once the browser caches all the assets. Be aware that gameplay already starts at the "Authorize User/Load data" screen, it's not a loading screen.

@@ -41,37 +36,9 @@ const Notes = () => {

- Browsers require user permission to autoplay audio. If you're - not hearing any sound effects, just click somewhere around the - page. + Browsers require user permission to autoplay audio. If you're not hearing any sound effects, just click somewhere around the page.

- We've also had an issue where the player left the game idle for - 30~ mins, and the browser's autoplay permissions reset. Again, - if this happens to you, just click around the page and it'll get - fixed. -

- - - - -

WebGL2

- - -

- Your setup must support WebGL2 in order to play this game. You - can check this directly by going to{" "} - - this website - - . If it's not supported, this is most likely due to your - browser. Try another one, preferably chromium/firefox-based, - keeping in mind the notes written inside Performance. This could - also be caused by your drivers being outdated.
-
- The game still runs on a setup with WebGL1, but some textures - will look extremely low-quality. This is because WebGL1 can't - generate mipmaps with non-POT (power of two) textures, so it has - to downscale each texture to be POT. + We've also had an issue where the player left the game idle for 30~ mins, and the browser's autoplay permissions reset. Again, if this happens to you, just click around the page and it'll get fixed.

@@ -80,132 +47,115 @@ const Notes = () => {

Browser Settings

- Firefox + Firefox specific settings

- privacy.resistFingerprinting should be set to false (it should - be by default). Otherwise, it limits the maximum WebGL texture - size to 2048, resulting in poor sprite quality. + privacy.resistFingerprinting should be set to false (normally is by default). Otherwise, it limits the maximum WebGL texture size to 2048, resulting in poor sprite quality.

- Picture-In-Picture functionality should not be used (you most - likely have it disabled already). Just having it enabled won't - break anything, but actually using it might lead to some funny - visual bugs with media files. + Picture-In-Picture functionality should not be used (you most likely have it disabled already). Just having it enabled won't break anything, but actually using it might lead to some funny visual bugs with media files.

- -

Changing Language

- - -

- To change the language of subtitles, go to{" "} - - options - . -

- - - - - -

Keyboard Controls

+

Keybinds

- + + - + + - + + - + + + + + + + + + + + + - + + - + +
ArrowDownGo down
ArrowLeftGo left
ArrowUpGo up
ArrowRightGo right
x Confirm
z Back
s Display node information
d Menu
r R1Rotate right
t R2Look Up/Down
w L1Rotate left
e L2Fast jump to level
v STARTStart/Proceed
c SELECTMenu
kUpscale Game WindowUpscale game window
jDownscale Game WindowDownscale game window
-
- - If you'd like to change the keybindings, go{" "} - - here - - . - - -

Saving Progress

+

Options

- There is no auto-save feature just like the original game, so - progress must be saved manually. This can be done by navigating - to "Save" inside the pause menu in-game, which can be accessed - by pressing ▲ (d key on keyboard). -
- The state is stored in a minimized JSON format as a string - inside localStorage with the key "lainSaveState". + You can change the language of the subtitles, rebind the keys, and export/import the save file over at the options page. +

+ There is no auto-save feature just like the original game, so progress must be saved manually. This can be done by navigating to "Save" inside the pause menu in-game, which can be accessed by pressing ▲ (d key on keyboard).

diff --git a/src/static/css/notes.css b/src/static/css/notes.css index a23615a..1601213 100644 --- a/src/static/css/notes.css +++ b/src/static/css/notes.css @@ -38,22 +38,15 @@ margin: 0 auto; border: 1px solid white; padding: 1em; -} - -.control-table tr td { - text-align: left; -} - -.control-table tr td:first-child { - width: 50%; text-align: center; vertical-align: middle; } +.control-table tr td:nth-child(3) { + text-align: right; +} .control-table tr td:nth-child(2) { - padding-left: 1em; text-align: center; - vertical-align: middle; } .notes-a {