Code Monkey home page Code Monkey logo

flipflip's Introduction

FlipFlip

A random slideshow of images from your computer. Runs on Mac and Windows.

Instructions

Downloads (Mac/Windows/Linux)

User manual

Subreddit

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.

Screenshot

History

1.2.0

  • 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

1.1.2

  • Fix two images loading at once

1.1.1

  • 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.

1.1

  • 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.

1.0.4

  • Hotkeys work more often
  • Don't show images <200px in either dimension
  • Bug fixes

1.0.3

  • 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

1.0.2

  • Zoom
  • More timing options
  • Gooninator URL import

1.0.1

  • Fullscreen toggle
  • Cross-fade images as they change
  • Bug fixes

Developers

FlipFlip is an Electron app written in TypeScript and React.

Setup

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.

Making changes

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. :-)

JS style guide

  • Use proper TypeScript. Some hacks are OK, but be reasonable.
  • import, not require. (To make non-TypeScript modules work, add an entry to src/declaration.d.ts.)
  • 2-space tabs.

CSS style guide

  • 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, like u-fill-screen

Contribution guidelines

  • 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.

flipflip's People

Contributors

drprofesq avatar f3lin3 avatar ififfy avatar sgoranson avatar starrhelixx avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.