Mirror of the SEL PSX game port.
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
ad044 948a2f874b
force toLowerCase on game resize keypress
1 year ago
__tests__ added tests 2 years ago
public added webvtt submodule 2 years ago
screenshots codebase rework 2 years ago
scripts add site image extraction 3 years ago
src force toLowerCase on game resize keypress 1 year ago
.eslintrc.json codebase rework 2 years ago
.gitignore added webvtt submodule 2 years ago
.gitmodules added webvtt submodule 2 years ago
LICENSE added license 3 years ago
README.md update readme 2 years ago
jest.config.js codebase rework 2 years ago
next-env.d.ts codebase rework 2 years ago
next.config.js codebase rework 2 years ago
package.json codebase rework 2 years ago
tsconfig.json codebase rework 2 years ago
yarn.lock codebase rework 2 years ago



A browser-based implementation of the Serial Experiments Lain PSX game using react-three-fiber with the aim to provide multi-language support and make it more accessible.


The original PSX game was released in Japan, back in 1998. The game never got a proper english adaptation, which resulted in all non-Japanese speaking players either having to play through the game while simultaneously reading through the translation, or simply not playing the game at all and only reading it.

The goal of this project is to provide a better experience for those willing to play the game, and the way to do so is by implementing a subtitle system, which has the capability to support multiple languages.

Building locally

Building locally is currently not possible. This is because the repository lacks static assets ripped from the game due to it being copyrighted content. The plan is to write an extraction script (currently located inside scripts/extract), where the user who owns the game provides the disc binaries themselves, and the script automates the static file extraction. This script is still WIP.

Code strutcure

  • __tests__/ - Jest tests.

  • src/

    • components/canvas/ - TSX components used in the actual 3D environment (sprites, meshes, etc.).
    • components/dom/ - TSX components used for the website pages.
    • core/ - State management. Contextual (scene/state influenced) processors, mutation handler, event templates.
    • hooks/ - Custom hooks for React.
    • json/ - Reverse-engineered JSON data the game uses for a variety of tasks (node positions, font texture atlas definitions, etc.).
    • pages/ - Pages for the website (index, notes, guide, options, etc.).
    • shaders/ - Fragment/Vertex shaders.
    • styles/ - CSS.
    • types/ - Type definitions.
    • utils/ - Utilities/helper functions used to boostrap functionalities (node finding algorithm, name selection handlers, etc.).
    • store.ts - Zustand store used for managing global state.
  • scripts/

    • extract/ - WIP extraction script to automate the local building process of the game.


  • Finish writing the extraction script
  • Improve/complete the translation


Reporting bugs and contributing

If you have any ideas/suggestions/found an issue or want to help us with the translation or anything else, please make an issue.

Tools used during development