Eotterジェネレータ

Eotter吹き出しと文字を合成するだけの簡易的なジェネレータです。

吹き出し画像配布元はこちらになります。

Step1.(必須) 合成したいローカル上のスクリーンショットをアップロードします。

合成したいスクリーンショット

Step2.(任意) 合成したい吹き出し画像を選択します。

合成したい画像のURL

合成したい吹き出し画像

Step3.(任意) 合成したいアイコン画像を選択します。

(例) https://pbs.twimg.com/profile_images/1013798240683266048/zRim1x6M_400x400.jpg
詳しいURLの取得方法についてはこちらのブログ記事を参考にしてください。

合成したい画像のURL

合成したい吹き出し画像

Step4-1.(任意) 文字１を入力します。

合成したい文字

フォントカラー

フォントスタイル

フォントサイズ

フォントの種類(CSSショートハンド)

Step4-2.(任意) 文字２を入力します。

合成したい文字

フォントカラー

フォントスタイル

フォントサイズ

フォントの種類(CSSショートハンド)

Step4-3.(任意) 文字３を入力します。

合成したい文字

フォントカラー

フォントスタイル

フォントサイズ

フォントの種類(CSSショートハンド)

広告

Step5.(必須) 合成ボタンを押すと、吹き出しと文字が合成されます。

吹き出しや文字を動かす時、全体同時に動かす。

吹き出しの位置・サイズ変更

アイコンの位置・サイズ変更

文字１の位置・サイズ変更

文字２の位置・サイズ変更

文字３の位置・サイズ変更

現在の設定情報のURL：このURLをブックマークすると、現在の設定情報を引き継げます

生成結果 (画像を右クリックしてダウンロードしてください)

使い方

ご使用中のPC内にあるスクリーンショットをファイル選択で入力してください。サーバには保存されません。
ボタンを押してください。生成結果にロゴが合成されたスクリーンショットが表示されます。
生成結果を右クリックで保存してください。(PCのみでテストしています。PS４などはわかりません。)

謝辞

Eotter吹き出し提供者(@momo_FF_gb)
このアプリ作成にあたって参考にしたサイト【HTML5/jQuery/Javascript 】ローカルの画像を読み込んでJavaScriptで合成してみた
SS製作者のみなさま
ちょっとでもこのアプリに興味を持っていただいたみなさま

本ツールについて

本ツールはどのゲームのスクリーンショットにも対応しています。
ただし、製作者はファイナルファンタジーXIVでのスクリーンショットを加工するために使用するために作り、テストも同ゲームのスクリーンショットを使っています。そのため、他ゲームでの画像のテストは行なっていません。

記載されている会社名・製品名・システム名などは、各社の商標、または登録商標です。

ソースコードはGithub上で公開しています。https://github.com/gelehrtecrest/ohalala-ss-generator
本ツールのclone及び可変・再配布などはご自由に。
その他お問い合わせなどは @gelehrte_crestへレスもしくはDMお願いします。

更新履歴

2017/12/07 jpgロゴの白透過の実装
2017/11/01 ロゴの透過の実装
2017/10/06 ロゴの回転の実装
2017/09/19 リセットボタンを押さないとロゴ移動がおかしくなるバグの修正
2017/03/05 ローカルにあるロゴを読み込めるように
2017/03/03 getによる初期設定ができるように
2017/03/02 CSS修正
2017/03/01 様々なロゴが使えるように
2017/02/27 公開開始