Skip to content

Legionxoxo/hsr-loco

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Honkai Star Rail: A Celestial Adventure 🚀

Introduction

Welcome to Honkai Star Rail, a GitHub repository showcasing a web-based introduction to the world of Honkai Star Rail, a popular mobile game 📱. This project utilizes HTML, CSS, JavaScript, GSAP, and Locomotive.js to bring the game's characters and major locations to life 🎥.

Characters

Meet the main characters of Honkai Star Rail:

Bronya 💪: A genius inventor with a passion for machines. JingLiu 💃: A charismatic leader with a strong sense of justice. Kafka 🔥: A skilled warrior with a mysterious past.

Locations

Explore the major locations of Honkai Star Rail:

Herta Space Station 🚀🌫: A mysterious planet shrouded in mist and legend.A futuristic hub of intergalactic activity. Penacony 🌊: A tropical paradise on the edge of the galaxy. Luofo 🏔️: A vast, uncharted territory filled with ancient secrets.

Features

This project includes the following features:

  • Character Animations 🔥: GSAP is used to create smooth and dynamic animations for the characters.
  • Location Transitions 🚂: Locomotive.js is used to create seamless transitions between locations.
  • Interactive Elements 🎮: Users can interact with the characters and locations using mouse clicks and keyboard inputs.
  • Responsive Design 📱: The project is designed to be responsive, ensuring a smooth experience across various devices and screen sizes.

Technical Details

  • HTML: The project uses HTML5 to structure the content and layout.
  • CSS: CSS3 is used to style the characters and locations, as well as create a responsive design.
  • JavaScript: JavaScript is used to create the animations, transitions, and interactive elements using GSAP and Locomotive.js.
  • GSAP: GSAP is used to create smooth and dynamic animations for the characters.
  • Locomotive.js: Locomotive.js is used to create seamless transitions between locations.

Getting Started

To get started, simply clone this repository and open the index.html file in your preferred web browser 📊. You can then interact with the characters and locations using mouse clicks and keyboard inputs.

Contributing

We welcome contributions to this project! If you'd like to contribute, please fork this repository and submit a pull request with your changes 🤝.

License

This project is licensed under the MIT License. See the LICENSE file for more information.

Acknowledgments

We'd like to thank the Honkai Star Rail team for creating such an amazing game, and the GSAP and Locomotive.js teams for providing such powerful libraries 🙏.

Contact

If you have any questions or feedback, please don't hesitate to reach out to us at [your email address] 📧.