A custom blur texture for the UI?

asked 2016-08-22 01:27:57 +0300

13872 ●197 ●289 ●323

updated 2016-08-25 13:05:54 +0300

In various places in the Sailfish UI there is blurring. The blurring can be seen when calling someone, as just one example. The avatar is then less sharp and a bit dimmed. But it's not just blurred. The blur has a pattern too. In some places in the UI that pattern is more clearly visible. Just have a look at the "glowballs" that are used for a number of functions. I think you understand what I mean by now. If you look closely at one of those glowballs there is a pattern as if the glow came through textured glass. If you move one of those glowballs by scrolling then you'll notice that the textured pattern doesn't move. ...and that the pattern of that texture is regular and quite small.

A long time ago I tried to modify that texture in Sailfish OS 1.0. I didn't succeed in doing so but I created the pattern for it and uploaded it to somewhere at TJC (I can't find it but it's here somewhere). A custom pattern for the blur texture would add a way to customize the UI that isn't available in any other mobile OS. So...

Yes it is possible to have a custom pattern for the blurring.
Yes larger patterns can be used.
How large can it be? The same size as the ambiance?
Does a larger texture make the UI slower?

edit retag flag offensive close delete

Comments

I didn't find the uploaded texture after some searching. Obviously it is obsolete now, but...

https://together.jolla.com/question/28178/how-to-change-app-background-texture/?answer=29880#post-id-29880

vattuvarg ( 2016-08-22 01:32:55 +0300 )edit

The pattern that is used is found in /usr/share/themes/sailfish-default/meegotouch/icons/graphic-shader-texture.png. The file is very small and I imagine this means it's not expensive to have it running and of course, it tiles the entire screen area.

I copied the texture to my PC and inverted it, then sent it back to my phone, there is a change in the appearance but it is very, very subtle.

The original texture file is only 16 pixels by 16 pixels.

Spam Hunter ( 2016-08-22 19:33:52 +0300 )edit

@Markkyboy - Could you please provide a screenshot? (..and yes, the effect should be very subtle but so is the difference between leather and crocodile skin).

vattuvarg ( 2016-08-22 19:39:52 +0300 )edit

Yep, before and after.....

image description

Spam Hunter ( 2016-08-22 19:51:48 +0300 )edit

1

The second image seems to lack any form of texture. Does the system scale down the texture?

vattuvarg ( 2016-08-22 19:56:50 +0300 )edit

1

answered 2016-08-25 14:32:43 +0300

Spam Hunter

11677 ●187 ●289 ●324

updated 2016-08-25 14:55:39 +0300

Try this demonstration, it's not a patch though, so no need to activate or apply with patchmanager, just install it - lipstick is set to restart from within spec file, when screen refreshes the new texture is applied.

To uninstall it, open Terminal and simply type: pkcon remove my-custom-texture and the original texture is restored.

https://www.dropbox.com/s/ch8xuemhb8g8g5o/my-custom-texture-0.1-1.noarch.rpm?dl=0

edit flag offensive delete publish link

Comments

1

Cool demo. :)

vattuvarg ( 2016-08-25 15:15:03 +0300 )edit

0

answered 2016-08-25 13:52:30 +0300

vattuvarg

13872 ●197 ●289 ●323

https://wordsmith.social/...

Patch?

May I wish for a patch that allows setting the texture? The best would be to add a texture setting to each ambiance but a simple app that swaps the original triangle shader for something else (and back again) would be enough to start with.

edit flag offensive delete publish link

Comments

It's easy enough to make a patch for simply swapping the texture, but incorporating into an ambience is beyond what little skills i have, although once, I managed to make Bluetooth enabled by adding a line to the .ambience file - but I didn't keep a copy and have not been able to recreate it since.

If you want to link me to a texture file of your choice, I will make a patch for you.....EDIT; on second thought, it may not be so easy, as the file needs to keep the same name.......again, thinking about it, I've tried similar before, we can't patch image files, only data/text files.......hmmmmmm, rethink required, or farm the job out to someone more capable than I !

Spam Hunter ( 2016-08-25 14:04:58 +0300 )edit

The good news is that it looks (apart from specific patterns) resolution-independent, so distribution should be rather easy. If you are interested to, I can add this capability to my themepack, so testing/packaging may be easier.

fravaccaro ( 2016-08-25 17:42:08 +0300 )edit

@fravaccaro - Sounds like a good idea.

vattuvarg ( 2016-08-25 18:10:32 +0300 )edit

1

Cool! I'm testing the script, I think I can publish it already tonight ;)

fravaccaro ( 2016-08-25 18:45:22 +0300 )edit

I think we can create patch for this if we will find correct qml file that mention this graphic-shader-texture.png file... Something like I did with folders icons and backup smiles... And inside setting you can easily choose texture that you want..

Schturman ( 2016-08-25 23:53:23 +0300 )edit

0

answered 2016-08-25 20:19:49 +0300

fravaccaro

1484 ●30 ●38 ●46

http://www.jollacommunity...

updated 2016-08-25 20:21:26 +0300

So, my themepacksupport now supports this kind of skinning (>build 0.2.0).

To test graphics:

Unzip this file into /usr/share/
Open themepacksupport via root terminal
Choose the option G

Whenever you'll need to test a new graphic, just copy your file under /usr/share/harbour-themepack-demo then re-apply via themepacksupport

I hope it will be useful :)

edit flag offensive delete publish link

Comments

Sounds a little much work just to change one image file... :|

vattuvarg ( 2016-08-25 21:11:59 +0300 )edit

Well, I get what you mean, but the idea behind it it's enabling an easier way to redistribute and apply patterns - it's not patchmanager, but I think it's better than nothing.

Plus, slowly but steadily, I'm working on a GUI.

fravaccaro ( 2016-08-25 21:27:09 +0300 )edit

1

Nice one @fravaccaro - this is where my knowledge gets completely sketchy! :)

Spam Hunter ( 2016-08-25 21:58:30 +0300 )edit

1

@fravaccaro - I'm definitely not complaning. :)

vattuvarg ( 2016-08-25 22:27:17 +0300 )edit

0

answered 2016-08-26 01:43:14 +0300

vattuvarg

13872 ●197 ●289 ●323

https://wordsmith.social/...

Textures

Additional textures are added as comments below.

edit flag offensive delete publish link

Comments

Penrose Salt started with a classic symmetry but got scattered. ...for luck.

Penrose Salt 540 for Jolla 1
Penrose Salt 720 for Jolla C or Intex Aqua Fish

vattuvarg ( 2016-08-26 01:49:44 +0300 )edit

Gaudian Mosaic is inspired by the works of Antoni Gaudí.

Gaudian Mosaic 540 For Jolla 1
Gaudian Mosaic 720 for Jolla C or Intex Aqua Fish

vattuvarg ( 2016-08-26 02:34:28 +0300 )edit

A custom blur texture for the UI?

Comments

4 Answers

Comments

Patch?

Comments

Comments

Textures

Comments

Question tools

Stats

Related questions

A custom blur texture for the UI?

Comments

4 Answers

Comments

Patch?

Comments

Comments

Textures

Comments

Question tools

Public thread

Stats

Related questions