EffectTextureMaker

EffectTextureMaker は，ブラウザで主にエフェクト用のテクスチャを作成することができるものです．様々な種類のテンプレートを選択して，適当にパラメータを調整するだけで，簡単かつ直感的にテクスチャを作成することができます．また，アニメーションにも対応しており，特定のフレームごとにレンダリングした画像をまとめたスプライトシートも作成することができます．さらに詳しいことは この記事 を参照してください．

機能

• 68種類のエフェクトテンプレートがあります
• セーブ・ロード機能
• ノーマルマップを作成することができます
• スプライトシートを作成することができます
• ブラウザがサポートしている画像形式で保存することができます
• 最大 2048 サイズに対応しています
• カラーバランス調整により，色の指定をハイライト，中間，シャドウの３つに分けて行うことができます

ライセンス

EffectTextureMaker で作成したテクスチャは商用・非商用問わず，自由に使ってもらって構いません．作成したテクスチャは CC0 (Creative Commons Zero) が適用されます．

使い方

1. 解像度を決める (resolution)
2. 生成するエフェクトの種類を選択する (type)
3. パラメータを適当に調整する (Parameters)
4. Saveボタンを押すとレンダリングした画像が開きますので保存してください．

time

時間．アニメーションするタイプのエフェクトで使えます．

animate

エフェクトをアニメーションします．一部のエフェクトで使えます．

polarConversion

エフェクトを極座標変換します．

Toon

トゥーンシェーディングします．暗い部分(dark)、明るい部分(light)、それ以外の3諧調です．

項目	意味
enable	有効にします
dark	暗い部分の割合
light	明るい部分の割合

Tiling

エフェクトの上下左右をループするように処理します．（イマイチです）

項目	意味
enable	有効にします
radial mask	境界の交わり具合を調整します

NormalMap

法線マップに変換します．輝度を高さとして勾配を求めます．

項目	意味
generate	有効にします
cHeightScale	高さのスケール

ColorBalance

エフェクトにカラーバランスの色調補正をかけます．

項目	意味
Shadows	暗い部分
Midtones	中間の部分
Highlights	明るい部分
resetColorBalance	初期値に戻します

SpriteSheet

アニメーションするエフェクトを1枚のテクスチャに並べて生成します（スプライトシート）．

項目	意味
dimension	画像の分割数です
time	アニメーションの開始時間
timeLength	アニメーションの長さ
timeStep	ステップ時間

例えば、以下のような設定だとします：

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

これは 512x512 の画像の中に最大で 16 個のスプライトを描画します．つまり1つのスプライトのサイズは 64x64 (512/8)で最大64個となります． 0 を開始時間として、 0.1 秒ごとに1つのスプライトを描画し、それを 3 秒分行います．スプライトの最大数に達すればそこで描画が終了します．

Image with alpha (PNG)

アルファチャンネル付きのPNG形式で保存します．これは実験的な機能です． また、スプライトシートの保存には使えません．

項目	意味
threshold	0 (黒)に切り捨てる閾値
tolerance	1 (白)に切り上げる下限値
blur	全体にブラー処理をかける強さ
visible	アルファを確認します
Save (PNG)	保存します
Download (PNG)	ダウンロードします

Save と Download の2種類がありますが、ブラウザ互換のために用意しているだけなのでどちらを使っても構いません．

セーブとロード

JSON形式で保存したり読み込んだりすることができます．それぞれコントローラーの上にある save と load ボタンを押してください．

ギャラリー

Wood

Circle

Solar

Corona

Spark

Ring

Gradation

GradationLine

Flash

Cone

Flower

FlowerFun

WaveRing

Smoke

Flame

FlameEye

Fire

Cell

Lightning

Flare

Flare2

Flare3

LensFlare

Sun

MagicCircle

Mandara

Explosion

Explosion2

Cross

Laser

Laser2

Light

Cloud

Cloud2

PerlinNoise

SeamlessNoise

BooleanNoise

CellNoise

TurbulentNoise

FbmNoise

FbmNoise2

FbmNoise3

RandomNoise

VoronoiNoise

SparkNoise

MarbleNoise

TessNoise

GradientNoise

Checker

FlameLance

Bonfire

Snow

DiamondGear

BrushStroke

Speckle

Bubbles

Pentagon

Grunge

Energy

InkSplat

Particle

Electric

Caustics

Squiggles

WaterTurbulence

Trabeculum

BinaryMatrix

CoherentNoise

CoherentNoise

シームレスなノイズテクスチャを生成します．

• NoiseFrequency の値は Repeat の数で割り切れる値にしてください
• Gain を最大にすると、2値化することができます．また、Bias パラメータで調整することができます．
• VoronoiCell は VoronoiNoise が有効でないと効果がありません．
• RidgeOffset は Ridge が有効でないと効果がありません．
• ScaleShift は値を [-1,1] から [0,1] にマッピングする効果です．
• GradientNoise は Perlin Noise です．
• Bias はノイズの平均をシフトする効果です．
• Gain はノイズの鋭さを調整します．

Tips

次のような画像を作るときのパラメータです．

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

お問い合わせ

mebiusbox[at]gmail[dot].com までご連絡ください．

免責事項

以下を参照してください．

プライバシーポリシー

コピーライト

Copyright (C) 2017-2024 mebiusbox software.

Changes

• 2024-03-26:
  • CoherentNoise を追加しました．
  • ノイズ球が正常に描画できない不具合を修正
  • パラメータのリセットボタンを追加
• 2023-12-31: BinaryMatrix を追加しました．
• 2023-12-12: スプライトシートをアルファチャンネル付きのPNG形式で保存できるようになりました．
• 2023-11-23: アルファチャンネルを追加したPNG形式で保存できるようになりました（実験的）．メニューには「Save (PNG)」と「Download (PNG)」がありますが機能は同じです．これはブラウザ互換のために2種類用意しました．