原创 Shadertoy 教程 Part 13 - 陰影

Note: This series blog was translated from Nathan Vaughn's Shaders Language Tutorial and has been authorized by the aut

原创 Shadertoy 教程 Part 15 - 通道(Channels),紋理( Textures), 以及緩衝( Buffers )

Note: This series blog was translated from Nathan Vaughn's Shaders Language Tutorial and has been authorized by the aut

原创 編寫光暈着色器

朋友們,你們好,今天我們學習如何在Shadertoy中爲物體制作光暈效果。 什麼是光暈 在製作光暈效果之前,先來考慮一下是什麼原因導致了物體發生光暈現象。生活中的很多物體都會發光:螢火蟲,燈管,水母甚至是天上的星星。這些物體能夠產生熒光,

原创 Shadertoy 教程 Part 14 - 使用符號距離場函數

Note: This series blog was translated from Nathan Vaughn's Shaders Language Tutorial and has been authorized by the aut

原创 Shadertoy 教程 Part 12 - 涅菲爾和邊緣光

Note: This series blog was translated from Nathan Vaughn's Shaders Language Tutorial and has been authorized by the aut

原创 Shadertoy 教程 Part 11 - 馮式反射模型

Note: This series blog was translated from Nathan Vaughn's Shaders Language Tutorial and has been authorized by the aut

原创 Shadertoy 教程 Part 10 - 視點相機

Note: This series blog was translated from Nathan Vaughn's Shaders Language Tutorial and has been authorized by the aut

原创 Shadertoy 教程 Part 9 - 相機的運動

Note: This series blog was translated from Nathan Vaughn's Shaders Language Tutorial and has been authorized by the aut

原创 Shadertoy 教程 Part 8 - 3D 旋轉

Note: This series blog was translated from Nathan Vaughn's Shaders Language Tutorial and has been authorized by the aut

原创 Shadertoy 教程 Part 7 - 顏色和3D場景下的多物體繪製

Note: This series blog was translated from Nathan Vaughn's Shaders Language Tutorial and has been authorized by the aut

原创 Shadertoy 教程 Part 6 - 使用光線步算法進創建3D場景

Note: This series blog was translated from Nathan Vaughn's Shaders Language Tutorial and has been authorized by the aut

原创 淺談web前端優化

開篇 優化網站是一個系統性和持續性的過程。很多人認爲優化網站的性能只需要合併圖片啦,減小HTTP請求啦,部署CDN啦就行,實際上這都是見木不見林的做法。以上的做法經常會被面試者提起,在被問到自己在網頁優化的經驗和技巧時,大多數人都是例舉出

原创 如何搭建一套前端監控系統

日誌採集 信息分類 日常手機的日誌信息大概分如下幾個類別: 錯誤 錯誤類型分多種,不同的錯誤類型對應用的影響程度不同而分爲不同的級別。根據這些優先級,我們也需要指定出一套緊急修復的SOP。 錯誤類別 捕獲方法 表現形式 發生概率

原创 Webgl中的基礎模型繪製

開篇 本篇博文對繪製webgl中基礎圖形做說明。閱讀本文時,你需要對基本的webgl有一定認識,並且熟悉中學的基本數學公式。不過這些公式都非常簡單,只要你學過,使用起來就沒有問題。本文將持續更新,但是如果你需要繪製複雜的圖形,我建議你使用建

原创 老頭子·川端康成

越是民族的,就越是世界的 ——歌德 你很難想像年輕時候的川端康成是個什麼樣子,也許你只有在他的一些早年作品中如那篇著名的《伊豆的舞女》中,纔會偶爾想起這個滿臉皺紋的日本老人也有年輕的時候。是的,就好像大多數的人成名作都是在中年以後,他