Skip to content

Some minor things that have been piling up #37

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 12 commits into
base: master
Choose a base branch
from
Open

Some minor things that have been piling up #37

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
12 commits
Select commit Hold shift + click to select a range
fd61566
Rearrange some code
DGruenwald Apr 22, 2017
eafe9d9
Add pow operation
DGruenwald Apr 22, 2017
eba5d70
Add size parameter to TG.Noise and use a global default seed
DGruenwald Apr 22, 2017
a55c367
Refactor TG.Normalize and TG.Posterize
DGruenwald Apr 22, 2017
14c6e14
Add cosine interpolation
DGruenwald Apr 22, 2017
6b8f0ad
Allow passing rgb individually to new gradient points and copy some a…
DGruenwald Apr 22, 2017
293295f
Remove unnecessary extra indentation inside TG.Transform
DGruenwald Apr 22, 2017
d72b8f1
Rename TG.Number to TG.Fill
DGruenwald Apr 22, 2017
6d05fa1
Make sine frequency relative to pixels and reversed offset-parameters…
DGruenwald Apr 22, 2017
4894b2f
Add a comment to every generator and parameter
DGruenwald Apr 22, 2017
0f9b543
Refactor example page and add CodeMirror syntax-highlighting
DGruenwald Apr 23, 2017
ed15045
Remove unnecessary extra indentation on examples page
DGruenwald Apr 23, 2017
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
8 changes: 4 additions & 4 deletions README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -8,10 +8,10 @@ Procedural Texture Generator
```javascript
var texture = new TG.Texture( 256, 256 )
.add( new TG.XOR().tint( 1, 0.5, 0.7 ) )
.add( new TG.SinX().frequency( 0.004 ).tint( 0.5, 0, 0 ) )
.mul( new TG.SinY().frequency( 0.004 ).tint( 0.5, 0, 0 ) )
.add( new TG.SinX().frequency( 0.0065 ).tint( 0.1, 0.5, 0.2 ) )
.add( new TG.SinY().frequency( 0.0065 ).tint( 0.5, 0.5, 0.5 ) )
.add( new TG.SinX().frequency( 500 ).tint( 0.5, 0, 0 ) )
.mul( new TG.SinY().frequency( 500 ).tint( 0.5, 0, 0 ) )
.add( new TG.SinX().frequency( 2 / 0.0065 ).tint( 0.1, 0.5, 0.2 ) )
.add( new TG.SinY().frequency( 2 / 0.0065 ).tint( 0.5, 0.5, 0.5 ) )
.add( new TG.Noise().tint( 0.1, 0.1, 0.2 ) )
.toCanvas();

Expand Down
30 changes: 15 additions & 15 deletions examples/animated.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -30,35 +30,35 @@
function render() {

var texture = new TG.Texture( size, size )
.add( new TG.SinX().frequency( 0.05+i/1000 ) )
.mul( new TG.SinX().frequency( 0.08-i/2000 ) )
.add( new TG.SinY().frequency( 0.05-i/1000 ) )
.mul( new TG.SinY().frequency( 0.08+i/2000 ) )
.div( new TG.Number().tint( 1, 2, 1 ) )
.add( new TG.SinX().frequency( 0.003 ).tint( 0.5, 0, 0 ) )
.add( new TG.SinX().frequency( 2/(0.05+i/1000) ) )
.mul( new TG.SinX().frequency( 2/(0.08-i/2000) ) )
.add( new TG.SinY().frequency( 2/(0.05-i/1000) ) )
.mul( new TG.SinY().frequency( 2/(0.08+i/2000) ) )
.div( new TG.Fill().tint( 1, 2, 1 ) )
.add( new TG.SinX().frequency( 2/0.003 ).tint( 0.5, 0, 0 ) )
.toImageData(context);

context.putImageData( texture, 0, 0 );

//

var texture = new TG.Texture( size, size )
.add( new TG.SinX().frequency( 0.066 + 0.05*Math.sin(i/100) ) )
.add( new TG.SinY().frequency( 0.066 + 0.05*Math.sin(i/100) ) )
.mul( new TG.SinX().offset( 32 ).frequency( 0.044 + 0.09*Math.sin(i/100) ).tint( 2, 2, 2 ) )
.mul( new TG.SinY().offset( 16 ).frequency( 0.044 + 0.09*Math.sin(i/100) ).tint( 2, 2, 2 ) )
.sub( new TG.Number().tint( 0.5, 2, 4 ) )
.add( new TG.SinX().frequency( 2/(0.066 + 0.05*Math.sin(i/100)) ) )
.add( new TG.SinY().frequency( 2/(0.066 + 0.05*Math.sin(i/100)) ) )
.mul( new TG.SinX().offset( 32 ).frequency( 2/(0.044 + 0.09*Math.sin(i/100)) ).tint( 2, 2, 2 ) )
.mul( new TG.SinY().offset( 16 ).frequency( 2/(0.044 + 0.09*Math.sin(i/100)) ).tint( 2, 2, 2 ) )
.sub( new TG.Fill().tint( 0.5, 2, 4 ) )
.toImageData(context);

context.putImageData( texture, size, 0 );

//

var texture = new TG.Texture( size, size )
.add( new TG.SinX().frequency( 0.004 + 0.002*Math.sin(i/100)) )
.mul( new TG.SinY().frequency( 0.004 + 0.002*Math.sin(i/100)) )
.mul( new TG.SinY().offset( 32 ).frequency( 0.04 + 0.02*Math.sin(i/100) ) )
.div( new TG.SinX().frequency( 0.02 ).tint( 8, 5, 4 ) )
.add( new TG.SinX().frequency( 2/(0.004 + 0.002*Math.sin(i/100))) )
.mul( new TG.SinY().frequency( 2/(0.004 + 0.002*Math.sin(i/100))) )
.mul( new TG.SinY().offset( 32 ).frequency( 2/(0.04 + 0.02*Math.sin(i/100)) ) )
.div( new TG.SinX().frequency( 2/0.02 ).tint( 8, 5, 4 ) )
.add( new TG.Noise().tint( 0.1, 0, 0 ) )
.add( new TG.Noise().tint( 0, 0.1, 0 ) )
.add( new TG.Noise().tint( 0, 0, 0.1 ) )
Expand Down
Loading