組隊打職棒的人工智慧真會出現?或許將來能看著AI打球呢!(下)

-


組隊打職棒的人工智慧真會出現?或許將來能看著AI打球呢!(下)



人工智慧也出了重機車手啦!看看真正的冠軍車手怎麼想..

若實現了「精準預測球體飛行的模型」後，機器人才能上場：先用攝影機取得投手「球剛離開手」的幾張照片並將輸入到模型內，模型進行估算、預測出完整的球體飛行軌跡後，機器人才能看著球落到事先設定好的地方，以最適當的角度、力道，精準地擊出一記安打！

也許有一天，我們真的能夠觀賞真人球員與人工智慧對決的棒球賽事呢，到時我們可就成為場邊的應援團啦～

 

體壇上的 AI 機器人 總有一天超越人類選手？

 2015 年的東京車展上，Yamaha 展出了會騎摩托車的 AI 機器人「MOTOBOT Ver1」。此時的 MOTOBOT 只可以騎到時速一百以及做一些角度較大、較簡單的過彎動作。但 MOTOBOT 在當時的官方影片中，指名挑戰「The Doctor」——Yamaha 自家最強 MotoGP 選手 Valentino Rossi。
推薦閱讀：為超越MotoGP冠軍VR46而生：人工智慧重機賽車手MOTOBOT
▲2015 年的 AI 重機車手「MOTOBOT」第一代剛「誕生」不久，就指名要挑戰 MotoGP 選手 Valentino Rossi。

兩年後的 2017，第二代「MOTOBOT Ver2」再現於東京車展上。此時的 MOTOBOT 手腳細節都已經改良過，且已騎到時速 200 km，更重要的是——根據 Yamaha 官方釋出的影片上，它只落後 Rossi 30 多秒！
▲2017 年的「MOTOBOT」時速已可達兩百，且還只落後 Rossi 30 多秒！連 Rossi 本人都對其進步速度感到驚訝。

只要兩年的時間，這款 AI 機器人就能從時速一百進步到時速兩百，而且還只落後 Rossi 30 多秒！這樣子的進步，連 Rossi 都感到驚訝。
推薦閱讀：AI 甩尾技術勝 Ken Block！方程式冠軍車手嘆：要失業了
▲史丹佛開發 AI 甩尾技術已超越人類，影片 1:35 處顯示方程式車手 Fredric Aasbø 看了 AI 甩尾的影片後，嘆「要失業了...」

其實在體壇上，不僅僅是機車賽事的 MotoGP 受到衝擊，汽車甩尾界首屈一指的「D 級方程式」甩尾大賽的多年冠軍——Fredric Aasbø 再看了史丹佛大學研發的甩尾 AI 機器人，精準連甩了多個極其狹窄的彎道之後，都大嘆「要失業了」！難道有一天，人類運動選手真的會被取代嗎？

即使職業車手會因 AI ，而自開玩笑：「擔心失業」，但換個角度想，若成為人工智慧的創造者，想必就不會失業了吧。
推薦閱讀：AI 又贏了？人工智慧「Suphx」打敗人類麻將高手！


本篇為下篇，上篇請點此連結


延伸閱讀文章：

組隊打職棒的人工智慧真會出現?或許將來能看著AI打球呢!(上)

AI真的能保護地球環境嗎?Google是這麼說的..(下)

痛失英才!讓我們一起懷念為人工智慧貢獻良多的陳昇瑋執行長!

從哆啦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
閱讀完整內容

前端工程師入門HTML5就靠這些撇步!(8上)製作拖曳元素

-
圖片
可拖曳的HTML5元素怎麼做?今天讓我來大顯身手!下次你就能出風頭啦!\ HTML5 Drag & Drop API-讓元素變得可拖曳 你可能不知道，過去在網頁裡面實現 Drag & Drop 是很麻煩的！一定要配合 CSS、onmousedown、onmouseup、setInterval() 等，才能做出元件拖曳的視覺效果。但！現在各位有福啦！ HTML5 有直接的 Drag & Drop 機制，讓 前端工程師 可直接使用 drag and drop 的功能，讓使用者直接透過拖曳的方式，把要上傳的檔案拉到瀏覽器當中。 所有的 HTML 元素都可設成「可拖曳」的。要讓元素變得可以拖曳，只要在該元素的原始碼中加入 draggable 屬性，如下例 (讓圖片變得可以拖曳)： <img draggable="true" />   HTML5 Drag & Drop API 的範例 See the Pen HTML 5 Drag and Drop by Tedutw ( @Tedutw ) on CodePen . 讓元素可拖放-HTML的部分 除了<a>、<img>，其他 HTML 裡的元素本來是被預設為不可以作為源元素的，也就是說，我們本來是「拖不動」 它的。但在 HTML5 ，只要為它加上 draggable="true" 屬性，它就能「被拖曳」了。下面是上例的 HTML 碼的一部分： See the Pen HTML 5 Drag and Drop by Tedutw ( @Tedutw ) on CodePen . draggable 屬性上加了 draggable="true"，這樣就能讓這個 div 元素變成可以拖曳的 (至少在 Chrome 中可以)。但是我們還需要使用 Javascript 在 dragstart 裡為 dataTransfer 設置一些數據，因此需要加上下面的代碼。這樣可以確保它可以被拖曳。 See the Pen HTML 5 Drag and Drop-2 by Tedutw ( @Tedutw ) on CodePen
閱讀完整內容