Questions & answers

LoxiaStudio will be definitely closed in a couple of months.




Show all answers

Animations

Are they compatible with 'responsive design'?
Yes. They are all designed to be able to adapt automatically to the size of their container. You see it already when you are using our animation editor: the thumbnails on the left side are nothing more than your animation, in several live reductions, and the main display adapts its dimensions to the remaining space. When you will integrate your animation into your web page, you will have to choose between a 'responsive' integration code and a fixed dimensions one.
Are they displayable by all internet browsers?
Our animations behave well on all recent versions of main browsers. More precisely, the minimal required versions are: Chrome 30, Internet Explorer 9, FireFox 30, Safari 7.1, Opera 26.
Are they well suited for all web devices?
To the extent that we only use HTML5/CSS/javascript web technologies, our animations are very well supported by all PCs, tablets and smartphones. It was not the case with our first LoxiaStudio version, where lot of animations needed the Adobe Flash© plugin, today not compatible with many smartphones.
Our animations are specially optimized for low bandwidths, such as 2G or 3G connections. When they are displayed on small screens (tablets or smartphones), the embedded pictures are served with reduced sizes: the total weight of your animation may be then less than 150 kB, all pictures included!
On an other hand, on a large screen, the same animation will be displayed with images in their biggest size and their best quality.
Your animations are multi-resolutions!
What are the proposed animations?

Accordion

:

Horizontal

,

Vertical


Backboard

:

Soft


Commercial banner

:

Slogan & click

,

Vertical Slogan & click


Visit card

:

3D

,

Wiping


Carousel

:

Horizontal

,

Vertical


CountDown

:

click


CountDown date

:

English numerique

,

French texts


Circle & square

:

2 colors


Clip Art

:

Baloons

,

Fireworks

,

Gifts

,

Particles

,

Stars

,

Water drop


Clock Letters

:

French

,

English condensed


Clock Needle

:

Basic


Slide & movement

:

Soft

,

Bounce


Fan

:

Aligned, texts on mouseover

,

Misaligned, fixed texts


Flip

:

Vertical

,

Horizontal

,

Compressed


Grid & movements

:

Soft

,

Bounce


Hypnosis

:

Circles

,

Squares


Liquid

:

Square


Scrolling strip

:

Horizontal & gradient

,

Vertical


Logo & squares

:

Random

,

Left to right


I Love

:

With frame

,

No frame


Mirror

:

Fade

,

Disappearance


Zoom

:

Slow


Rosacea

:

Simple

,

Gradient, 3 levels


Rotate / Sparse click

:

Horizontal

,

Vertical


Slideshow

:

Fade

,

Curtain

,

Narrowing

,

Fast Vertical Curtain

,

Fast Curtain Up


Slideshow & Texts on movement

:

Fade


Slideshow & thumbs

:

Chips & texts

,

Squares, texts on mouseover

,

Squares apart


Split text scale / rotate

:

Letters and fade

,

Words and fade


Split text wave

:

Letters and fade

,

Words and fade


Split text colors

:

Letters and curtain

,

words and fade


Split text blurred

:

Letters and curtain

,

Words and fade


Split text

:

Falling


Split text Typewriter (typed)

:

Letters and fade

,

Words and fade


Split text skew

:

Fade


Split text Typewriter

:

Fade


Blurred text

:

Curtain


Wall

:

Horizontal texts after zoom

,

Vertical texts before zoom


Random zoom

:

Slow

,

Texts on mouseover

,

Texts in movement

,

Thumbs

Animation editor

What are the thumbnails on the left side?
Every animation is decomposed into 'scenes', constituted most of the time by images and by texts, corresponding to the stages of display of the animation. These scenes are presented in the left part of the screen in the form of numbered thumbnails. To change the scenes order, drag and drop a thumbnail onto its new position. A scene can be duplicated by clicking on the '+', and deleted with then 'x' (these 2 buttons are displayed when hovering each thumbnail).
For some animation models, scenes may be fixed (their number is shown in red) and thus they cannot be neither moved, nor duplicated, nor removed.
How to add a new scene?
You can add a scene by duplicating an existing scene: when hovering the thumbnail of the scene to be duplicated, click the button '+'. Note that in some models, some scenes cannot be duplicated and in this case, the button '+' is not proposed when hovering.
How to change an image?
Click first on the scene which image has to be changed. Then click on the button "Choose an image" on the right settings panel, and select an image file from your local drives. The picture is automatically adjusted in size for filling the animation. You can enlarge it by using the 'Size' slider (minimum 100%). You can move the visible part with your mouse directly onto the image. When you save your animation, all images are automatically cropped and optimized for multi-resolutions, in order to lighten the total weight of the animation.
What dimensions is it necessary to specify?
All our animations can be displayed in 'responsive design' mode, that is their dimensions and their content can adapt themselves automatically to their container, within your web page. The width and height that you will specify are mainly used to define the proportions of your animation (square, horizontal or vertical rectangle...).
On the other hand, the specified dimensions are necessary to know the maximum size planned for your animation. When you save an animation, the too big images are automatically recut to keep only the visible part. The more the specified dimensions are small, the more your animation will be light and thus fast to be loaded and displayed, but it will be necessary to watch not to display it bigger than planned, otherwise your images will seem pixelized.
You can modify the dimensions of an animation at any time, even after saving. If you enlarge these dimensions after saving, think of reloading all the images from your local drives to restore their original quality.
Why is the main display of my animation bigger than the specified dimensions?
The editor is just a workspace and we believe that it is not because you are authoring an animation of small dimensions that you have to use a magnifying glass to adjust exactly your elements. So, we prefer to use all available space in your browser window for a more comfortable work session.
If you wish to check the final rendering with the real specified dimensions, click on the 'Global' tab, and then on 'Click here to display it in full size ...×....'.
Can I apply font styles on my texts?
Yes. Generally, the main texts (titles, descriptions...) can be styled with various attributes (bold, italic, fonts, colors...). When allowed, the attributes panel is automatically displayed. This toolbar let you apply the following styles: bold, italic, underlined, superscript, left/center/right alignment, text color, background color, font name, font size, margins.
Please note that choosing several different fonts within a same animation can increase significantly its weight, since each font takes between 70 kB and 150 kB, except the 4 first ones ('arial', 'serif', 'tahoma' and 'verdana') which are already managed by your browser and thus do not need to download additional data.
How to place precisely the movable elements?
In order to easily place a kind of element at the same position in all scenes (the titles for example), the positioning is made by step of 5 %. For a more precise positioning, press the Shift or Control key while dragging the element.
A link specified in one of my animation's scenes do not work. Why?
You have to prefix your absolut links with "http://" or "https://". If these prefixes are not supplied, your web browser will evaluate them as relative links within your own domain name.
What is a 'javascript' link?
This kind of link let you call a javascript function inside the page in which your animation will be embedded. These links will only work if you upload your animation on your own web server, with the other pages of your web site.

User licence

Do I have the right to sell my animations?
Yes. Your creations are free of rights. Their use can be of private or commercial order. Except the costs of hosting on our servers, no royalty is due.
Do I have the right to reuse the images included in the LoxiaStudio models?
Yes. The embedded images of our models are also free of rights.