Towards accelerated UIs with power of Qt5 - Project Cinnamon

Towards Accelerated UI's on Mobile Linux With Power of Qt5 - Project Cinnamon Author: Saija Eteläniemi

Briefly about me
Mobile Linux developer at Tieto
Vice Chairman of the Board of Devaamo
A non profit accosiation supporting Open Source development
Huge fan of Qt (Ambassador and Certified Specialist)
Mobile Linux enthusiast
matrixx@irc/freenode
[email_address]

Qt5 - QtQuick 2.0
QML SceneGraph
New powerful graphics stack
ShaderEffect
Shaders with GLSL (OpenGL Shading Language) inside QML
qmlscene
Replaces 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 examples
For easy browsing of existing effects
Loads shaders locally or online
Uses INI configuration files
Currently targets only Harmattan
Project home for shader library
Waiting for your contribution

Cinnamon Viewer - Landscape

Cinnamon Viewer - Portrait

Shader View

Orientations – Imported examples

Orientations - “Native” examples

Config - watereffect.cinnamon
[Item] Name=Water Project=qml1-shaderplugin Author=QtLabs ProjectUrl=https://qt.gitorious.org/qt-labs/qml1-shadersplugin StartUrl=Water.qml ImageUrl=images/water.png Online=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.qml WaterEffect.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

http://a0.twimg.com	31
http://lanyrd.com	29
http://us-w1.rockmelt.com	1

Towards accelerated UIs with power of Qt5 - Project Cinnamon

by setelani

Accessibility

Categories

Upload Details

Usage Rights

3 Embeds 61

Statistics