Introducing a New Product

Towards Accelerated UI's on Mobile Linux With Power of Qt5
-
Project Cinnamon

Author: Saija Etelniemi

Briefly about me

Mobile Linux developer at Tieto

Vice Chairman of the Board of DevaamoA non profit accosiation supporting Open Source development

Huge fan of Qt (Ambassador and Certified Specialist)

Mobile Linux enthusiast

matrixx@irc/freenode

setelani@twitter

Qt5 - QtQuick 2.0

QML SceneGraphNew powerful graphics stack

ShaderEffectShaders with GLSL (OpenGL Shading Language) inside QML

qmlsceneReplaces qmlviewer

ShaderEffects on Harmattan

QtQuick 2.0 vs QML Shader Plugin

Imports:import QtQuick 2.0

import Qt.labs.shaders 1.0, import QtQuick 1.1

ShaderEffect vs ShaderEffectItem

mesh property:mesh: GridMesh { resolution: Qt.size(5, 5) }

mesh: Qt.size(5, 5)

Project Cinnamon

Viewer application for ShaderEffect examplesFor easy browsing of existing effects

Loads shaders locally or online

Uses INI configuration files

Currently targets only Harmattan

Project home for shader libraryWaiting for your contribution

Cinnamon Viewer - Landscape

Cinnamon Viewer - Portrait

Shader View

Orientations Imported examples

Orientations - Native examples

Config - watereffect.cinnamon

[Item]Name=WaterProject=qml1-shaderpluginAuthor=QtLabsProjectUrl=https://qt.gitorious.org/qt-labs/qml1-shaderspluginStartUrl=Water.qmlImageUrl=images/water.pngOnline=1

Config External resources 1/2

[Resources]Water.qml=https://qt.gitorious.org/qt-labs/qml1-shadersplugin/blobs/raw/master/examples/shadereffects/qml/shadereffects/Water.qmlWaterEffect.qml=https://qt.gitorious.org/qt-labs/qml1-shadersplugin/blobs/raw/master/examples/shadereffects/qml/shadereffects/WaterEffect.qm

Config External resources 2/2

[Resources]images/sky.jpg=https://qt.gitorious.org/qt-labs/qml1-shadersplugin/blobs/raw/master/examples/shadereffects/qml/shadereffects/images/sky.jpg

TODOS

Find all existing shader effects and add them as collections

Detail view which will show info of one shader effect

Multiple examples per shader to demonstrate the effect for different use cases like on images or shapes (2D or 3D)

More supported platforms

Create more effects

Aims

To have a handle to a collection of free and open source shaders visible at single browsing experience

To prevent duplicate work by increasing visibility of existing shaders

To help designers in preview and prototyping purposes

To act as an inspiration for developers creating more shaders

Side product

Cinnamon viewer acts also as a multipurpose viewer and launcher for any QML content type that fits in configuration file formula:To show content item with the viewer, It must be possible to describe the item with following properties:

Content item name, Project name, Author, Url to the Project, Main QML url which starts the content, Menu image url, Online property + external resource urls

Examples: Game Hub Game Selector, Game level selector etc.

In use Cloud Invaders

Thanks!

If any of this sounded interesting, don't hesitate to contact me

See you at any of these: #mer #harmattan #nemomobile #meego-fi #qt-onpi

matrixx on IRC@Freenode

Or follow me on twitter: setelani@twitter

My blog: matrixxreloaded.wordpress.com