Coder Social home page Coder Social logo

isnan909 / looper Goto Github PK

View Code? Open in Web Editor NEW

This project forked from sureskumar/looper

0.0 1.0 0.0 1.94 MB

Looper is a sketch plugin that helps automate duplication of groups and layers. One can control properties like Rotate, Scale and Opacity while duplicating. This powerful combination enables artists and designers to create interesting geometric and organic patterns.

License: MIT License

JavaScript 99.60% CSS 0.08% HTML 0.32%

looper's Introduction

Looper v2.0 โŒ˜ + L

Looper is a sketch plugin that helps automate duplication of groups and layers. One can control properties like Rotate, Scale and Opacity while duplicating. This powerful combination enables artists and designers to create interesting geometric and organic patterns.

Looper banner

Installation

Recommended

Old-Fashioned

Make sure you have the latest version of Sketch installed. (Sketch 40+)

  1. Download the ZIP file of this repository
  2. Double click on Looper.sketchplugin

Want to say thanks? Share your work!

Please share what you create in one of the channels below. Cheers!

Looper banner

Features

Duplication count

Duplicate selected group or layer by providing the duplication count or Looper can automatically calculate the count based on the rotation angle to form a complete circle.

Scale

Selected group or layer can be scaled by absolute value (px), proportional value (%) or at random.

Opacity

Opacity of selected group or layer can be set to update at random, increase from 0 to 100 or decrease from 100 to 0.

Rotate

Rotate selected group or layer by providing a specific rotation angle or Looper can automatically calculate the angle required based on the duplication count to form a complete circle.

Rotation angle can be incremented in a linear fashion, randomly or can be set to increment sinusoidally.

Move

Selected group or layer can be moved Horizontally, Vertically and Diagonally with a set increment value. Duplicated items can also be distributed randomly within a given dimension (width & height)

Form a grid

Duplicate the selected group or layer to form a grid. Number of columns, rows, horizontal margin and vertical margin can be manipulated. You can also alter other properties like opacity, rotate and scale to the grid elements.

Examples

Looper sample

Rotate (linear)

Looper example Looper example Looper example Looper example

Rotate (random)

Looper example Looper example

Rotate (linear) + Opacity (random)

Looper example Looper example Looper example

Rotate (linear) + Scale (linear)

Looper example Looper example

Rotate (linear) + Scale (sinusoidal)

Looper example Looper example Looper example

Rotate (random) + Scale (random)

Looper example

Rotate (sinusoidal) + Scale (sinusoidal)

Looper example

Rotate (sinusoidal) + Scale (sinusoidal) + Opacity (random)

Looper example

Rotate (sinusoidal) + Scale (linear) + Opacity (Fade to 0)

Looper example Looper example

Rotate (linear) + Scale (linear) + Opacity (Fade to 0)

Looper example

Rotate (random) + Scale (random) + Opacity (random)

Looper example

Rotate (linear) + Scale (sinusoidal) + Opacity (random)

Looper example Looper example Looper example

Rotate (linear) + Move (horizontal)

Looper example

Rotate (linear) + Move (vertical)

Looper example

Rotate (linear) + Move (diagonal)

Looper example

Rotate (random) + Move (random) + Opacity (random)

Looper example Looper example

Move (vertical) + Opacity (Fade to 0)

Looper example

Move (vertical) + Scale (linear) + Opacity (Fade to 0)

Looper example

Move (horizontal + vertical)

Looper example

Change log

version 2.0.0

  • Preview mode: Introduced preview mode so that the values can be tweaked realtime.
  • Lighter and tigher UI: will fit in all small screen sizes.
  • Improved performance
  • Bug fixes

Thanks

Contact me

Email [email protected]

Feel free to contact me for any suggestions or critique.

Links

Looper website | My portfolio | Twitter

looper's People

Contributors

sureskumar avatar adamkirkwood avatar

Watchers

James Cloos 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.