https://github.com/tpkn/animate-to-retina

Export objects from Animate CC into double-sized images
https://github.com/tpkn/animate-to-retina

Last synced: 8 months ago
JSON representation

Export objects from Animate CC into double-sized images

• Host: GitHub
• URL: https://github.com/tpkn/animate-to-retina
• Owner: tpkn
• License: mit
• Created: 2017-07-16T23:17:36.000Z (almost 9 years ago)
• Default Branch: master
• Last Pushed: 2017-10-30T17:19:08.000Z (over 8 years ago)
• Last Synced: 2025-01-14T08:12:54.071Z (over 1 year ago)
• Language: JavaScript
• Size: 8.79 KB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          

![preview](https://github.com/tpkn/animate-to-retina/blob/master/preview.png)

### Features

1. Export any object that exist in library (exept lines and fills)

2. Export single or multiple objects

3. Tool saves transform params such as skew and rotation

4. Adds 10px on each image side to prevent cutting off object's edges (line 77)




### Usage (scss)

```scss

@mixin retina($img, $width, $height) {

   $gap: 10;

   width: #{$width}px;

   height: #{$height}px;

   background-image: url($img);

   background-size: #{$width + $gap}px #{$height + $gap}px;

   background-position: 50% 50%;

   background-repeat: no-repeat;

}

.icon1 {

   @include retina('symbol1_110x26_ff6754.png', 110, 26);

}

.icon2 {

   @include retina('symbol2_253x117_309c0c.png', 253, 117);

}

```




### Installation

1. Copy .swf and .jsfl files into `C:\Users\[PC_NAME]\AppData\Local\Adobe\[ANIMATE_CC_VERSION]\en_US\Configuration\WindowSWF`

2. Restart Adobe Animate

3. Bind some shortcut for quick access to this extension (Edit > Keyboard Shortcuts)