(old)Puppy Linux Discussion Forum

Posted: **Fri 07 Oct 2016, 10:30**

step wrote:Thanks solo, I enjoy your creations!

Thanks step!

Here's another one of them thingies:

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96">
<path d="M92 51l-9-15-20-1-15 16 2 22 17 11 17-7 1-18-16-13-21 5-11 19 7 19 18 4 12-14-5.902-19.052L48 51l-20.098 8.948L23 79l11 14 18-4 7-19-11-19-21-5-16 13 2 18 16 7 17-11 2-22-15-16-20 1-9 15 9 16h20l15-16-2-22-17-11-17 7-1 18 16 12 21-4 11-19-7-19-18-4-12 14 6 19 20 9 20-9 6-19L62 9l-18 4-7 19 11 19 21 4 16-12-1-18-17-7-17 11-2 22 15 16h20l9-16z" fill="none" stroke="#444" stroke-width="3"/>
</svg>

Posted: **Fri 07 Oct 2016, 15:31**

Thank you, sir!
I'm going to challenge you to do any of the Alhambra tiles covering the full monitor area. If you're inspired and interested, of course.
https://en.wikipedia.org/wiki/Alhambra#In_mathematics

Posted: **Fri 07 Oct 2016, 20:58**

Dear all,

This svg will tile nicely.

With kind regards,
vovchik

Posted: **Sat 08 Oct 2016, 13:32**

step wrote:Thank you, sir!
I'm going to challenge you to do any of the Alhambra tiles covering the full monitor area. If you're inspired and interested, of course.
https://en.wikipedia.org/wiki/Alhambra#In_mathematics

You'll have to excuse me for picking a relatively simple pattern. Making a mosaic from scratch instead of using that Spiroj application is a whole other ballgame.
I started out ambitious enough trying to take on one of the more famous patterns from Andalucia, but I discovered that tiling is not easy at all, so I went for one that is, ahem, more manageable.

So here it is! Still adhering to the rules of the Wallpaper maker, eventhough tiling is not possible in the application, but I wanted to make something that would still be relevant to this thread.
So you can use it in Wallmaker, but you can't tile in it.

Here's the code:

Code: Select all

<svg xmlns="http://www.w3.org/2000/svg" width="96" height="96">
<path d="M19-2l14 14H12v21L-2 19v8l14 14v13L-2 69v8l14-14v21h21L19 98h8l15-14h12l15 14h8L63 84h21V63l14 14v-8L84 54V41l14-14v-8L84 33V12H63L77-2h-8L54 12H42L27-2h-8zm-1 20h21l5 5-4 4H27v12l-4 4-5-5V18zm39 0h21v21l-4.5 4-4.5-4V27H56l-4-4 5-5zm-9 9l6 6h9v9l6 6-6 6v9h-9l-6 6-6-6h-9v-9l-6-6 6-6v-9h9l6-6zM23 52l4 4v13h12l4 4-5 5H18V57l5-5zm50 0l5 5v21H58l-5-5 4-4h12V56l4-4z" fill="none" stroke="#444" stroke-width="3"/>
</svg>

And here's how it looks when it's tiled.

Posted: **Sat 08 Oct 2016, 19:16**

Thanks solo and vovchik, two nice tiles for my collection

This is how solo's looks when rox does the tiling on my 1440x900 monitor.

Posted: **Sun 09 Oct 2016, 07:51**

step wrote:Thanks solo and vovchik, two nice tiles for my collection
This is how solo's looks when rox does the tiling on my 1440x900 monitor.

That looks .....not so nice, step! I think there's an issue with how ROX handles SVG transparancy.

Here's the same tile, but this time I've put a colored rectangle in the backround and gave a color to the insides of the figure, so that all transparancy is gone.

Code: Select all

