你好,我是月影,奇虎 360 奇舞團團長。
因為這個,你可能聽過我。我們奇舞團是 360 的大前端團隊,負責支持公司的部分可視化大屏業務,以及技術中臺的開發。
在前端領域,可視化是一個幾乎不用寫網頁的特殊分支,也是我近幾年的主要研究方向,利用計算機的圖形學和圖像處理技術,將數據轉換成圖形或圖像,在屏幕上顯示出來,并進行交互處理。
它可以實現很多傳統 Web 網頁無法實現的效果,應用領域也非常廣泛,C 端和 B 端的互聯網產品都離不開可視化,比如,我們熟悉的疫情地圖、淘寶“雙十一”購物節的可視化大屏、各種平臺的年度賬單,甚至是國家大力推廣的智慧城市、智慧生活等等。
正因為如此,行業對可視化工程師的需求越來越大,很多一線互聯網公司都設有相關崗位。但與此同時,這方面的專業人才卻寥寥無幾。
一名優秀的可視化工程師,需要根據產品經理和設計師的想法,實現真正貼合用戶需求、靈活多變,且充滿創意的可視化作品。
這話說來簡單,但要做到,絕不是會使用某個庫、調用某個 API 就能實現的。需要我們深入技術棧底層,充分理解數據,并掌握視覺呈現的相關技術和基本原理。之后,再系統學習可視化領域的方法論,才能真正提高解決問題的能力。
所以,我和極客時間合作,推出了專欄 《跟月影學可視化》。在專欄中,我會通過 5 大項目實戰,帶你從 0 到 1 構建可視化技術體系,掌握 4 大繪圖系統底層實現原理,開發出適合自己的可視化工具集,實現效果酷炫的 3D 可視化大屏。
拼團+ 口令「」到手 ¥89立省 ¥40可交互的3d網頁模型圖,僅限100個名額。我是誰?
我是 月影,本名吳亮,拋開奇虎 360 奇舞團團長這個身份,我是一位有 15 年工作經驗的前端工程師,做了很多年 開發,著有《 王者歸來》一書。
我非常熱愛寫代碼,所以一直堅持技術輸出,參與一線項目的開發工作。近幾年,我一直深耕于可視化領域,并作為核心開發者,開發了跨平臺的開源圖形系統 ,擁有很好的跨平臺能力,可移植到任何擁有 環境的平臺上。
我是如何講解可視化的?
總的來說,可視化體系分為三部分:視覺、數據和性能。其中,數據就包含數據分析、數據建模和設計語言,每個都能單獨開一門課??上攵梢暬闹R有多廣。
所以,要高效學習可視化,不能一把抓,而要有重點地逐步推進。為了梳理每部分的知識重點,我為你總結了一張 可視化知識結構圖:
可以看到,可視化視覺包括四部分。其中,重點在于理論基礎,也就是數學和圖形學,因為 隨著技術的發展,工具會改變,但基礎不會。 掌握好這部分內容,你才能繪制多樣的幾何圖形,實現酷炫的視覺效果。
數據這一塊相對簡單,但內容不少。如果要深入細節,恐怕難以堅持。好在,可視化工程師對數據的理解,會隨著業務的深入而逐步加深。所以,只要 知道如何從一個可視化工程師的角度去理解和運用數據, 就足夠為我們深入研究打開一扇大門了。
最后,性能往往決定了可視化項目最終呈現的整體效果。所以,在這部分,我們最該做的,就是 找到合理的性能優化點。
基于以上可交互的3d網頁模型圖,我將課程分為五部分。
第一部分:圖形基礎,講解 HTML/CSS、SVG、 和 WebGL 四種圖形系統,結合實際案例,幫你理解它們的用法、優點和局限性,讓你在實際應用中選擇合適的圖形系統,達到最好的視覺效果。
第二部分:數學基礎,深入講解向量和矩陣運算、參數方程、三角剖分和仿射變換等內容,并配合綜合運用,幫你建立一套適用于所有圖形系統的通用數學體系,以此解決可視化圖形呈現中的大部分問題。
第三部分:視覺呈現, 和你討論像素化、動畫、3D 和交互等話題,結合美顏、圖片處理和視覺特效等實際案例,應用各種數學和圖形學知識,幫你全面提升視覺呈現的能力,實現更高級的視覺效果。
第四部分:性能優化,通過學習 WebGL 渲染復雜 2D、3D 模型的方法,帶你了解可視化高性能渲染的技術思路,結合我為你總結的方法論,解決大規模數據批量渲染的性能瓶頸問題。
第五部分:數據驅動,結合 3D 柱狀圖、3D 層級結構圖、3D 音樂可視化等案例,講解數據處理的技巧,真正將數據和視覺呈現結合起來,實現具有科技感的 3D 可視化大屏效果,最終形成完整的可視化解決方案。
跟我學完這門課,你會真正系統掌握可視化開發的原理和方法,理解數據處理和視覺呈現的方式,最終創建出適合自己的可視化工具集,用它解決可視化開發中的實際問題。
訂閱福利拼團 +口令「」到手價 ¥89,原價 ¥129,僅限「前 100 人」有效。訂閱后生成海報發給好友,每成功邀請 1 位好友,可得 ¥24 返現。
掃碼免費試讀
溫馨提示:
訂閱后可通過「極客時間 App」或「極客時間小程序」我的 - 已購,學習已訂閱的專欄。
點擊「閱讀原文」,輸入 優惠口令「」,以 最低價 ¥89 入手,僅限 前 100 人。