Skip to content

Commit

Permalink
Update Christmas-Lights-App.md
Browse files Browse the repository at this point in the history
  • Loading branch information
maoyang authored Apr 9, 2020
1 parent 6e0790f commit a9ec64a
Showing 1 changed file with 27 additions and 19 deletions.
46 changes: 27 additions & 19 deletions Projects/1-Beginner/Christmas-Lights-App.md
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/)

0 comments on commit a9ec64a

Please sign in to comment.