<svg xmlns="http://www.w3.org/2000/svg" width="96" height="96">
<path d="M-2-2H98V98H-2z" fill="teal"/>
<path d="M19-2l14 14H12v21L-2 19v8l14 14v13L-2 69v8l14-14v21h21L19 98h8l15-14h12l15 14h8L63 84h21V63l14 14v-8L84 54V41l14-14v-8L84 33V12H63L77-2h-8L54 12H42L27-2h-8zm-1 20h21l5 5-4 4H27v12l-4 4-5-5V18zm39 0h21v21l-4.5 4-4.5-4V27H56l-4-4 5-5zm-9 9l6 6h9v9l6 6-6 6v9h-9l-6 6-6-6h-9v-9l-6-6 6-6v-9h9l6-6zM23 52l4 4v13h12l4 4-5 5H18V57l5-5zm50 0l5 5v21H58l-5-5 4-4h12V56l4-4z" fill="#ffffff" stroke="#444444" stroke-width="3"/>
</svg>

Now, you can easily change these colors yourself when you open the svg with a text editor.
As you may notice in this particular example, there are two different ways to define a color in an svg. You can use the X11 color names (/usr/share/X11/rgb.txt is a handy list), or you can use hexadecimal values.

There are three values in this file you can change. The first one, fill="teal", concerns your backround color.
You can either choose a different color name from the text file list I mentioned, or you can go to the -Graphics-Gcolor2 color picker- in your menu. There, you can pick a color you like, and when you found one, you can see the hexadecimal value of the color in the Color name field. You simply replace the value in the svg file with the one in the Color name field.
The second entry, fill="#ffffff", stands for the color inside the lines of the pattern, which, for now, is white.
The third value, stroke="#444444", stands for the color of the lines, which is gray now.

So there. With this knowledge, I'm sure your backround pattern will look a lot better!

Posted: **Sun 09 Oct 2016, 08:51**

Thanks solo, this is how the colored tile looks when rox sets the background. Much better!

Posted: **Mon 10 Oct 2016, 09:50**

Okay, last addition and then we'll put it to rest.

For those freaks who enjoy a headache inducing andalucian colorsplash as a wallpaper, here's a multicolored version.

Code: Select all

<svg xmlns="http://www.w3.org/2000/svg" width="96" height="96">
<path d="M-2-2H98V98H-2z" fill="teal"/>
<path d="M27 48L-2 19V-2h21l29 29L77-2h21v21L69 48l29 29v21H77L48 69 19 98H-2V77z" fill="#025"/>
<path d="M15 15h66v66H15z" fill="maroon"/>
<path d="M48 27l-6 6h-9v9l-6 6 6 6v9h9l6 6 6-6h9v-9l6-6-6-6v-9h-9z" fill="#a80"/>
<path d="M19-2l14 14H12v21L-2 19v8l14 14v13L-2 69v8l14-14v21h21L19 98h8l15-14h12l15 14h8L63 84h21V63l14 14v-8L84 54V41l14-14v-8L84 33V12H63L77-2h-8L54 12H42L27-2h-8zm-1 20h21l5 5-4 4H27v12l-4 4-5-5V18zm39 0h21v21l-4.5 4-4.5-4V27H56l-4-4 5-5zm-9 9l6 6h9v9l6 6-6 6v9h-9l-6 6-6-6h-9v-9l-6-6 6-6v-9h9l6-6zM23 52l4 4v13h12l4 4-5 5H18V57l5-5zm50 0l5 5v21H58l-5-5 4-4h12V56l4-4z" fill="#fff" stroke="#444" stroke-width="3"/>
</svg>

Feel free to adjust the colors to your own preference.

Posted: **Mon 10 Oct 2016, 14:11**

Dear all,

Couldn't help myself this morning and did five of them. Also, the last of these from me (at least for a while).

With kind regards,
vovchik

Posted: **Mon 10 Oct 2016, 14:56**

@solo you picked a perfect Moorish color palette. I wouldn't want to change your choice of colors. Thank you so much.

@vovchik Is the Escher tessellation by himself or were you inspired and did a look-alike? I noticed that the patterns in even rows aren't exactly like the ones in odd rows. Just wondering if Escher did it that way.
I like the flowers and oriental tessellations best, just a matter of personal taste. Thank you very much.

Posted: **Sun 05 Apr 2020, 01:38**

I am posting this on behalf of esmourguit. He has fully internationalized wallmaker and bumped the version to 1.8.9.3:

http://distro.ibiblio.org/easyos/noarch ... .8.9.3.pet

(old)Puppy Linux Discussion Forum

SVG/PNG Wallpaper Maker