Ouvill / gif_creator

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

このプロジェクトはアーカイブされました。メンテナンスされていません。

フラッシュGIFメーカー

これはなに?

テキストウィンドウに文字を入力するだけで、文字がパッパと切り替わるGIF画像が生成できるウェブアプリです。

↓こんな感じのものが作れます。

稼働先URL フラッシュGIFメーカー https://flashgif.ouvill.net

実行に必要なもの

  • docker
  • docker-compose

使い方

$ echo MYSQL_ROOT_PASSWORD=${dbで使うパスワード} > .env
$ docker-compose build
$ docker-compose up

$ echo MYSQL_ROOT_PASSWORD=password > .env
$ docker-compose build
$ docker-compose up

localhost:8080 にサーバーが立ち上がります。

/var/docker/mysql_flash_gif_makerにコンテナ永続用フォルダが作成されることになっているので、困るときはdocker-composevolumesを編集してください。

画像の追加

  • public/images/backgrounds/フォルダに追加したい画像をコピーします
  • ./utils/img_list.js に追加したい画像の情報を記述します。
{
   name: "",
   filename: "",
   url: ""
}

フォントの追加

  • fonts フォルダにフォントを追加します。
  • views/index.ejs の190行目付近にフォントに関しての記述があるので、次のHTMLタグを追加します。 <option value="${フォント名}">${選択肢で表示したいフォント名}</option>
  • docker-compose build を実行します。
  • コンテナを再起動します
    • docker-compose stop
    • docker-compose rm
    • docker-compose up

開発フロー

gitlab-flow で実行しています。 product ブランチのみ別リポジトリで非公開設定にしています。

作者

Ouvill

製作者のその他制作物

About


Languages

Language:JavaScript 53.9%Language:HTML 30.2%Language:EJS 15.0%Language:Shell 0.5%Language:Dockerfile 0.4%Language:CSS 0.1%