JavaScript and Image-Filtering

JavaScript and Image-Filtering

The following short example shows how script tags can be applyed to images in order to create a simple image-filtering effect. In LiaScript, the script tag is a reimagined version of a JavaScript-component that has a lifetime, can be combined with input-tags and has an output as well. Additionally, scripts can be stiched together by an execution graph, which is defined by the output of the script-tags. The script is executed in the browser and can be used to manipulate the image in real-time.

For more information of how to use script-tags, visit the documentation:

JavaScript or JS-Components

Example

Related Posts

LiaScript - BearLearn Talk 2019

This is an early example of a LiaScript presentation, that was given as a BearLearn Talk 2019 in Berlin. It shows how to create a simple narrative presentations with Text-to-Speech output and animations and more.

Read More

Embedding Multimedia and More

How can you embed multimedia content in LiaScript? This post shows you how to embed images, videos, and sounds in your LiaScript courses. You can also embed content from other websites using oEmbed.

Read More

Images are handled differently

... a paragraph with a starting image will produce a floating environment, a paragraph with only images will produce a gallery, the image will be optimally sized & placed, and "titles" will be used as captions.

Read More