Towards accelerated UIs with power of Qt5 - Project Cinnamon

1,953 views

Published on

Published in: Technology, Art & Photos
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,953
On SlideShare
0
From Embeds
0
Number of Embeds
68
Actions
Shares
0
Downloads
20
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Towards accelerated UIs with power of Qt5 - Project Cinnamon

  1. 1. Towards Accelerated UI's on Mobile Linux With Power of Qt5 - Project Cinnamon Author: Saija Eteläniemi
  2. 2. Briefly about me <ul><li>Mobile Linux developer at Tieto
  3. 3. Vice Chairman of the Board of Devaamo </li><ul><li>A non profit accosiation supporting Open Source development </li></ul><li>Huge fan of Qt (Ambassador and Certified Specialist)
  4. 4. Mobile Linux enthusiast
  5. 5. matrixx@irc/freenode
  6. 6. [email_address] </li></ul>
  7. 7. Qt5 - QtQuick 2.0 <ul><li>QML SceneGraph </li><ul><li>New powerful graphics stack </li></ul><li>ShaderEffect </li><ul><li>Shaders with GLSL (OpenGL Shading Language) inside QML </li></ul><li>qmlscene </li><ul><li>Replaces qmlviewer </li></ul></ul>
  8. 8. ShaderEffects on Harmattan <ul><li>QtQuick 2.0 vs QML Shader Plugin
  9. 9. Imports: </li><ul><li>import QtQuick 2.0
  10. 10. import Qt.labs.shaders 1.0,
  11. 11. import QtQuick 1.1 </li></ul><li>ShaderEffect vs ShaderEffectItem
  12. 12. mesh property: </li><ul><li>mesh: GridMesh { resolution: Qt.size(5, 5) }
  13. 13. mesh: Qt.size(5, 5) </li></ul></ul>
  14. 14. Project Cinnamon <ul><li>Viewer application for ShaderEffect examples </li><ul><li>For easy browsing of existing effects
  15. 15. Loads shaders locally or online
  16. 16. Uses INI configuration files
  17. 17. Currently targets only Harmattan </li></ul><li>Project home for shader library </li><ul><li>Waiting for your contribution </li></ul></ul>
  18. 18. Cinnamon Viewer - Landscape
  19. 19. Cinnamon Viewer - Portrait
  20. 20. Shader View
  21. 21. Orientations – Imported examples
  22. 22. Orientations - “Native” examples
  23. 23. Config - watereffect.cinnamon <ul>[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 </ul>
  24. 24. Config – External resources 1/2 <ul>[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 </ul>
  25. 25. Config – External resources 2/2 <ul>[Resources] images/sky.jpg=https://qt.gitorious.org/qt-labs/qml1-shadersplugin/blobs/raw/master/examples/shadereffects/qml/shadereffects/images/sky.jpg </ul>
  26. 26. TODOS <ul><li>Find all existing shader effects and add them as collections
  27. 27. Detail view which will show info of one shader effect
  28. 28. Multiple examples per shader to demonstrate the effect for different use cases like on images or shapes (2D or 3D)
  29. 29. More supported platforms
  30. 30. Create more effects </li></ul>
  31. 31. Aims <ul><li>To have a handle to a collection of free and open source shaders visible at single browsing experience
  32. 32. To prevent duplicate work by increasing visibility of existing shaders
  33. 33. To help designers in preview and prototyping purposes
  34. 34. To act as an inspiration for developers creating more shaders </li></ul>
  35. 35. Side product <ul><li>Cinnamon viewer acts also as a multipurpose viewer and launcher for any QML content type that fits in configuration file formula: </li><ul><li>To show content item with the viewer, It must be possible to describe the item with following properties:
  36. 36. 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 </li></ul><li>Examples: Game Hub Game Selector, Game level selector etc. </li></ul>
  37. 37. In use – Cloud Invaders
  38. 38. Thanks! <ul><li>If any of this sounded interesting, don't hesitate to contact me
  39. 39. See you at any of these: #mer #harmattan #nemomobile #meego-fi #qt-onpi
  40. 40. matrixx on IRC@Freenode
  41. 41. Or follow me on twitter: setelani@twitter
  42. 42. My blog: matrixxreloaded.wordpress.com </li></ul>

×