Skip to main content

EffectTextureMaker

EffectTextureMaker is generating texture tool on the web browser. This tool can make a lot of vfx textures and you can also make animated sprites sheet.

Features

  • A lot of type of template for vfx texture.
  • Make a normal map.
  • Make a animated sprites sheet.
  • You can save as image format supported by the web browser.
  • Support image maximum of 2048 sizes.
  • Support color balance adjustment.

End-User License

The texture generated with EffectTextureMaker can be freely used for commercial and non-commercial products. The texture is licensed under the CC0.

How To Use

  1. Set the resolution. (resolution)
  2. Choose the effect template. (type)
  3. Adjust parameters as you like. (Parameters)
  4. Click the Save button to open the rendered image and save it.

time

It can be used for animated effects.

animate

Animates an effect. It is available for some effects.

polarConversion

Transforms the effect into polar coordinates.

Toon

Enable toon shading. Three gradations: dark, light, and other.

ParameterSummary
enableEnable toon shading.
darkRate of dark part.
lightRate of light part.

Tiling

To seamless the effect. (Not good)

ParameterSummary
enableEnable tiling.
radial maskAdjust boundary intersections.

NormalMap

Convert to a normal map.

ParameterSummary
generateEnable conversion.
cHeightScaleScale of height.

ColorBalance

Apply color bbalance to the effect.

ParameterSummary
ShadowsDark part.
MidtonesMiddle part.
HighlightsLight part.
resetColorBalanceReset ColorBalance parameters.

SpriteSheet

Generates animated effects on a single image (SpriteSheet).

ParameterSummary
dimensionThe number of image divisions.
timeAnimation start time.
timeLengthLength of animation.
timeStepStep time.

For example, assume the parameters as follows:

  • resolution : 512
  • dimesion : 8
  • time : 0
  • timeLength : 3
  • timeStep : 0.1

It will render at most 16 sprites in 512x512 image. That is, the size of one sprite is 64x64 (512/8), up to 64 sprites. The sprite rendering starts at 0, and one sprite is drawn every 0.1 seconds, for 3 seconds. When the maximum number of sprites is reached, the rendering is finished.

SpriteSheet

Image with alpha (PNG)

Save in PNG image with alpha channel. This is an experimental feature. It cannot be used to save SpriteSheet.

ParameterSummary
thresholdThreshold to truncate to 0.0 (black)
toleranceTolerance to be rounded up 1.0 (white)
blurStrength of the blur.
visibleShow the alpha channel.
Save (PNG)Save generated image.
Download (PNG)Download generated image.

There are two methods: Save and Download, but you can use either.

Save/Load

You can save and load the data in JSON format. Press the save and load buttons on the top of controller, respectively.

Wood
Wood
Circle
Circle
Solar
Solar
Corona
Corona
Spark
Spark
Ring
Ring
Gradation
Gradation
GradationLine
GradationLine
Flash
Flash
Cone
Cone
Flower
Flower
FlowerFun
FlowerFun
WaveRing
WaveRing
Smoke
Smoke
Flame
Flame
FlameEye
FlameEye
Fire
Fire
Cell
Cell
Lightning
Lightning
Flare
Flare
Flare2
Flare2
Flare3
Flare3
LensFlare
LensFlare
Sun
Sun
MagicCircle
MagicCircle
Mandara
Mandara
Explosion
Explosion
Explosion2
Explosion2
Cross
Cross
Laser
Laser
Laser2
Laser2
Light
Light
Cloud
Cloud
Cloud2
Cloud2
PerlinNoise
PerlinNoise
SeamlessNoise
SeamlessNoise
BooleanNoise
BooleanNoise
CellNoise
CellNoise
TurbulentNoise
TurbulentNoise
FbmNoise
FbmNoise
FbmNoise2
FbmNoise2
FbmNoise3
FbmNoise3
RandomNoise
RandomNoise
VoronoiNoise
VoronoiNoise
SparkNoise
SparkNoise
MarbleNoise
MarbleNoise
TessNoise
TessNoise
GradientNoise
GradientNoise
Checker
Checker
FlameLance
FlameLance
Bonfire
Bonfire
Snow
Snow
DiamondGear
DiamondGear
BrushStroke
BrushStroke
Speckle
Speckle
Bubbles
Bubbles
Pentagon
Pentagon
Grunge
Grunge
Energy
Energy
InkSplat
InkSplat
Particle
Particle
Electric
Electric
Caustics
Caustics
Squiggles
Squiggles
WaterTurbulence
WaterTurbulence
Trabeculum
Trabeculum
BinaryMatrix
BinaryMatrix
CoherentNoise
CoherentNoise

CoherentNoise

  • NoiseFrequency should be divisible by Repeat.
  • Maximzing Gain can allow to binarize a noise value. It can also be adjusted with the Bias.
  • VoronoiCell has effect when VoronoiNoise is enabled.
  • RidgeOffset has effect when Ridge is enabled.
  • ScaleShift maps noise values from [-1,1] to [0,1].
  • GradientNoise is Perlin Noise.
  • Bias is used to shift noise mean value.
  • Gain is used to "sharpen" noise.

Tips

This parameters can be used to create the following image.

Tips01
  • type: GradientLine
  • Direction X: 0
  • Direction Y: 1
  • Offset: 0
  • PowerExponent: 5
  • polarConversion: 有効

Contact

Please do not hesitate to contact me.

mebiusbox[at]gmail[dot].com

Copyright (C) 2017-2024 mebiusbox software.

Changes

  • 2024-03-26:
    • [Add] CoherentNoise template type.
    • [Add] Add a button to reset effect parameters.
    • [Fix] Noise sphere cannot be rendered.
  • 2023-12-31: [Add] BinaryMatrix template type.
  • 2023-12-12: [Add] SpriteSheets can be saved as Png image with alpha channel.
  • 2023-11-23: [Add] An generated image can be saved in Png image with alpha channel (Experimental). 'Save (PNG)' and 'Download (PNG)' have the same function. They are provided for browser compatibility.