人工智慧的重機賽車手,它可不是你想像中的那樣呢!

-

人工智慧的重機賽車手,它可不是你想像中的那樣呢!





這場人工智慧和人類的重機賽車手對決,到底鹿死誰手!?想知道結果就趕快看下去!

人工智慧科學家在研發適用於各行各業的 AI 時，經常拿該領域的頂尖人物作為人工智慧學習的對象，並「餵」給它最精準的數據。有時研發出的人工智慧，竟會表現地意外超越人類。像是過去史丹佛大學研發的甩尾 AI「MARTYKhana」，讓方程式車手直嘆「要失業了⋯⋯」。

過去在 2015 年，YAMAHA 就已在東京車展上公開 AI 重機賽車手「MOTOBOT」第一代。
推薦閱讀：AI 甩尾技術勝 Ken Block！方程式冠軍車手嘆：要失業了
人工智慧機器人 MOTOBOT，可放在「一般（指未對摩托車進行任何便於 AI 的改裝）」的重機上，並有「以人類的角度出發」而可以自主操控機車的能力。第一代的「MOTOBOT」僅僅有騎到時速 100 的實力，並會一些基本的大角度過彎。若經有效率的機器學習，相信可達到 GP 等級賽車手的實力！
▲2015 年的 AI 重機車手「MOTOBOT」第一代剛「誕生」不久，就指名要挑戰 MotoGP 選手 Valentino Rossi。

從 Yamaha 官方釋出的影片「To『The Doctor』,　致親愛的羅西」中便可看出，這個人工智慧 MOTOBOT 可說是野心勃勃、有備而來呢！它竟想挑戰過去「曾」多年在 MotoGP 賽事中獲「年度總冠軍」的車手「VR46」Valentino Rossi，還向 Rossi 下了賽道圈速的戰帖。

2016 年，第一次看到這只 AI 車手的 Rossi 顯得十分驚訝。至於 Rossi 跟 MOTOBOT 的其中一位技術人員談了什麼？請看以下影片：
▲AI 重機車手「MOTOBOT」與真人 MotoGP 冠軍 Rossi 相見歡影片。

 在 2015-2017 年間，「MOTOBOT」不斷地學習、修正並進化。2017 年，YAMAHA 在東京車展上公開了第二代的「MOTOBOT Ver2」，在機器人的手臂、腿部等細節處有做一些改良。此時的 MOTOBOT 手腳細節都已經改良過，且已騎到時速 200 km！更重要的是——根據 Yamaha 官方釋出的影片上，它僅僅只落後 Rossi 30 多秒！
▲2017 年的「MOTOBOT」時速已可達兩百，且還只落後 Rossi 30 多秒！連 Rossi 本人都對其進步速度感到驚訝。

研發「MOTOBOT」的主題是「Beyond Human Capabilities」，意指透過強化一般機器人的用途，發揮「超越人類極限」的性能。也許未來，各行各業的菁英被 AI 取代已經不是無稽之談了。此時不妨換個角度想：乾脆成為人工智慧的創造者，想必就不會失業了、甚至還可以管轄多個 AI 機器人吧！
推薦閱讀：機器人都能應援棒球賽了！AI 組隊打職棒將不是夢？





延伸閱讀文章：

這人工智慧新功能,讓你想拍裸照都不行!(下)

人工智慧手機竟然還能防止使用者拍裸照?(上)

痛失英才!人工智慧學校創辦人辭世!


 從哆啦A夢到 iPhone...為何 UI 設計用「圓角」就是比較討喜？

APCS 程式檢定，該從 C、Java 還是 Python 下手？

【前端工程師CSS教學】定位元素Positioning Elements

狗狗是人工智慧的最佳教練！Google AI機器人學狗左轉右彎還能小跑

這個網誌中的熱門文章

前端工程師設定CSS背景的五種方法(一)背景固定模式設定

