A random slideshow of images from your computer. Runs on Mac and Windows.
If you are on a Mac, you might need to open this by right-clicking the application, selecting "Open," and accepting all the stupid prompts that pop up.
- Fix importing duplicate directories
- Add progress circle for loading scenes
- Fix bug with No images warning
- Fix bug with overlay when scene loads first
- Improve animated gif detection (much better performance)
- Add horizontal and vertical transition options
- Add context menu with image information and actions
- Hide menu-bar when in fullscreen (and automatically exit fullscreen when scene ends)
- Add sidebar to player for modifying effects and timing
- Right arrow now advances slideshow if at the most recent image
- Fixed a bug with image filter resetting
- Fix two images loading at once
- Fix bug where only one source would be displayed
- Remove code that figures out if gifs are animated or not. It was just too slow to run.
- Fresh UI for editing scenes
- Overlay a scene on top of another with transparency
- Load text scripts from any URL, not just Hastebin
- Audio loops
- Images can be loaded from the web. Create a text file containing one image URL per line, and use the "Import URL" option.
- Hotkeys work more often
- Don't show images <200px in either dimension
- Bug fixes
- Linux support
- Better zoom
- Text script support with Hastebin
- Configurable timing down to the millisecond
- Gifs no longer count as animated if they only have one frame
- Zoom
- More timing options
- Gooninator URL import
- Fullscreen toggle
- Cross-fade images as they change
- Bug fixes
FlipFlip is an Electron app written in TypeScript and React.
git clone https://github.com/ififfy/flipflip.git
cd flipflip
yarn install --dev
# terminal 1:
yarn development
# terminal 2:
yarn start
# app is now running, and you can reload at any time.
# uncomment the "open the dev tools" line in main.ts to get developer
# tools on launch.
Create a new branch, make your changes, and open a pull request. The policy of the FlipFlip project is, "patches are generally accepted." If your contributions make sense, you will be added as a collaborator on the project to make changes as you wish. :-)
- Use proper TypeScript. Some hacks are OK, but be reasonable.
import
, notrequire
. (To make non-TypeScript modules work, add an entry tosrc/declaration.d.ts
.)- 2-space tabs.
- The top level of every React component simply has the component's full name as its CSS class
(
<div className="Modal">
) - Markup inside the component is
ClassName__Whatever
(Modal__CloseButton
) - For different states of the same component, make
m-blah
classes. (Checkbox m-disabled
) - For classes used on different kinds of elements, use
u-blah
, likeu-fill-screen
- Try to keep the code repository and the application itself G-rated. If you want to break this guideline, email [email protected] and let's see if we can figure something out.
- Code needs to work on both Mac and Windows.
- The project is run on "open open source" principles.