A visually stunning and culturally rich webpage project that allows users to perform a virtual ancestral offering by "burning" a paper. Interactive experience features animations, audio, and mobile-friendly design.
Try it Live: Here
- This project creates a digital ritual where users can click a beautifully designed paper or the "Burn" button to watch it fade away in a poetic, flame-and-smoke animation, symbolizing an offering.
- The design emphasizes cultural authenticity with traditional motifs, a yellow parchment-like joss paper, and subtle patterns, set against a misty temple background.
- Artistic Design: A small joss paper with minimal traditional motifs.
- Interactive Burning: Click the joss paper or "Burn" button to trigger a layered burn effect with painterly flames, swirling smoke, and glowing embers, fading without floating upward for a solemn, artistic experience.
- Mobile-Friendly: Fully responsive design optimized for mobile and desktop screens, with a title, instructions, and a "Burn" button.
- Cultural Depth: Incorporates traditional East Asian symbolism, ethereal background gradients, and a spirit transition to evoke the spiritual essence of ancestral worship.
- Animations: Uses HTML5 Canvas for high-quality, performance-optimized particle animations, with subtle effects like trembling before burning and a fading spirit silhouette.
No external dependencies are required beyond a modern web browser. However, ensure you have the assets folder with ancestral_image.jpg (320x320 pixels).
- Navigate to the webpage.
- Read the title ("Ancestral Joss Paper Offering") and instructions ("Click the joss paper or the 'Burn' button to offer it to your ancestors").
- Click either the joss paper or the "Burn" button at the bottom to initiate the burning animation.
- Watch as the joss paper fades artistically into flames, smoke, and a symbolic spirit transition, symbolizing the offering to ancestors.
- Contributions are welcome! If you’d like to improve this project, please do so.
- Please ensure your changes align with the artistic and cultural vision of the project.
- Inspired by: Traditional East Asian ancestral worship practices and paper rituals.
- Font: Noto Serif SC for traditional calligraphy.
- Audio: Temple Music by DSTechnician from Pixabay, Burn Music by u_cppl7ah986 from Pixabay.
Distributed under the GNU Affero General Public License v3.0 License. See LICENSE for more information.