-
圖片
如何固定模式讓前端工程師教你!第一關讓你輕鬆過關,立馬進入狀況! CSS  background-attachment 決定背景圖片是否要跟著滑鼠滾動而上下移動，而它有三種不同的呈現方案： 第一種為當滑鼠上下滾動時，背景圖片與網頁主體跟著上下滾動 第二種為當滑鼠上下滾動時，背景圖片相對位置固定不動，呈現效果就像是網頁主體與背景是分開的 第三種為當滑鼠上下滾動時，背景圖片絕對位置固定不動，似乎網頁主體是浮在背景圖之上的感覺。 而 前端工程師 們通常會將CSS background-repeat 與  背景圖樣設定 (background-image)  搭配設計。 CSS background-attachment 基本語法如下： background-attachment: 顯示參數; 而另外，有三種可以使用的顯示參數，來決定背景圖與網頁主體該以何種方式來搭配顯示，分別為  scroll （預設值，背景圖案的「相對位置」不會隨著滾動機制而移動，而網頁主體則會跟著滾動）、 fixed （背景圖案的「絕對位置」不會隨著滾動機制而移動，而網頁主體則還是會跟著滾動，彷彿網頁主體是浮在整張背景圖之上的感覺。多用於網頁背景圖為滿版的場合時使用）、 local （背景圖案與網頁主體都會跟著滾動機制而滾動。以下是針對這三種參數的範例： CSS background-attachment 各種參數的範例 See the Pen background-attachment-example by Tedutw ( @Tedutw ) on CodePen . 現在新一代的網頁多採滿版設計，其中的「background-attachment: fixed;」參數，常被當代的 前端工程師 搭配「 background-repeat: no-repeat; 」參數使用，做出網頁主體都浮在高質感的背景圖的效果。 其他常用 CSS background 背景屬性說明連結 1. 背景顏色設定 (background-color) 2. 背景圖樣設定 (background-image) 3. 背景重複設定 (background-repeat) 4. 背景固定模式設定 (b
閱讀完整內容

前端工程師設定CSS背景的五種方法(五)設定背景顏色

-
圖片
設定背景顏色原來對前端工程師來說超必須!這篇文章讓你超容易入門! 使用背景顏色設定 (background-color)屬性， 前端工程師 可利用之，讓簡潔的純色背景襯托出網頁的主體，也可決定網頁的風格。像是背景純黑的網頁，與背景為粉紅色的網頁，風格就大不相同。其實 background-color 能夠使用的範圍除了網頁背景色外，也可以讓前端工程師用來設計表格、DIV 區塊、span 等網頁元素的背景顏色。   CSS background-color 基本語法如下： background-color: 顏色名稱或色碼 ; background-color 可以使用的顏色值包含顏色的英文名稱、十六進位制色碼以及 RGB 色碼，挑選顏色請參考： 網頁顏色代碼對照表 。 CSS background-color 語法範例一、網頁背景 html{background-color: 顏色名稱或色碼 ;} See the Pen background-color-bg-example by Tedutw ( @Tedutw ) on CodePen . CSS background-color 語法範例二、DIV 區塊、H1-H6 標題等斷落的背景顏色 div(可替換成 h1、p 等網頁元素標籤){background-color: 顏色名稱或色碼 ;} See the Pen background-color-div-example by Tedutw ( @Tedutw ) on CodePen . 同樣的技巧還可用在其他的網頁元素，若想採用圖片當成背景，請參閱： 2. 背景圖樣設定 (background-image) 。 其他常用 CSS background 背景屬性說明連結 1. 背景顏色設定 (background-color) 2. 背景圖樣設定 (background-image) 3. 背景重複設定 (background-repeat) 4. 背景固定模式設定 (background-attachment) 5. 背景圖片位置設定 (background-position) 延伸閱讀： 前端工程師設定CSS
閱讀完整內容

RWD和AWD是啥?差別又是什麼?前端工程師課程大解密!

-
圖片
這次前端工程師課程是我最搞不清楚的RWD和AWD!不懂的快一起來趕進度吧! AWD 跟 RWD 的目的一致，都是希望能針對桌機、平板、手機等不同尺寸的裝置，而顯示出易於瀏覽的網站畫面。 相信有不少的 PM 在與 前端 工程師或是 網頁前端設計師 當他們在規劃網站時，會在溝通上遇到瓶頸，像是網站要使用 RWD 還是 AWD 等等。本篇就以未接觸過 網頁設計 、或是無任何技術背景的網頁規劃的初學者為角度，講解 RWD 與 AWD 網站的差異，以及如何規劃與選擇。 讀完本系列文章後，你將會了解： (目錄) RWD 和 AWD 的差異與優缺點 我該選擇 RWD 還是 AWD ? AWD 要怎麼做才能對 SEO 無痛? 了解整體網站的規劃流程-PM與前端溝通更順利   RWD 和 AWD 的差異與優缺點 在網頁上，RWD 是「Responsive Web Design (響應式 網頁設計 )」的縮寫；而 AWD 則是 「Adaptive Web Design (自適應式 網頁設計 )」的縮寫。RWD 與 AWD 是為現今大多數人們習慣使用手機、平板等行動裝置上網而生的 CSS 寫法，讓 網頁設計 無論在桌機螢幕上、或是尺寸較小的行動裝置上，都能清楚的呈現，讓使用者能更舒服的瀏覽網頁。 RWD 與 AWD 的差異，簡單的來說，前者是無論行動裝置或是桌機，都使用同一套 CSS；而後者是針對各種裝置撰寫對應的 CSS，可以有多套 CSS，例如桌機有桌機的一套 CSS，手機有自己的一套 CSS。 簡單的來說，就是前者只有一套 CSS 檔案、後者卻有多套 CSS 檔案。詳述如下： RWD 會把所有裝置的樣式都寫在同一套 CSS 中，因此無論行動裝置或是桌機，都是使用同一套 CSS 。當使用者打開了網頁，就能即時透過網頁的寬度，決定要套用到 CSS 中的哪一個樣式。 而AWD 是針對各種裝置撰寫對應的 CSS，因此就會針對不同的裝置，而有多套的 CSS 樣式碼：例如桌機有桌機的一套 CSS，手機有自己的一套 CSS。AWD 的方式必須仰賴 前端 工程師 撰寫的程式，來判斷使用者是使用哪種裝置開啟網頁，再自動匯入相應的 CSS 檔案：如程式判斷出某使
閱讀完整內容