Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Live Wallpaper Creator #160

Open
SteamPoweredCat opened this issue Feb 3, 2025 · 6 comments · May be fixed by #161
Open

Live Wallpaper Creator #160

SteamPoweredCat opened this issue Feb 3, 2025 · 6 comments · May be fixed by #161

Comments

@SteamPoweredCat
Copy link

Create me script were user uploads their image and then can add from sidebar transparent gifs on image and drag to their wanted position? and then when they are done save as gif or mp4 in this way he creates live wallpaper (video or gif). At the start user must can to pick live wallpaper resolution, when he picks he can upload any image (for main work area) and if its to small he can stretch, drag or whatever he wants. When he sets the main image he can pick transparent apng or gifs from sidebar and drag on main image to their desired location, when he done adding gifs to his locations he can save live wallpaper as gif or mp4. Gifs/apngs in sidebar must be readed from seperate folders, for example folder "dog" will have dog animated gifs or apngs, folder sparkles will have sparkle animate gifs or apns and so on...

and dont forget that i need this:

Features to Add
Resolution Selection: Let the user pick the resolution for the live wallpaper.

Background Image Manipulation:

Upload any image.

Resize, stretch, and reposition the background image.

Transparent GIF/APNG Overlays:

Drag and drop from categorized folders.

Resize, rotate, and reposition overlays.

Layer Management:

Bring elements forward or backward.

Delete elements.

Preview Live Wallpaper:

Play a preview of the live wallpaper before saving.

Save Options:

Save as GIF or MP4.

Choose frame rate and quality.

Undo/Redo Functionality:

Allow users to undo or redo actions.

Export Settings:

Customize output resolution, duration, and loop settings for GIFs/MP4s.
@mentatbot MentatBot
Copy link
Contributor

mentatbot bot commented Feb 3, 2025 •
edited
Loading

If you would like me to solve this issue, either tag me in a comment or check this box:
✅ Solve Issue

You can disable automatic comments on my settings page

@voodoohop
Copy link
Member

Hey @SteamPoweredCat I will move this issue to our pollinations/hive repository on GitHub which is meant for ai created apps built on pollinations

@voodoohop voodoohop transferred this issue from pollinations/pollinations Feb 3, 2025
@mentatbot MentatBot
Copy link
Contributor

mentatbot bot commented Feb 3, 2025

If you would like me to solve this issue, either tag me in a comment or check this box:

  • Solve Issue

You can disable automatic comments on my settings page

@mentatbot MentatBot
Copy link
Contributor

mentatbot bot commented Feb 3, 2025

I'm getting to work. See my steps and track my cost here.

  • Wake on any new activity.

I always see new activity while actively working. When paused, I'll only respond when tagged unless this box is checked.

@mentatbot MentatBot
Copy link
Contributor

mentatbot bot commented Feb 3, 2025

I'll create a new React application for the Live Wallpaper Creator. Here's my implementation plan:

  1. Project Structure:
live-wallpaper-creator/
  ├── src/
  │   ├── App.jsx
  │   ├── components/
  │   │   ├── Canvas.jsx        # Main workspace
  │   │   ├── Sidebar.jsx       # GIF/APNG selector
  │   │   ├── Controls.jsx      # Resolution/export controls
  │   │   └── LayerManager.jsx  # Layer ordering controls
  │   └── utils/
  │       ├── fileHandling.js   # Image upload/processing
  │       └── export.js         # GIF/MP4 export logic
  1. Core Features:
  • Resolution selector at startup
  • Background image upload with resize/reposition controls
  • Categorized sidebar for GIF/APNG overlays
  • Drag & drop functionality for placing overlays
  • Layer management (ordering, deletion)
  • Export functionality for GIF/MP4
  1. Technical Implementation:
  • Use HTML5 Canvas for the main workspace
  • Implement drag & drop using the HTML5 Drag & Drop API
  • Use gif.js for GIF generation
  • Use ffmpeg.wasm for MP4 export
  • Store overlay positions and transformations in React state

I'll start by setting up the project structure and implementing the basic UI components. Then I'll add the core functionality piece by piece.

Let me know if you'd like me to adjust anything in this plan before I begin implementation.

@SteamPoweredCat
Copy link
Author

make modern design and easy to use.

mentatbot bot added a commit that referenced this issue Feb 3, 2025
@mentatbot
Add live wallpaper creator app
5bb7d01 
Features:
- Resolution selection
- Background image upload and manipulation
- Overlay support with drag & drop
- Export to GIF/MP4
- Modern Material-UI design
- Categorized overlay elements

Closes #160
@mentatbot mentatbot bot linked a pull request Feb 3, 2025 that will close this issue
Open
1 task
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

Live Wallpaper Creator pollinations/hive
2 participants
@voodoohop @SteamPoweredCat