-
Notifications
You must be signed in to change notification settings - Fork 9.6k
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
1 changed file
with
27 additions
and
19 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,33 +1,41 @@ | ||
# Christmas Lights | ||
# 聖誕彩燈 | ||
|
||
**Tier:** 1-Beginner | ||
**等級:** 1-初學者 | ||
|
||
The ChristmasLights application relies on your development talents to create | ||
a mesmerizing light display. Your task is to draw seven colored circles | ||
in a row and based on a timer change the intensity of each circle. When | ||
a circle is brightened it's predecessor returns to its normal intensity. | ||
聖誕彩燈應用程式依靠你的開發才能創造一個迷人的燈光顯示。 你的任務是在一行中畫出七個彩色的圓,並根據計時器改變每個圓的色彩亮度。 當一個圓被點亮時,它的前一個圓返回到它的正常亮度。 | ||
|
||
This simulates the effect of a string of rippling lights, similar to the ones | ||
displayed during the Christmas Holidays. | ||
|
||
## User Stories | ||
這模擬了一串彩燈的效果,類似於聖誕節期間顯示的燈光。 | ||
|
||
- [ ] User can press a button to start and stop the display | ||
- [ ] User can change the interval of time controlling the change in intensity | ||
## 使用者故事 | ||
|
||
## Bonus features | ||
- [ ] 使用者可以按下一個按鈕來啟動和停止顯示 | ||
- [ ] 使用者可以改變時間間隔控制彩燈亮度的變化 | ||
|
||
- [ ] User can select the color used to fill each circle | ||
- [ ] User can specify the intensity value | ||
- [ ] User can change the size of any circle in the row | ||
- [ ] User can specify the number of rows to be included in the display. From | ||
one to seven rows can be chosen | ||
## 額外功能 | ||
|
||
## Useful links and resources | ||
- [ ] 使用者可以選擇用於填充每個圓的顏色 | ||
- [ ] 使用者可以指定亮度值 | ||
- [ ] 使用者可以更改行中任何圓的大小 | ||
- [ ] 使用者可以指定要包含在顯示中的行數。可以選擇從一行到七行 | ||
|
||
## 有用的連結和參考資源 | ||
|
||
- [Sample Image](https://previews.123rf.com/images/whiterabbit/whiterabbit1003/whiterabbit100300020/6582600-seven-color-balls-red-orange-yellow-green-cyan-blue-and-magenta-in-a-row-on-a-white-background.jpg) | ||
- [Adafruit LED Matrix](https://cdn-shop.adafruit.com/970x728/1487-02.jpg) | ||
|
||
## Example projects | ||
## 範例專案 | ||
|
||
[PureCSSChristmasLights](https://codepen.io/tobyj/pen/QjvEex) | ||
|
||
## 沒有基礎要先上哪些課程? | ||
|
||
英文課程 (可用 Google 翻譯成中文字幕 ) | ||
|
||
- [從基礎開始學習最新的 HTML & CSS (包含 Sass)](https://softnshare.com/modern-html-css-from-the-beginning/) | ||
- [完整的 JavaScript 課程 2020 : 開發一個真實世界的專案](https://softnshare.com/the-complete-javascript-course/) | ||
|
||
中文課程 | ||
|
||
- [中文課程 – 給網頁設計初學者的一門課:html+css](https://softnshare.com/htmlcss-d/) | ||
- [中文課程 – JavaScript新手秘笈|三大專案帶你輕鬆入門]( https://softnshare.com/%e4%b8%ad%e6%96%87%e8%aa%b2%e7%a8%8b-javascript%e6%96%b0%e6%89%8b%e7%a7%98%e7%ac%88/) |