很多入門的前端工程師對於Python和Java可能還沒那麼瞭解,這篇就讓我來告訴你如何分辨!!

很多入門的前端工程師對於Python和Java可能還沒那麼瞭解,這篇就讓我來告訴你如何分辨!!

文章標籤

uidesignxiaoshow 發表在 痞客邦 留言(0) 人氣()

電影中的Python.Java,你看出來了嗎?

電影中的Python和Java,你看出來了嗎?

文章標籤

uidesignxiaoshow 發表在 痞客邦 留言(0) 人氣()

AI人工智慧的進步我們都有目共睹,現在連上台演講都可以依賴人工智慧了!!

AI人工智慧的進步我們都有目共睹,現在連上台演講都可以依賴人工智慧了!!

文章標籤

uidesignxiaoshow 發表在 痞客邦 留言(0) 人氣()

為國爭光! 台灣團隊研發出資源回收機器人!

為國爭光! 台灣團隊研發出資源回收機器人!

文章標籤

uidesignxiaoshow 發表在 痞客邦 留言(0) 人氣()

人工智慧與人類如何共存? 金屬樂團的歌曲神預言?

人工智慧與人類如何共存? 金屬樂團的歌曲神預言?

文章標籤

uidesignxiaoshow 發表在 痞客邦 留言(0) 人氣()

人工智慧也在音樂圈闖出了一些名堂!!讓我們看看到底帶來了什麼影響!!

人工智慧也在音樂圈闖出了一些名堂!!讓我們看看到底帶來了什麼影響!!

文章標籤

uidesignxiaoshow 發表在 痞客邦 留言(0) 人氣()

如何利用HTML5的SVG取代點陣圖?讓資深前端工程師告訴你!!

如何利用HTML5的SVG取代點陣圖?讓資深前端工程師告訴你!!

何謂 SVG?

因為過往網頁設計常使用的圖片檔如 jpg、png、gif 等都是點陣圖模式,但是時下流行的 RWD 響應式網頁可隨著螢幕調整網頁布局,點陣圖隨著螢幕大小縮放就會有模糊失真的疑慮,因此HTML5的向量的 SVG 是不錯的解決方法。 SVG(Scalable Vector Graphics,可縮放向量圖形)是 W3C 制定的開放性網路標準之一,此圖片格式再網頁中能以向量格式呈現圖片。設計師可先在 Adobe Illusrator 中畫好向量圖形並存成 SVG 檔,在放在網頁中。運用方式就跟 .jpg、.png、.gif 等圖片檔一樣,但不同的是 SVG 檔不會因尺寸的改變而失真,日後要修改時也可直接開啟檔案修改,相當方便。

如何置入 SVG 影像到網頁中?

如同 .jpg、.png、.gif 的方式,SVG 圖檔使用 img 標籤被置入到 HTML5 檔中,如下方所示:
<img src="image.svg" alt="" height="300" />

使用 SVG 畫圖形

要用 SVG 畫出簡單的圖形,首先前端工程師要使用 SVG 標籤製作「畫布」。要賦予其畫布的長寬 (width、height) 屬性,如下例所示:
<svg width="1000" height="1000"></svg>
在此我們先舉「畫圓形」為例,如下所示:
<svg width="2000" height="2000">
   <circle cx="80" cy="80" r="50" fill="magenta" />
</svg>
  • - cx 圓心之x軸座標
  • - cy 圓心之 y 軸座標
  • - r 半徑
  • - fill 填滿色彩
  • - stroke 圓形外框
結果如下所示:
See the Pen svg circle by Tedutw (@Tedutw) on CodePen.
文章標籤

uidesignxiaoshow 發表在 痞客邦 留言(0) 人氣()

人工智慧無所不能,現在連電影的票房都能輕鬆預估?
人工智慧無所不能,現在連電影的票房都能輕鬆預估?
同樣是蝙蝠俠的主題,2005 年開拍的 《黑暗騎士三部曲》 的質感、票房、影評成績遠遠高於 1997 年充斥著大卡司的 《蝙蝠俠4:極凍人》
隨著影視特效、技術的進步,拍片的門檻降低,也大幅增加了影片的產量。同時,雷片的數量也隨之變多。同一系列的電影、劇本,會因為導演、選角、取景的差異而有著截然不同的結果。例如蝙蝠俠系列電影,2005 年開拍的 《黑暗騎士三部曲》 ,高端的質感與磅礡的氣勢與 1994 年大卡司卻粗製濫造的 《蝙蝠俠4:極凍人》 形成極端對比;而票房與風評俱佳的 1984 年經典科幻片 《銀翼殺手》 獲獎連連,2017 年重拍的續集卻票房失利,並沒有因更高成本、名導與高科技的加持而青出於藍。但是在影片開拍前,又有誰能準確預測如何選角才能拍出最好的效果? 因此有一些新創公司,如洛杉磯的 Cinelytic,就研發為電影片商提供分析服務的 人工智慧系統。

同部電影,換角結果如何?AI幫你預測

1.jpeg
票房分析AI人工智慧系統 Cinelytic (圖片出處:翻攝自 Cinelytic 官網畫面)
洛杉磯的新創公司 Cinelytic 研發的 人工智慧會藉由機器學習Python來研究往年的電影歷史數據庫,再依據這些電影的主題、特色等資料,交叉分析出這些數據背後隱藏的模式(Pattern)。使用者用這套 AI系統的Python分析時,就像是玩球隊經營模擬遊戲一樣有趣:可以指定角色將 A 演員換成 B 演員,例如把女主角從艾瑪華森換成「黑寡婦」史嘉蕾喬韓森等,再看看會產生什麼樣的變化、預測的票房等。Cinelytic 的 CEO 兼共同創辦人 Tobias Queisser 就舉了一個例子,假設拍攝一部以艾瑪華森為主角的電影,可以用 Cinelytic 的 AI 軟體看看若主角換成珍妮佛勞倫斯會如何。 其實除了 Cinelytic 之外,做出此類電影票房預測系統的還有創立於以色列的 Vault 以及比利時的 ScriptBook 等等。 前者能藉著追蹤電影預告片的線上回饋,預測出哪些族群將會去電影院看這部電影;後者能藉由演算法來分析劇本,預測電影票房是否會獲利。不過根據外媒報導:這些 AI 公司在接受採訪時都拒絕為即將上映的電影進行預測,也許是這些 AI 預測的準確度,其實仍然有不少進步空間。

低估黑馬電影票房 AI仍無法神準預測

票房成績被AI低估的2017年驚悚電影《逃出絕命鎮》
文章標籤

uidesignxiaoshow 發表在 痞客邦 留言(0) 人氣()

踏入前端工程師領域必備的 HTML5 課 番外篇-用SVG向量圖取代點陣圖

踏入前端工程師領域必備的 HTML5 課 番外篇-用SVG向量圖取代點陣圖

文章標籤

uidesignxiaoshow 發表在 痞客邦 留言(0) 人氣()

人工智慧分析電影票房, 你的喜好都已被記錄下來! 

人工智慧分析電影票房, 你的喜好都已被記錄下來! 

文章標籤

uidesignxiaoshow 發表在 痞客邦 留言(0) 人氣()