WATER CANVAS

https://github.com/hackz-hackathon-giganoto/team-j

PostgreSQL

Heroku

Vue

Python

TypeScript

自分だけのグラデーション画像を作ることができるサービスです.

Shunkicreate

推しアイデア

まるで水面にインクを落としたような絵を描くことができるサービスです.キャンバスに絵を描くようにもでき,自分だけの綺麗な絵を作ることができます.

作った背景

今回のテーマはきせいでした.ただ,私たちは既成のものは汎用性に欠けると考えました.そこで既成のものに捕らわれない自分だけのオリジナル作品を作れるようなサービスを作りました.

推し技術

色が滲むように絵を描けるようにしました!また,過去に描いた絵を動画として再現できるようにしました!

プロジェクト詳細

どんなサービス?

水彩画のような滲みをPCの画面上で再現できるサービスです! 他の機能もあるので今から詳しく紹介します(´▽`)

できること

描画

CANVASモード マウスクリック中のみ円が広がる WATERモード 一度円を描くとずっと広がり続ける これらの二種類のモードを使い分けることで楽しみ方が広がります. 現段階では,描画でユーザーが色を指定することはできません.

自動生成

ランダムで円が生成されます.ここでも描画と同じ二種類のモードであそぶことができます.左上のカラー毎のボタンをクリックすることで色を選ぶことができます.楽しいですねーWATERモードは一生見てられます.

保存

SaveImageより,画像を保存することができます.WATERモード使用中はその瞬間を切り取るように保存されます.

使用技術

Shunkicreate

@Shunkicreate