CodeCanyon
CodeCanyon
Code
Code
Code
Code
Code
Code

Layer Magic

Layer Magic



Layer Magic v2.1.1 available for download!




Layer Magic is a powerful tool that allows you to create animations on your website. It is a state-of-the-art 2D engine built on HTML5 using JavaScript.



Create sliding effects from any direction, parallax effects, or any other type of movement based on scroll, mouse movement or touch without having to write any code for it.



Layer Magic Features

  • Mobile specific Projects & Placeholders
  • Responsive
  • Real-time Preview
  • Build using Key-frames
  • Build using key-frames
  • Asset manager
  • Real-time preview
  • Keyboard shortcuts
  • Context menu
  • Auto save
  • Change viewport size
  • Set project as background or content
  • Control over the alignment and scaling
  • z-Index control
  • HTML parent tag picking control
  • Scroll control (on the window or on itself)
  • Scroll repeat control
  • Scroll wheel / touch speed control
  • Mouse control on the window or itself



It’s feature rich and versatile so that you can create cool effects on your pages with ease. Layer Magic was engineered for smoothness – it will find the perfect balance of quality and performance for the device it runs on.



When it comes to building advanced animations, Layer Magic orients more toward technical artists, since you will need to be able to create your assets and also to carefully adjust all the settings in your project to achieve the desired result.
To build your animation you upload images or videos to layers and change their properties using key-frames.




Patch Notes

v2.1.1
editor:
- small tweaks
client:
- bug fix scale issue

v2.1.0
editor:
- bug fix viewport preview
- small tweaks
- added drag input option for layer properties
- added external url image asset
- improved css builder
client:
- bug fix quality issue

v2.0.0
general:
- COMPLETE PRODUCT REDESIGN
- new workflow
- added timeline and key-frame animation system
- added WordPress integration for post/page creation
- new sample projects
editor:
- complete editor redesign
- new UI/UX
- complete redesign for project and assets data
- improved home page
- new settings page
- new about page
- improved notification system
- new project and asset library
- improved upload/download system
- added UI for timeline and key-frame system
- improved properties panels
- improved viewport preview
- improved application update system
- added in-app tutorial
- improved inspirational quotes system
- bug fixes and tweaks
client:
- improved scroll and mouse settings
- added timeline and key-frame system
- bug fixes and tweaks

v1.2.0
+ performance optimizations: 
   + single event handling point
   + on-screen check for rendering
   + last frame check for animation
   + cached variables
   + removed jQuery from the client side
   + responsive quality change
   + single canvas
+ added continuous animation loop
+ added underscore library
+ file structure refactoring

v1.1
+ performance optimization using debounce and throttle

v1.0
+ added home and about page
+ added inspirational quotes
+ updated UI
+ added help button
+ added survey button
+ added settings page with options:
    + disable tooltips
    + disable sliders
+ added icon
+ refactoring + comments
+ added image centralization
+ refactored project hierarchy
+ project name replaced to Layer Magic
+ added responsive viewport option
+ added viewport alignment
+ few performance improvements
+ added new comments structure
+ replaced icon
+ added tutorial samples
+ added home page links
+ used wordpress enqueue functionality
+ added tooltips texts
+ added sliders
+ added random color tooltips
+ added user-friendly inpu values
+ added pivot preview
+ added grid 3x3 for pivot and alignment
+ added tabs for properties
+ added upload video functionality
+ bug fix: images with spaces in name
+ added layer order index
+ improved save notification
+ added project info
+ removed publish page
+ added viewport preview
+ added project info in "open project" page
+ allowed "_" in project/layer name
+ improved notification system
+ accepted minimum resolution for editor 1366x768 (laptop)
+ added download/upload projects .zip file
+ updated shortcode
+ added copy to clipboard for shortcode
+ added align option for viewport
+ added warning marks functionality
+ added absolute layer control (pivot + alignment + scroll + cursor)
+ added support for mobile
+ added display as background options
+ added custom scale viewport
+ added flip layer option
+ added video as layer option
+ bug fix: layer with no image allowed
+ added hidden layer option
+ added viewport
+ added multiple instances of same project
+ added placeholder option
+ added scroll event option
+ added cursor event option
+ added scroll start and end option
+ added multiple projects option
+ added missing project handling
+ full project/file refactoring
+ added OOP code style
+ added auto-save for layer
+ added field validation and sterilization
+ updated UI/UX (css + icons)
+ improved workflow
+ added some server side checks
+ added some layer functionality
+ added notifications bar
+ added optimization
+ added scaling options
+ added resize event
+ fixed display for single layer
+ Create projects
+ Open projects
+ Edit projects
    + Create layers
    + Upload layer image
    + Edit layers
    + Delete layers
    + Drag and drop layers to change their render order on the website
+ Delete projects
+ Publish project
+ Parallax effect of multiple images with individual directions (up / down) and speeds
by
by
by
by
by
by