View
1.948
Download
2
Category
Preview:
Citation preview
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
Recommended