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

Sister Fox and the Gray Wolf

These are two early translations of Russian folk take “sister fox and the gray wolf”. It is a recording of a LiaScript document, see the original versions at: https://github.com/LiaBooks/SisterFoxAndTheGrayWolf If you try out one of the examples below, make sure that you enable the audio output of your browser, since the text-to-speech is turned of by default. Original (Russian) Version View on LiaScript German Version View on LiaScript Editing Try this out by yourself in the LiveEditor:

Read More

Importing a local WebCam-stream into a Presentation

Sometimes you want to show a live video stream from a local WebCam in your presentation, without having to move to another application. This can be done with the following script and video-tag. It will ask for permission to access the camera and will display the video stream in a video element. If you click on the button again, the camera will be closed. Simply copy both tags into your LiaScript document and you will be able to open and close the camera stream with the button.

Read More

Offene Bildungsmaterialien an Hochschulen verankern

Die Förderung von Open Educational Resources (OER) an Hochschulen gewinnt durch die Entwicklung und Implementierung spezifischer OER-Policies an Struktur und Sichtbarkeit. Hierfür wurde ein OER Policy Kit mithilfe von LiaScript entwickelt und veröffentlicht. Dieser Handlungsleitfaden bietet neben einer allgemeinen Orientierung auch konkrete Tipps, Beispiele und hilfreiche Ansätze. Interessierte können das OER Policy Kit direkt online einsehen und sich tiefergehend mit den Materialien auseinandersetzen. Link zum OER Policy Kit Oder über das offene Git-Repository einsehen, nachnutzen und mitentwickeln:

Read More