schalkt / tgen Goto Github PK

View Code? Open in Web Editor NEW

113.0 7.0 8.0 5.6 MB

Seamless texture generator in javascript

Home Page: http://texture-generator.com/generator/demo

License: MIT License

JavaScript 100.00%

texture generator javascript seamless image pattern threejs tgen demo filter

tgen's People

Contributors

Stargazers

Watchers

Forkers

templeblock pandinosaurus krazomir somefoo belzecue bashancode sylwesterdigital immersive-collective

tgen's Issues

How do I use this on my website?

Hello, How would I go about adding this to a wordpress website or anywebsite so that it chooses the background with the preset made from your website?

Mul not initialised in generator function

tgen/src/tgen-generator.js

Lines 306 to 322 in 712368f

 generator.randIntSeed = function (min, max, even) { 

 var norm = generator.minMaxNormalize(min, max); 

 min = norm.min; 

 max = norm.max; 

 if (even === true) { 

 min = Math.round(min / 2); 

 max = Math.round(max / 2); 

 mul = 2; 

 } else { 

 mul = 1; 

 } 

 return ( 

 mul * (Math.floor(generator.calc.randomseed() * (max - min + 1)) + min) 

 ); 

 };

tgen-generator.js:316 Uncaught ReferenceError: mul is not defined

use of textures

Just wondering if I'm free to use these textures from student and commercial projects?

I really love the program btw, excited for the new site!

Question about checkerboard preset

Hi I like your generator and would like to use it for one of my projects! I'm trying to generate a basic checkerboard pattern using your "checkerboards" preset and deleting all but one of the items. However I'd like to change control both the colors, like an orange/blue pattern, rather than have one of the squares black. I tried looking through the source code but couldn't figure out how to modify it to make this happen. Do you have any suggestions?

Water preset?

I'm trying to build a seamlessly scrolling background to simulate a river flowing from right to left. What I've got working is in this Codepen, but I suspect a solid water-like background would give a much better illusion of motion. How could I use tgen to achieve that?

remove randomness

Is there any way to remove randomization seed for testing purposes.

Quasi-reproducibility of textures

I'm new to texture generation, so pardon my ignorance. While running the same code in the README several times, one of the generated textures seemed like a good fit for my project (#1). Is there an introspection API call to get some sort of ID of that texture, that would make it possible to reproduce it in the future, or at least within some parameters, e.g. dominant color?

Seamless Texture From Image

Thanks for the great work. Awesome tool. Can we currently create a seamless texture using a source image? From a URL, canvas, or otherwise?

PIXI

I'd like to use tgen textures as sprite textures in PIXI. Possible?

How do I get this to work offline?

console.log events

First off, I have no idea why this project isn't more popular. The results I'm getting are amazing. Small issue:

I do js debugging through the console and the performance console.log() lines triggered by events in tgen-events.js are a little frustrating to wade through after a while. I'm putting this to block them:

tgen.event('beforeEffect', 'save start time', function ($g, effect) {});
tgen.event('afterEffect', 'log', function ($g, effect) {});
tgen.event('beforeRender', 'log', function ($g, params) {});
tgen.event('afterRender', 'log', function ($g, params) {});

Any chance you can add something where you turn on the events only when you need to see them?

Thank you!

Help / documentation for https://texture-generator.com/generator/demo/

This is cool, but without a documentation of the functions, the names of the input parameters, the general syntax / logic of the scripts etc. it is very hard to use the generator... A small help / wiki page would probably already be sufficient and make the process so less frustrating.

	generator.randIntSeed = function (min, max, even) {
	var norm = generator.minMaxNormalize(min, max);
	min = norm.min;
	max = norm.max;

	if (even === true) {
	min = Math.round(min / 2);
	max = Math.round(max / 2);
	mul = 2;
	} else {
	mul = 1;
	}

	return (
	mul * (Math.floor(generator.calc.randomseed() * (max - min + 1)) + min)
	);
	};