naelstrof b8acd68dc2 Merge branch 'master' of github.com:naelstrof/slop 7 years ago
modules fixed nvidia transparency issues 7 years ago
shaderexamples increased accuracy of mouse, some more shader polish 7 years ago
src increased accuracy of mouse, some more shader polish 7 years ago
.gitignore Add .gitignore 7 years ago
CMakeLists.txt increased accuracy of mouse, some more shader polish 7 years ago
COPYING Added copy of GPLv3, thanks to https://github.com/Simonft. 10 years ago
README.md updated readme 7 years ago
license.txt Added GPL notifications at the top of each file, and made it clear that contributors must agree with it too. 10 years ago
slop.1 improved backward compatibility. 7 years ago
slop.1.gz improved backward compatibility. 7 years ago

README.md

slop

slop (Select Operation) is an application that queries for a selection from the user and prints the region to stdout.

Features

  • Hovering over a window will cause a selection rectangle to appear over it.
  • Clicking on a window makes slop return the dimensions of the window, and it's ID.
  • OpenGL accelerated graphics where possible.
  • Supports simple arguments:
    • Change selection rectangle border size.
    • Select X display.
    • Set padding size.
    • Force window, or pixel selections with the tolerance flag.
    • Set the color of the selection rectangles to match your theme! (Even supports transparency!)
    • Remove window decorations from selections.
  • Supports custom programmable shaders.

Practical Applications

slop can be used to create a video recording script in only two lines of code.

#!/bin/bash
read -r X Y W H G ID < <(slop -f "%x %y %w %h %g %i")
ffmpeg -f x11grab -s "$W"x"$H" -i :0.0+$X,$Y -f alsa -i pulse ~/myfile.webm

You can also take images using imagemagick like so:

#!/bin/bash
read -r G < <(slop -f "%g")
import -window root -crop $G ~/myimage.png

If you don't like ImageMagick's import: Check out maim for a better screenshot utility.

Lets see some action

Ok. Here's a comparison between 'scrot -s's selection and slop's:

scrotbad slopgood

You can see scrot leaves garbage lines over the things you're trying to screenshot! While slop not only looks nicer, it's impossible for it to end up in screenshots or recordings because it waits for DestroyNotify events before completely shutting down. Only after the window is completely destroyed can anything take a screenshot.

how to install

Install using your Package Manager (Preferred)

Install using CMake (Requires CMake)

Note: Dependencies should be installed first: libxext, OpenGL, and glm.

git clone https://github.com/naelstrof/slop.git
cd slop
cmake -DCMAKE_INSTALL_PREFIX="/usr" ./
make && sudo make install

Shaders

Slop allows for chained post-processing shaders. Shaders are written in a language called GLSL, and have access to the following data from slop: | GLSL Name | Data Type | Bound to | |------------|----------------|-------------------------------------------------------------------------------------------------| | mouse | vec2 | The mouse position on the screen. | | desktop | sampler2D | An upside-down snapshot of the desktop, this doesn't update as the screen changes. | | texture | sampler2D | The current pixel values of slop's frame buffer. Usually just contains the selection rectangle. | | screenSize | vec2 | The dimensions of the screen, where the x value is the width. | | position | vec2 attribute | This contains the vertex data for the rectangle. Only contains (0,0), (1,0), (1,1), and (0,1). | | uv | vec2 attribute | Same as the position, this contians the UV information of each vertext. | The desktop texture is upside-down because flipping it would cost valuable time.

Shaders must be placed in your ${XDG_CONFIG_HOME}/slop directory, where XDG_CONFIG_HOME is typically ~/.config/. This folder won't exist unless you make it yourself.

Shaders are loaded from the --shader flag in slop. They are delimited by commas, and rendered in order from left to right. This way you can combine multiple shaders for interesting effects! For example, slop -rblur1,wiggle would load ~/.config/slop/blur1{.frag,.vert} and ~/.config/slop/wiggle{.frag,.vert}. Then render the selection rectangle twice, each time accumulating the changes from the different shaders.

Enough chatting about it though, here's some example shaders you can copy to ~/.config/slop to try out!

  • slop -rblur1,blur2 -b100 | ~/.config/slop/{blur1,blur2}{.frag,.vert} slop blur

  • slop -rwiggle -b10 | ~/.config/slop/wiggle{.frag,.vert} slop animation

And all together now...

  • slop -rblur1,blur2,wiggle -b50 -c1,1,1 | ~/.config/slop/{blur1,blur2,wiggle}{.frag,.vert} slop animation

Finally here's an example of a magnifying glass.

  • slop -rcrosshair | ~/.config/slop/crosshair{.frag,.vert} slop animation

It's fairly easy to adjust how the shaders work by editing them with your favourite text editor. Or even make your own!