<style>
.main{
}
.main img{
border-radius:10px;
}
.main h1{
text-align: center;
border: none;
color:4B4B4B;
letter-spacing: 3px;
}
.main h6{
text-align:right;
color:#F4AA14;
font-size:18px;
}
.main code{
background-color:#FFF0D1;
padding: 8px 10px;
border-radius: 20px;
margin-right:7px;
}
.main h2{
background-color:#0B8D97;
color:#fff;
width: max-content;
padding: 7px 25px 7px 17px;
border-top-right-radius: 40px;
border-bottom-right-radius: 40px;
border-bottom: none;
margin-top:46px;
margin-bottom: 25px;
}
.main h2 img{
padding-bottom: 4px;
border-radius:0;
}
.main p,li{
font-size: 18px;
line-height: 29px;
letter-spacing: 0.15em;
color:#525252;
}
.main .result{
background-color:#0B8D97;
padding:0.8rem 1rem 1rem 1rem;
border-radius: 10px;
}
.main .result h3{
text-align:center;
color:#fff;
margin-bottom:3rem;
}
.main .result h3 img{
margin-bottom:0.5rem
}
.main .result .pic img{
border: 5px solid #FFFFFF;
}
.main .pic{
text-align:center;
width: 84%;
margin: auto;
margin-top: 2rem;
}
.pic p{
color:#fff;
text-align:left;
font-size:1.8rem;
line-height:4rem
}
</style>
<div class="main">
# 互動藝術與機器人的創意饗宴 ( 行動應用工作坊 )
###### `初階` 3 小時
##  課程目的
你可曾想像過...走進攝影展，當你越靠近照片時，照片就變得更清晰
你可曾想像過...走過大街小巷，當你越靠近店家時，可透過追蹤人臉來辨別顧客的情緒反應？
你可曾想像過...在活動廣場上，追蹤人的移動方向來玩俄羅斯方塊，並投影在巨型屏幕上呢？
這些不可思議的互動方式，現在都能藉由網頁技術快速實現！
你只要開啟網頁，透過 Webduino，就能極致、方便、有效的展現各種創意！
##  課程目標
現場提供機器人試玩體驗！一提到機器人...腦海中浮現的是什麼畫面呢？
曾是你我童年回憶的無敵鐵金剛？還是電影中出現過情感濃郁的瓦力？
甚至是熱血沸騰的鋼鐵擂台賽？抑或是超可愛又軟 QQ 的杯麵？
不管是誰...每一個年代都有屬於你的機器人陪你渡過美好時光！
來吧！ 三個小時帶你初探互動藝術及網頁技術的奧妙！
來吧！ 燃燒著你的戰鬥魂，與機器人來場互動的創意饗宴！
##  課程內容
1. 網頁技術的發展。
2. 互動藝術之應用。
3. Webduino Blockly 控制機器人原理。
4. 使用 Webduino Blockly 控制機器人。
5. 體驗用行動裝置操控機器人。
<div class="result">
###  成果展示
<div class="pic">
</div>
</div>