{"repo":"Ameobea/three-hex-tiling","free":true,"listed":false,"github":"https://github.com/Ameobea/three-hex-tiling","clone":"git clone https://github.com/Ameobea/three-hex-tiling.git","description":"Adds support for hiding repeating texture patterns to Three.JS","language":"TypeScript","stars":95,"topics":["glsl","glsl-shaders","hex-tiling","shaders","texture","texture-synthesis","threejs"],"license":"MIT","category":"game-templates","readme_excerpt":"three-hex-tiling Extends built-in Three.JS materials to support infinite, non-repeating, seamless texture tiling. Live interactive demo: Installation npm install three-hex-tiling Then, to enable it, just add this to your project as early as possible: This import will patch Three.JS's shaders and materials to support the hex tiling algorithm and it will extend the types for the patched materials with parameters to control it. Three.JS Version Support This library has been tested with Three.JS versions 0.151 through 0.173 . Although it may work with other versions, support is not guaranteed. Usage After adding the three-hex-tiling import at the top of your project, a new hexTiling parameter is added to the parameters of supported materials. If your project uses TypeScript, these should be included in the types you see when creating those materials. By setting the hexTiling property when creating a material, hex tiling will be enabled for that material. It is disabled by default. Hex tiling cannot be enabled or disabled after a material is created, but the values of individual parameters can be changed dynamically: Texture Scaling When enabling hex tiling for a material, you may find that your textures need a scale adjustment to look optimal. This can be done using built-in Three.JS texture scaling support: Supported Textures Textures used with three-hex-tiling must be seamless - meaning that there are no sharp cutoffs when the texture is tiled. There's a good chance your textur","default_branch":null,"files":null,"tree":[],"storefront":"/r/Ameobea","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/Ameobea/three-hex-tiling/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}