{"id":317,"date":"2022-08-29T17:06:45","date_gmt":"2022-08-29T17:06:45","guid":{"rendered":"http:\/\/www.pycheung.com\/projects\/?p=317"},"modified":"2025-09-27T09:37:24","modified_gmt":"2025-09-27T09:37:24","slug":"seamless-texture-checker","status":"publish","type":"post","link":"https:\/\/www.pycheung.com\/projects\/seamless-texture-checker\/","title":{"rendered":"Seamless texture checker"},"content":{"rendered":"\n<h2><iframe src=\"https:\/\/www.pycheung.com\/checker\/noscroll.html\" width=\"100%\" height=\"700px\" style=\"overflow:hidden\"><\/iframe><\/h2>\n\n\n\n<p><a href=\"https:\/\/www.pycheung.com\/checker\" data-type=\"URL\" data-id=\"https:\/\/www.pycheung.com\/checker\" target=\"_blank\" rel=\"noreferrer noopener\">Click here to open Seamless Texture Checker<\/a> in a full size new tab\/window<\/p>\n\n\n\n<p>I made <a href=\"https:\/\/www.pycheung.com\/weblog\/post\/1371\" data-type=\"URL\" data-id=\"https:\/\/www.pycheung.com\/weblog\/post\/1371\">Seamless texture checker back in 2014<\/a> to quickly visually verify the quality of seamless texture on screen when I was working on architectural visualisaions alongside my architectural design work at the time. It makes a difference using custom textures and material for 3D models and rendering in architecture both as visualisation and in the design process. In particular, custom textures of specific bricks as well as the kinds of materials corresponding to the site context from photos and samples.<\/p>\n\n\n\n<p>There are challenges in making tileable textures from photos as well as using seamless textures found online. While the tile and texture maybe technically seamless, sometimes the quality of the repeated pattern does not work very well. Seamless texture checker is made as a quick tool to help check for bands of colour and repetitiveness when we repeat a texture over a large area. <\/p>\n\n\n\n<p>Later I discovered over the years the tool appear to have helped in other fields beyond 3D modelling and texturing. Some examples includes:<\/p>\n\n\n\n<ul><li>An online course on the use of <a href=\"https:\/\/www.skillshare.com\/en\/classes\/Lets-Draw-Simple-Beetles-Procreate-Illustration-Seamless-Pattern\/1928724046?via=search-layout-grid\">ipad Procreate to draw seamless patterns<\/a> by Xenia Sorokina<\/li><li>AI image generation site Midjourney with <a href=\"https:\/\/t.co\/4hsPqXQ8xz\" data-type=\"URL\" data-id=\"https:\/\/t.co\/4hsPqXQ8xz\">seamless tiles<\/a>, where Seamless texture checker is widely used to preview the results. <a href=\"https:\/\/www.youtube.com\/watch?v=qphTCS9Y0fU\" data-type=\"URL\" data-id=\"https:\/\/www.youtube.com\/watch?v=qphTCS9Y0fU\">See a video here by Olivio<\/a><\/li><li><a href=\"https:\/\/docs.midjourney.com\/docs\/tile\">Midjourney documentation<\/a> to check seamless tiles<\/li><li>To check patterns before <a href=\"https:\/\/shearperfectionfabric.com\/pages\/on-demand-printing\" data-type=\"URL\" data-id=\"https:\/\/shearperfectionfabric.com\/pages\/on-demand-printing\">printing on fabric<\/a><\/li><li><a href=\"https:\/\/www.youtube.com\/watch?v=w3aJANBnvdU\" data-type=\"URL\" data-id=\"https:\/\/www.youtube.com\/watch?v=w3aJANBnvdU\">Fabric pattern design<\/a><\/li><li>and many others<\/li><\/ul>\n\n\n\n<p>Plus many comments and feedback from many who bought me \u2615\u2615\u2615 on my <a href=\"https:\/\/www.buymeacoffee.com\/pycheung\" data-type=\"URL\" data-id=\"https:\/\/www.buymeacoffee.com\/pycheung\">buymeacoffee<\/a>. I am glad that people find the Seamless Texture Checker useful!<\/p>\n\n\n\n<p><strong>I made several versions of the checker for different use<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-medium\"><img loading=\"lazy\" width=\"800\" height=\"543\" src=\"https:\/\/www.pycheung.com\/projects\/wp-content\/uploads\/seamlesscheck20230426_s-800x543.png\" alt=\"\" class=\"wp-image-390\" srcset=\"https:\/\/www.pycheung.com\/projects\/wp-content\/uploads\/seamlesscheck20230426_s-800x543.png 800w, https:\/\/www.pycheung.com\/projects\/wp-content\/uploads\/seamlesscheck20230426_s-400x271.png 400w, https:\/\/www.pycheung.com\/projects\/wp-content\/uploads\/seamlesscheck20230426_s-768x521.png 768w, https:\/\/www.pycheung.com\/projects\/wp-content\/uploads\/seamlesscheck20230426_s.png 1179w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><figcaption><a href=\"https:\/\/www.pycheung.com\/checker\">Seamless Texture Checker<\/a><\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-medium\"><img loading=\"lazy\" width=\"800\" height=\"393\" src=\"https:\/\/www.pycheung.com\/projects\/wp-content\/uploads\/seamless_checker_roomV1-800x393.png\" alt=\"\" class=\"wp-image-354\" srcset=\"https:\/\/www.pycheung.com\/projects\/wp-content\/uploads\/seamless_checker_roomV1-800x393.png 800w, https:\/\/www.pycheung.com\/projects\/wp-content\/uploads\/seamless_checker_roomV1-1280x629.png 1280w, https:\/\/www.pycheung.com\/projects\/wp-content\/uploads\/seamless_checker_roomV1-768x377.png 768w, https:\/\/www.pycheung.com\/projects\/wp-content\/uploads\/seamless_checker_roomV1-1536x754.png 1536w, https:\/\/www.pycheung.com\/projects\/wp-content\/uploads\/seamless_checker_roomV1.png 1920w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><figcaption><a href=\"https:\/\/www.pycheung.com\/checker\/room\/\">Seamless Texture Checker in a room<\/a><\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-medium\"><img loading=\"lazy\" width=\"800\" height=\"454\" src=\"https:\/\/www.pycheung.com\/projects\/wp-content\/uploads\/isometriccheck-800x454.png\" alt=\"\" class=\"wp-image-429\" srcset=\"https:\/\/www.pycheung.com\/projects\/wp-content\/uploads\/isometriccheck-800x454.png 800w, https:\/\/www.pycheung.com\/projects\/wp-content\/uploads\/isometriccheck-1280x726.png 1280w, https:\/\/www.pycheung.com\/projects\/wp-content\/uploads\/isometriccheck-768x436.png 768w, https:\/\/www.pycheung.com\/projects\/wp-content\/uploads\/isometriccheck-1536x871.png 1536w, https:\/\/www.pycheung.com\/projects\/wp-content\/uploads\/isometriccheck.png 1920w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><figcaption><a href=\"https:\/\/pycheung.com\/checker\/isometric\/\">Seamless texture check in Isometric<\/a><\/figcaption><\/figure>\n\n\n\n<p>It is also accessible as a plugin on <a href=\"https:\/\/photopea.com\" data-type=\"URL\" data-id=\"https:\/\/photopea.com\">photopea<\/a> (a web-based online image editor). Search for Seamless Texture Checker under photopea &gt; Window &gt; Plugins &gt; Other Plugins<\/p>\n\n\n\n<p>I have also made a custom version of the checker for Amanda Grace design to quickly test half-drop and half-brick patterns in surface pattern design. (<a rel=\"noreferrer noopener\" href=\"https:\/\/www.amandagracedesign.com\/seamlesspatterntester\" data-type=\"URL\" data-id=\"https:\/\/www.amandagracedesign.com\/seamlesspatterntester\" target=\"_blank\">follow link here<\/a>)<\/p>\n\n\n\n<p>An early version of my seamless texture checker is avaliable on <a href=\"https:\/\/github.com\/pycc\/SeamlessTextureChecker\" data-type=\"URL\" data-id=\"https:\/\/github.com\/pycc\/SeamlessTextureChecker\">my github repository<\/a>.<\/p>\n\n\n\n<p>I also made <a rel=\"noreferrer noopener\" href=\"https:\/\/seamless.tile.graphics\/\" data-type=\"URL\" data-id=\"https:\/\/seamless.tile.graphics\/\" target=\"_blank\">seamless.tile.graphics<\/a> for an easy way to embed a <strong>seamless texture checker<\/strong> on your own site.<\/p>\n\n\n\n<p><strong>Changelog<\/strong><br>2014.01.26 first online. Tested on Chrome &amp; Firefox<br><s>2022.09.29 as a plugin on photopea<\/s><br>2023.03.31 added other ways to load file on mobile device as requested on twitter<br>2023.04.07 easier drag and drop from Midjourney straight from the upscaled preview<br>2023.04.09 experimental <a href=\"https:\/\/www.pycheung.com\/checker\/room\/\" data-type=\"URL\" data-id=\"https:\/\/www.pycheung.com\/checker\/room\/\">Seamless Texture Checker in a room<\/a><br>2023.04.26 download as png (within 10000 x 10000). <br>The output pattern gets rounded to the nearest whole number of tiles you see on screen &#8211; outputs a seamless tile if the tile itself is seamless. Changed the layout &#8211; more space for the pattern, bigger slider, responsive for (most) small screens.<br>2023.04.28 experimental <a href=\"https:\/\/pycheung.com\/checker\/isometric\/\">Seamless texture check in Isometric<\/a><br>2024.01.01 experimental tiff support (using tiff.js)<br>2025.09.27 background mode option from top left or from center, change background color useful when working with images with transparency, updated download tiled image (some users reported visible seams on the edge of the tile, this update should fix it, if not let me know!)<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Click here to open Seamless Texture Checker in a full size new tab\/window I made Seamless texture checker back in [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":390,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[7],"tags":[],"_links":{"self":[{"href":"https:\/\/www.pycheung.com\/projects\/wp-json\/wp\/v2\/posts\/317"}],"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=317"}],"version-history":[{"count":58,"href":"https:\/\/www.pycheung.com\/projects\/wp-json\/wp\/v2\/posts\/317\/revisions"}],"predecessor-version":[{"id":677,"href":"https:\/\/www.pycheung.com\/projects\/wp-json\/wp\/v2\/posts\/317\/revisions\/677"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.pycheung.com\/projects\/wp-json\/wp\/v2\/media\/390"}],"wp:attachment":[{"href":"https:\/\/www.pycheung.com\/projects\/wp-json\/wp\/v2\/media?parent=317"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.pycheung.com\/projects\/wp-json\/wp\/v2\/categories?post=317"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.pycheung.com\/projects\/wp-json\/wp\/v2\/tags?post=317"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}