📜JavaScript developer.
🐲RPG fan.
📚Storyteller and 🕹game developer.
👨Father and Husband.
out = html``
{
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.Noise().tint( 0.1, 0.1, 0.2 ) )
.toCanvas();
out.appendChild(texture)
}
{
var texture = new TG.Texture( 256, 256 )
.add( new TG.SinX().offset( - 16 ).frequency( 0.03 ).tint( 0.1, 0.25, 0.5 ) )
.add( new TG.SinY().offset( - 16 ).frequency( 0.03 ).tint( 0.1, 0.25, 0.5 ) )
.add( new TG.Number().tint( 0.75, 0.5, 0.5 ) )
.add( new TG.SinX().frequency( 0.03 ).tint( 0.2, 0.2, 0.2 ) )
.add( new TG.SinY().frequency( 0.03 ).tint( 0.2, 0.2, 0.2 ) )
.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 ) )
.toCanvas();
out.appendChild(texture)
}
{
var texture = new TG.Texture( 256, 256 )
.add( new TG.SinX().frequency( 0.1 ) )
.mul( new TG.SinX().frequency( 0.05 ) )
.mul( new TG.SinX().frequency( 0.025 ) )
.mul( new TG.SinY().frequency( 0.1 ) )
.mul( new TG.SinY().frequency( 0.05 ) )
.mul( new TG.SinY().frequency( 0.025 ) )
.add( new TG.SinX().frequency( 0.004 ).tint( -0.25, 0.1, 0.6 ) )
.toCanvas();
out.appendChild(texture)
}
Purpose-built for displays of data
Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
