アイロンビーズの図案作成サイトを作成しました

この記事はアイロンビーズ Advent Calendar 2015 - Adventarの12日目の記事です。

 前日はrica4413さんでした!

http://rica0327.blog.fc2.com/blog-entry-7.html

素敵な作品で自分もどせいさん好きだったなーと思い出しました!

 

自分の記事ですが、

アイロンビーズの図案作成サイトを作成しました。

 ビーズ図案 

スマホアプリでBead Studioとかいいものあるので、あえて劣化コピーを作る必要ないのですが、制作意欲が湧いちゃったので。。

あと、図案を共有できるWebサービスとしてあったら面白いかなと。

 

概要

以下の機能があります。

  • 20×20パレット、丸パレットでの図案作成・保存
  • 画像取り込み
  • 他ユーザの画像検索
  • お気に入り追加 

使い方

1.ユーザ登録

「ユーザ登録」ボタンを押下してユーザ登録してください。

f:id:kohshoi:20151205211057p:plain

 

ユーザ登録の目的はデータを管理したいだけで、氏名、電話番号や住所などの登録はありませんのでお気軽にどうぞ。

 メールアドレスも他で利用するようなことはありません。

 

ユーザ登録後、「ログイン」で図案の保存、検索、お気に入りが使用できます。

 

2.図案作成 

上の一覧から色を選んで、下のパレットをクリックしてください。
クリックした箇所に選択した色=ビーズに変わります。
もう一度クリックすると未選択になります。

 

f:id:kohshoi:20151205223818p:plain

 「画像取り込み」機能で既存ファイルや、スマホの場合はカメラから作成することもできますが、20×20なのであまり似た結果にはなりません。。

 

「保存」を押下して、図案の名前やタグを追加してください。

タグは右の「+」で5つまで追加できます。

f:id:kohshoi:20151205224558p:plain

 

保存した画像は「保存した図案を見る」を押下することで表示できます。

また、「図案を探す」の対象になります。

f:id:kohshoi:20151205225245p:plain

公開したくない!という人には申し訳ないのですが、今のところ、必ず公開状態です。

 

3.図案を探す

上の「図案を探す」タブを押下し、検索画面に遷移します。

検索条件を入力し、「検索」押下で図案の検索ができます。

f:id:kohshoi:20151205225839p:plain

検索した図案のタイトルを押下すると、大きいサイズで表示され、「お気に入り」登録が可能です。

f:id:kohshoi:20151205230045p:plain

 「人気の図案を見る」を押下すると「お気に入り」が多い図案が表示されます。

f:id:kohshoi:20151205230505p:plain

4.お気に入り

「お気に入り」タブを押下すると今まで「お気に入り」登録した図案が表示されます。

f:id:kohshoi:20151205231243p:plain

図案のタイトルを表示すると大きいサイズで表示されます。

また、「お気に入りを解除」できます。

f:id:kohshoi:20151205231401p:plain

(丸ずれてるなぁ。。) 

 

 使い方は以上になります。

 よかったら使ってくださいね!