WALLPAPERENGINE-WEBEXPORTER

This project provides a UI-first MVP for a Wallpaper Engine web exporter, now featuring real conversion for video and parallax wallpapers.

Credits

Demo Wallpapers

• firewatch: Steam Workshop Item
• Cabin by the lake: Steam Workshop Item
• In The Early Morning Forest: Steam Workshop Item
• Mountain Clock and Audio - Elegant Clean Look: Steam Workshop Item
• Sealed: Steam Workshop Item
• Night Sky: Steam Workshop Item
• White Oak (Day/Night): Steam Workshop Item
• Starry sky at midnight: Steam Workshop Item
• Sakura, River and Full Moon: Steam Workshop Item
• After Sunset [4K]: Steam Workshop Item
• Circular Black Hole [4K]: Steam Workshop Item
• Peaceful Lake II | Minimal Landscape: Steam Workshop Item

Dependencies

• RePKG: Unpacking dependency (https://github.com/notscuffed/repkg)
• Pixi.js: Rendering library
• Three.js: 3D rendering library
• JSZip: For creating ZIP archives
• FileSaver: For saving files client-side
• Next.js: React framework
• Tailwind: CSS framework
• Vercel: Deployment platform

Copyright Notice

Assets © respective artists. Converted for demo/educational purposes; support the original creators on Steam Workshop. Contact for takedown.

Deployment Instructions

This project is designed for deployment on Vercel. Follow these steps to connect your GitHub repository and set up environment variables:

1. Connect GitHub to Vercel:

   • Log in to your Vercel account.
   • Click "New Project" and import your GitHub repository.
   • Follow the on-screen prompts to configure the project.

2. Set Environment Variables: For future real proxy or RePKG backends, you may need to set environment variables. These should be configured in your Vercel project settings under "Settings" > "Environment Variables".

   • Examples of potential environment variables (these are placeholders and might not be required for the current MVP):
     • NEXT_PUBLIC_API_URL: URL for your backend API (e.g., for RePKG service).
     • REPKG_API_KEY: API key for a secure RePKG service.
     • CORS_ALLOWED_ORIGINS: Comma-separated list of allowed origins for CORS.

   Make sure to set these variables for the appropriate environments (e.g., Development, Preview, Production) as needed.