Loopic - visual tool for creating CasparCG HTML templates

General
, , , ,
83

Is it possible to move the mask around or move things inside the mask?

In flash it was possible to make a shape to mask and then move it around, is it possible here?

84

It will be possible in the new version that is coming out soon :slight_smile:

2 Likes
85

Loopic 1.0.0 :rocket:

Finally, I’m releasing Loopic 1.0.0 - the first significant update since the release of the Loopic beta last year.

It took me quite some time to develop this new version. Loopic now has an entirely new codebase, which will allow its further development and growth. You probably won’t notice any ground-breaking changes at first glance, but it should behave much better.

New features

I will list a few new features that have been introduced in this new version.

:one: Click, drag, and draw :pen:

Now you can create elements simply by selecting tools from the toolbox and starting drawing directly on the canvas. You can create text boxes, and image loaders or you can even take the pen tool and draw anything you want!

:two: Masks :performing_arts:

You can finally draw masks on top of text, images, image sequences, and other compositions… without any coding! Simply select the element on which you want to draw a mask on and then select the “Pen” or “Rectangle” tool. Any shape you draw now will be applied as a mask that can be animated, just like any other element.
Important note: this feature requires the latest CasparCG.

:three: Template preview simulation :lab_coat:

If you click on the “Preview” button next to the “Export”, a new Pop-up window will appear, simulating CasparCG’s output. So - you don’t need to use CasparCG while developing templates, but you can use this built-in tool for testing purposes (especially useful if developing on low-end computers).

:four: Performance and UX :racing_car:

Maybe not something you will notice right away, but if you start playing with image sequences and many layers, you will notice that there is much less (if any) lag.
The performance of the exported templates has also been improved and should perform much better than in beta.
There is also a bunch of small UX tweaks that will make using this version easier (like up/down/right/left arrow keys, CTRL/SHIFT layer selection…)

Availability

The new version is available on the same old URL: https://app.loopic.io/

Please note that you won’t be able to load your old .loo files in the new version. But no worries - the old beta version will still be available on https://beta.app.loopic.io/ and you can keep using it if you wish. However, there won’t be any support for the beta version anymore, since the development focus is now on the new version.

8 Likes
86

:+1: :+1: :+1: :+1: nice !!! many thanks

87

Just worry about price :grinning:

88

Thx for loopic 1.0.0 . Why just rectangle and Pen Tool masks? I need Circular masks :pensive:
Is it possible to update the mask shapes or even give the ability to use pre rendert masks such as pngs or a png Sequenz as a mask?

89

Only rectangle and pen tool masks are there because you need to start from somewhere :slight_smile: Other types of shapes and masks will come in future updates.

90

Hello @imare.
Have I done anything wrong, if I can’t draw a mask on top of a rectangle shape?

I don’t seem to be able to configure size of a rectangle?

Brg Tue.

91

Hi, no, you haven’t done anything wrong. Currently masking shapes is not supported, and you can not set the size and position of shapes from the settings panel (panel on the right side). This will come in future updates.

92

Hi Imare,

I wanted to try the crawler with the image as separator in the last version of loopic. I doesn’t accept the old *.loo file.
Can you make the template available in the newer version of loopic?

regards hans

93

Really enjoying using Loopic so far, such a great tool! I appear to have found a bug though - I’m trying to create a basic text scroll for end credits and it looks at though it breaks the export. You click on the export button and nothing happens at all. The text box extends beyond the canvas and is just keyframed to move from bottom to top. I’m using Chrome on OSX. Any thoughts?

94

Hi, if it is possible, please send your project file (.loo) to loopicapp@gmail.com and I will check it.

1 Like
95

Hi, there was a bug with multiline text and it has been fixed in the newest available version (1.3.1). Thanks for the report!

2 Likes
96

That’s great, thanks Ivan!

97

I used the updated version of Loopic and it’s so good

I don’t know if it’s possible to rotate the text 90 degrees.

98

Hello. Great job! Is it possible to make an intro - body - outro so that the body is in a loop?

99

Currently, you can’t rotate text or any other objects.

100

Yes, it is.
Let’s say your animation is 50 frames long (intro + body + outro). And the body is between frames 20 and 30. All you need to do is go to frame 30, create a new action, and write:

this.goTo(20);

This will now create a loop between frames 20 and 30.
Now you just need a way to stop the graphic - you can right-click on the action on frame 30 and set it as an outro frame. That should be it!

I will create in-depth text and video tutorials and examples about loops and other types of effects in the new year.

2 Likes
101

Thanks a lot. This is very cool.

102

I have (sort of dumb) question.

what is proper path variable for dynamic images? I tried file:///c:/… and without file:/// but it wont load it at all.