EYHN/hexo-helper-live2dArchived
Hexo Helper Live2d
hexo-helper-live2d is a plugin for adding interactive 2D animated characters to static websites generated with the Hexo framework. It functions as a configuration-driven system that embeds and manages character assets within static pages via build-time script automation.
The project provides a manager for loading and positioning character assets from local directories or remote URLs. It uses an HTML canvas to render animated models that respond to mouse and touch movements.
The system covers character visual configuration, including controls for scale, screen position, opacity, and mobile visibility. It also includes mechanisms for model placement, allowing animated characters to appear automatically across all pages or be restricted to specific pages through injection tags.
Features
- Live2D Animation Configurators - Embeds interactive Live2D characters into web pages that react to mouse and touch movements.
- Hexo Themes - Customizes Hexo-generated static sites by adding interactive animated character elements.
- Plugin Integrations - Functions as a Hexo plugin that extends the framework to support interactive Live2D character integration.
- 2D Character Asset Management - Loads and configures 2D character assets from local or remote sources to appear across a website.
- Animation Model Loading - Imports 2D character models from local paths, packages, or URLs to define animation visuals.
- HTML5 Canvas Libraries - Uses a client-side library to render and animate 2D character models via the HTML5 Canvas API.
- Interactive 2D Asset Managers - Provides a system for loading and positioning interactive 2D character assets from local or remote sources.
- Live2D Avatar Renderers - Renders interactive Live2D models on web pages using an HTML canvas to display animations and reactions.
- Interactive Character Embeds - Integrates animated characters into website pages with configurable positioning, dimensions, and visibility settings.
- Build-Time - Injects necessary JavaScript and canvas elements into static pages during the build process to enable animations.
- Static Asset Injection Tools - Injects responsive animated assets into static pages through configuration-driven build-time script automation.
- Multimedia Asset Resolution - Resolves character model files and scripts from local directories, npm packages, or remote URLs based on settings.
- Animated Gesture Event Mappings - Maps mouse and touch input events to specific character animations and triggers in the browser.
- Multi-Source Asset Loading - Provides a system to switch between loading scripts and models from local directories or a remote CDN.
- Character Overlay Configurations - Controls the visual scale, screen position, opacity, and mobile visibility of the animated character overlay.
- Responsive Layout Scaling - Adjusts the scale, position, and visibility of characters to maintain visual consistency across different viewport dimensions.
- Static Site Interaction Layers - Adds dynamic, responsive visual layers to static HTML pages to increase user engagement.
