Giter Club home page Giter Club logo

ichimarusakura / looper Goto Github PK

View Code? Open in Web Editor NEW

This project forked from sureskumar/looper

0.0 2.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.63% CSS 0.08% HTML 0.29%

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

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

Looper banner

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)

Install manually

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

Install from Sketchpacks

Install Looper with Sketchpacks

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

Project website | My portfolio | Twitter

looper's People

Contributors

adamkirkwood avatar sureskumar avatar

Watchers

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