Awesome

Tomb Raider Nostalgia - View levels and play cut scenes for old Tomb Raider games 1/2/3/4.

Main keys are:

Z/Q/S/D to move into the level (A/W/S/D in QWERTY mode)
SPACE / X to go UP/DOWN
Right mouse button to take control of (and release) the rotation of the camera with the mouse
ENTER to show/hide the informational panels

Hit the H key to display an help panel that lists all the keys you can use.

Cutscenes are the levels with a <img src="resources/picture/movie.png" width="24px"/> icon after the level name.

You can browse local levels on your hard drive by browsing the TRN.html page. In this page, click on the Select files button and select an original TR level on your hard drive.

3D Engines

You can use either BabylonJS or Threejs to browse a level: select the engine you want in the corresponding dropdown box.

Note that if you choose Threejs you won't have some particle effects, as Threejs don't feature such a particle system module. That's why BabylonJS is the default selected engine.

Install

You can install the project locally (on your own computer) by doing these steps:

Click on the Clone or download button in this page (see above) and download a zip archive of the project
Uncompress this zip file on your computer (say in c:\Projects\TRN2)
Install Python on your computer if you not already have it. To check if you already have Python installed:
- Start a command line (type cmd in the search input of Windows and hit ENTER)
- Type python then ENTER: if you get an error message, you don't have Python installed. To install it:
  - Download the package from the Python web site
  - Launch the installation.
  - Important: check the Add Python 3.7 to PATH (3.7 or whatever the current version of Python is) checkbox that you can see at the bottom of the first screen! If you don't do it, you will have to put the Python path to the global PATH variable yourself
Start Python has a simple HTTP server:
- Start a command line (type cmd in the search input of Windows and hit ENTER)
- Go to the directory where you installed TRN (for eg: cd c:\Projects\TRN2 + ENTER)
- If your version of Python is 3.x or more, type:
  - python -m http.server + ENTER
- else type:
  - python -m SimpleHTTPServer + ENTER
In your browser, browse the url http://localhost:8000. You can also browse http://localhost:8000/babylonJS/public/TRN.html?relpath=../../ if you want to display a level located on your hard drive

Note that you can use any web server for this matter. I described how to use Python to do that, but if you have another web server already installed on your computer, go for it.

You can also use PHP in much the same way than Python to start a simple HTTP server: install PHP on your computer (if not already installed), then use the command PHP -S localhost:8000 from the TRN directory to start a simple web server.

Credits

XProger: I have stolen and ported the Braid class from his awesome OpenLara as well as some other ideas (like the Layer concept)
Sapper and T4Larson, who did a great job deciphering the TR4 cutscene file format: no TR4 cutscene replay without them! The description of the format can be found here
All people from the Tomb Raider community for their continuing support

Screenshots

Click on the picture to view the corresponding level.<br>