Welcome to TalkGraphics.com
Page 5 of 9 FirstFirst ... 34567 ... LastLast
Results 41 to 50 of 90
  1. #41
    Join Date
    Aug 2000
    Location
    Harwich, Essex, England
    Posts
    21,895

    Default Re: Seamless Tiling Background Challenge

    Egg, I see that happening.

    Your SVG has a size of width="666.001" height="385.001".
    I trimmed these to width="666" height="385" and the lines were much reduced.
    Sorry Acorn, missed that post. I agree with what you're stating there, however I noticed the exported svg pixel sizes when opening in Inkscape. The cutting 'rectangle' within Xara states whole (integer) pixels but the export gives decimal place W x H. I've tried many methods to reduce this effect i.e. reducing the svg size in Inkscape to whole units an re-saving. but the incomplete tiling remains. I can reduce it but it's never perfect. Sometimes it is but often it's not.

    I'll try your method of restricting the image to the square root of three but this is very restrictive. Just endevouring to get the 'cutting' rectangle above a vector shape is hit and miss re tiling. I can easily achieve it using png's but not simple at all using Xara generated svg's :-(
    Egg

    Intel i7 - 4790K Quad Core + 16 GB Ram + NVIDIA Geforce GTX 1660 Graphics Card + MSI Optix Mag321 Curv monitor
    + Samsung 970 EVO Plus 500GB SSD + 232 GB SSD + 250 GB SSD portable drive + ISP = BT + Web Hosting = TSO Host

  2. #42
    Join Date
    Jul 2007
    Location
    Brockville, Ontario, Canada.
    Posts
    4,619

    Default Re: Seamless Tiling Background Challenge

    Does it matter how it's created?

    Click image for larger version. 

Name:	Chain Link.jpg 
Views:	121 
Size:	37.2 KB 
ID:	130195

    Click image for larger version. 

Name:	2021.07.20_21h52m24s_001_.jpg 
Views:	109 
Size:	140.5 KB 
ID:	130196
    Keith
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    There are 10 types of people in this world .... Those who understand binary, and those who don't.

  3. #43
    Join Date
    Aug 2000
    Location
    Placitas, New Mexico, USA
    Posts
    41,487

    Default Re: Seamless Tiling Background Challenge

    Nice one Keith.

    Does it matter how it's created?
    Not really but the point of the challenge was to use Acorn's method of an svg image which I was very reluctant at first to try. But it works and creates a truly scalable background that you can zoom in and out of.

  4. #44
    Join Date
    Apr 2012
    Location
    SW England
    Posts
    17,746

    Default Re: Seamless Tiling Background Challenge

    Quote Originally Posted by ss-kalm View Post
    Does it matter how it's created?

    Click image for larger version. 

Name:	Chain Link.jpg 
Views:	121 
Size:	37.2 KB 
ID:	130195
    Keith, to a certain extent, it does.
    The key premise clearly has to be does it work for you.

    The Challenge is trying to focus on two concepts: a canonical form and high fidelity.
    Both contribute to making smaller image files.

    In your case, the canonical for could be any 128 x 128 px overlap on top of your mesh as your pattern repeats at this interval.

    These two PNGs can be used as examples:

    Name:  cross.png
Views: 325
Size:  15.1 KB or Name:  cage.png
Views: 301
Size:  15.2 KB

    In then picking Set as Pasteboard background, you get the same coverage as your Chain Link file.

    Building either of these as vector shapes/glyphs and saving as a SVG delivers the high fidelity and scaling that makes them stand out.

    Acorn
    Acorn - installed Xara software: Cloud+/Pro+ and most others back through time (to CC's Artworks). Contact for technical remediation/consultancy for your web designs.
    When we provide assistance, your responses are valuable as they benefit the community. TG Nuggets you might like. Report faults: Xara Cloud+/Pro+/Magix Legacy; Xara KB & Chat

  5. #45
    Join Date
    Aug 2000
    Location
    Placitas, New Mexico, USA
    Posts
    41,487

    Default Re: Seamless Tiling Background Challenge

    The ABCs of Tiling Backgrounds - I often create repeating patterns for my stereograms so I tried this pattern for a stereogram as well.

    http://gwpriester.xara.hosting/abc-tiling-background/
    Attached Thumbnails Attached Thumbnails Click image for larger version. 

Name:	Screenshot 2021-07-21 at 16-28-20 Repeating Alphabet Background.jpg 
Views:	103 
Size:	133.3 KB 
ID:	130211   Click image for larger version. 

Name:	ABC.jpg 
Views:	123 
Size:	156.0 KB 
ID:	130210  

    Attached Images Attached Images  
    Attached Files Attached Files

  6. #46
    Join Date
    Apr 2012
    Location
    SW England
    Posts
    17,746

    Default Re: Seamless Tiling Background Challenge

    Quote Originally Posted by gwpriester View Post
    The ABCs of Tiling Backgrounds - I often create repeating patterns for my stereograms so I tried this pattern for a stereogram as well.
    http://gwpriester.xara.hosting/abc-tiling-background/
    Gary, nice, it slices nicley.

    Acorn
    Acorn - installed Xara software: Cloud+/Pro+ and most others back through time (to CC's Artworks). Contact for technical remediation/consultancy for your web designs.
    When we provide assistance, your responses are valuable as they benefit the community. TG Nuggets you might like. Report faults: Xara Cloud+/Pro+/Magix Legacy; Xara KB & Chat

  7. #47
    Join Date
    Aug 2000
    Location
    Placitas, New Mexico, USA
    Posts
    41,487

    Default Re: Seamless Tiling Background Challenge

    It's like an addiction. Hexagon Fill http://gwpriester.xara.hosting/hexagon-fill/
    Attached Thumbnails Attached Thumbnails Click image for larger version. 

Name:	hex.png 
Views:	98 
Size:	17.8 KB 
ID:	130244  
    Attached Files Attached Files

  8. #48
    Join Date
    Aug 2000
    Location
    Harwich, Essex, England
    Posts
    21,895

    Default Re: Seamless Tiling Background Challenge

    Strangely enough codepens email linked to tessellations today.
    Egg

    Intel i7 - 4790K Quad Core + 16 GB Ram + NVIDIA Geforce GTX 1660 Graphics Card + MSI Optix Mag321 Curv monitor
    + Samsung 970 EVO Plus 500GB SSD + 232 GB SSD + 250 GB SSD portable drive + ISP = BT + Web Hosting = TSO Host

  9. #49
    Join Date
    Aug 2000
    Location
    Placitas, New Mexico, USA
    Posts
    41,487

    Default Re: Seamless Tiling Background Challenge

    ? Which code, Egg?

  10. #50
    Join Date
    Apr 2012
    Location
    SW England
    Posts
    17,746

    Lightbulb Re: Seamless Tiling Background Challenge

    Here is a drop-dead simple one, inspired from Egg's CodePen link.

    Click image for larger version. 

Name:	stacked.jpg 
Views:	99 
Size:	19.5 KB 
ID:	130250



    Click image for larger version. 

Name:	Screenshot 2021-07-27 165928.jpg 
Views:	107 
Size:	71.9 KB 
ID:	130253

    Design file & SVG ZIPped: SVG - stacked.zip

    Acorn
    Attached Files Attached Files
    Acorn - installed Xara software: Cloud+/Pro+ and most others back through time (to CC's Artworks). Contact for technical remediation/consultancy for your web designs.
    When we provide assistance, your responses are valuable as they benefit the community. TG Nuggets you might like. Report faults: Xara Cloud+/Pro+/Magix Legacy; Xara KB & Chat

 

 

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •