{"id":579,"date":"2025-03-13T15:10:16","date_gmt":"2025-03-13T15:10:16","guid":{"rendered":"http:\/\/www.pycheung.com\/projects\/?p=579"},"modified":"2025-03-20T18:09:12","modified_gmt":"2025-03-20T18:09:12","slug":"seamless-texture-generator","status":"publish","type":"post","link":"https:\/\/www.pycheung.com\/projects\/seamless-texture-generator\/","title":{"rendered":"Seamless texture generator"},"content":{"rendered":"\n<p><a href=\"https:\/\/versa.tile.graphics\" data-type=\"URL\" data-id=\"https:\/\/versa.tile.graphics\">versa.tile.graphics<\/a> is an early preview beta of something I have been working on that allows you to sketch seamless tiles, create procedural line patterns corresponding to material sizing, and optionally use the drawing to guide image generation. <\/p>\n\n\n\n<p><strong>Draw seamless tiles<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-medium\"><img loading=\"lazy\" width=\"800\" height=\"600\" src=\"https:\/\/www.pycheung.com\/projects\/wp-content\/uploads\/photo1-800x600.jpg\" alt=\"\" class=\"wp-image-591\" srcset=\"https:\/\/www.pycheung.com\/projects\/wp-content\/uploads\/photo1-800x600.jpg 800w, https:\/\/www.pycheung.com\/projects\/wp-content\/uploads\/photo1-400x300.jpg 400w, https:\/\/www.pycheung.com\/projects\/wp-content\/uploads\/photo1-768x576.jpg 768w, https:\/\/www.pycheung.com\/projects\/wp-content\/uploads\/photo1.jpg 1280w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><figcaption>Drawing seamless tile with <a href=\"https:\/\/versa.tile.graphics\/\">versa.tile.graphics<\/a><\/figcaption><\/figure>\n\n\n\n<p>I enjoy the sense of freedom I get from seeing how my drawing looks as a repeated pattern in real time. It has helped me develop repeated tiles and textures more intuitively by seeing beyond the rectangle of a standard tile.<\/p>\n\n\n\n<p><strong>Procedural seamless line pattern<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-medium\"><img loading=\"lazy\" width=\"800\" height=\"450\" src=\"https:\/\/www.pycheung.com\/projects\/wp-content\/uploads\/versa.tile_.graphics_texture-800x450.jpeg\" alt=\"\" class=\"wp-image-604\" srcset=\"https:\/\/www.pycheung.com\/projects\/wp-content\/uploads\/versa.tile_.graphics_texture-800x450.jpeg 800w, https:\/\/www.pycheung.com\/projects\/wp-content\/uploads\/versa.tile_.graphics_texture-1280x720.jpeg 1280w, https:\/\/www.pycheung.com\/projects\/wp-content\/uploads\/versa.tile_.graphics_texture-400x225.jpeg 400w, https:\/\/www.pycheung.com\/projects\/wp-content\/uploads\/versa.tile_.graphics_texture-768x432.jpeg 768w, https:\/\/www.pycheung.com\/projects\/wp-content\/uploads\/versa.tile_.graphics_texture-1536x864.jpeg 1536w, https:\/\/www.pycheung.com\/projects\/wp-content\/uploads\/versa.tile_.graphics_texture.jpeg 1920w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><figcaption>Seamless texture generator <a href=\"https:\/\/versa.tile.graphics\/\">versa.tile.graphics<\/a><\/figcaption><\/figure>\n\n\n\n<p>A tool to create parametrized texture pattern creation corresponding to real-life material sizes. <\/p>\n\n\n\n<p><strong>Seamless texture generation<\/strong><\/p>\n\n\n\n<p>There are many tools out there to create high quality seamless tiles (midjourney) and to turn drawings into images (e.g. nightcafe, midjourney, drawthings). However, there isn&#8217;t much I can find online to control the creation of seamless tiles in an intuitive way.<\/p>\n\n\n\n<p>For my own use case, getting the right texture for an architectural project has been challenging. There are many web sites that offers a collection of textures, or texture generators with adjustable dimensions and preset patterns (such as the one from vandersanden, a brick supplier). <a href=\"https:\/\/versa.tile.graphics\" data-type=\"URL\" data-id=\"https:\/\/versa.tile.graphics\">versa.tile.graphics<\/a> offers an additional way to get seamless texture.<\/p>\n\n\n\n<figure class=\"wp-block-image size-medium\"><img loading=\"lazy\" width=\"800\" height=\"448\" src=\"https:\/\/www.pycheung.com\/projects\/wp-content\/uploads\/versa.tile_.graphics2-800x448.jpg\" alt=\"\" class=\"wp-image-594\" srcset=\"https:\/\/www.pycheung.com\/projects\/wp-content\/uploads\/versa.tile_.graphics2-800x448.jpg 800w, https:\/\/www.pycheung.com\/projects\/wp-content\/uploads\/versa.tile_.graphics2-1280x717.jpg 1280w, https:\/\/www.pycheung.com\/projects\/wp-content\/uploads\/versa.tile_.graphics2-400x224.jpg 400w, https:\/\/www.pycheung.com\/projects\/wp-content\/uploads\/versa.tile_.graphics2-768x430.jpg 768w, https:\/\/www.pycheung.com\/projects\/wp-content\/uploads\/versa.tile_.graphics2-1536x861.jpg 1536w, https:\/\/www.pycheung.com\/projects\/wp-content\/uploads\/versa.tile_.graphics2.jpg 1899w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><figcaption>Drawing to texture generation <a href=\"https:\/\/versa.tile.graphics\" data-type=\"URL\" data-id=\"https:\/\/versa.tile.graphics\">versa.tile.graphics<\/a><\/figcaption><\/figure>\n\n\n\n<p>I hope that the seamless drawing tool will help others feel the same freedom in drawing repeating tiles, and the procedural line tool for architectural textures that are hard to find. For the image generation, a step closer to generate seamless textures that are simply not avaliable. <\/p>\n\n\n\n<p>For more examples, please visit <a href=\"https:\/\/www.instagram.com\/tile.graphics\">https:\/\/www.instagram.com\/tile.graphics<\/a><\/p>\n\n\n\n<p>If you have suggestions, please DM me on <a href=\"https:\/\/www.instagram.com\/tile.graphics\" data-type=\"URL\" data-id=\"https:\/\/www.instagram.com\/tile.graphics\">Instagram <\/a>or <a href=\"https:\/\/www.x.com\/pycweblog\" data-type=\"URL\" data-id=\"https:\/\/www.x.com\/pycweblog\">X(twitter)<\/a><\/p>\n\n\n\n<p>I am looking forward to seeing your feedback!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>versa.tile.graphics is an early preview beta of something I have been working on that allows you to sketch seamless tiles, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":594,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[4,3,7],"tags":[],"_links":{"self":[{"href":"https:\/\/www.pycheung.com\/projects\/wp-json\/wp\/v2\/posts\/579"}],"collection":[{"href":"https:\/\/www.pycheung.com\/projects\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.pycheung.com\/projects\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.pycheung.com\/projects\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.pycheung.com\/projects\/wp-json\/wp\/v2\/comments?post=579"}],"version-history":[{"count":27,"href":"https:\/\/www.pycheung.com\/projects\/wp-json\/wp\/v2\/posts\/579\/revisions"}],"predecessor-version":[{"id":611,"href":"https:\/\/www.pycheung.com\/projects\/wp-json\/wp\/v2\/posts\/579\/revisions\/611"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.pycheung.com\/projects\/wp-json\/wp\/v2\/media\/594"}],"wp:attachment":[{"href":"https:\/\/www.pycheung.com\/projects\/wp-json\/wp\/v2\/media?parent=579"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.pycheung.com\/projects\/wp-json\/wp\/v2\/categories?post=579"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.pycheung.com\/projects\/wp-json\/wp\/v2\/tags?post=579"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}