ian0336 / painter

Software Studio 2023 Spring

110062214 張譽譯

Assignment 01 Web Canvas

Scoring

Basic components	Score	Check
Basic control tools	30%	Y
Text input	10%	Y
Cursor icon	10%	Y
Refresh button	5%	Y

Advanced tools	Score	Check
Different brush shapes	15%	Y
Un/Re-do button	10%	Y
Image tool	5%	Y
Download	5%	Y

Other useful widgets	Score	Check
畫圖形的時候可以選擇填滿	0.5%	Y
畫直線	0.5%	Y
背景動畫	2%	Y
串接 dall api	2%	Y

---

How to use

各種繪畫工具在上面，點選之後就可以使用。

在選定工具後可以將滑鼠移到畫面左上角的齒輪上面，會有設定介面，可以設定所選重的工具。(筆刷粗細，字體大小字型，是否塗滿形狀，顏色)

右邊的工具列從上到下分別是 undo, redo, refresh, download, upload。

Bonus Function description

1. 背景的泡泡效果，滑鼠一過會有泡泡產生，泡泡顏色隨著目前所選擇的畫筆顏色做變化。

2. 接著點擊畫面右上角的機器人會出現可以輸入題詞的地方，且在 canvas 上會出現半透明的圖片。 輸入提詞後會將其傳送到 dall 並會接收到一張圖片，並將其放在畫布上方。可以讓使用者描著 ai 所產生的圖片畫一幅美麗的作品，成為電腦繪圖大師。

   loading畫面
   

   

Web page link

我的網站

<style> table th{ width: 100%; } </style>