什么是WebGL？ WebGL是一項使用JavaScript實現3D繪圖的技術，瀏覽器無需插件支持，Web開發者就能借助系統顯卡（GPU）進行編寫代碼從而呈現3D場景和對象。 WebGL基於OpenGL ES 2.0，OpenGL ES 是 OpenGL 三維圖形 API 的子集 ...

目錄 二維平面上的變換 二維縮放 切變 二維旋轉 二維平移 二維齊次坐標系 二維仿射變換 逆變換 變換的 ...

摘要 圖形學中的重要概念 色彩視覺 圖像和像素 三角網絡模型 光照模型和明暗處理 視點變化和視點方向 1.色彩視覺 色彩是對不同波長的光的能量的感知 “光”是由不同波長的電磁波混合而成 譜分布：光在各個可見波長 ...

一、概述 由於投影變換失去了深度信息，往往導致圖形的二義性。要消除二義性，就必須在繪制時消除被遮擋的不可見的線或面，習慣上稱作消除隱藏線和隱藏面（或可見線判定、可見面判定），或簡稱為消隱。經過消隱得到的投影圖稱為物體的真實感圖形。 下面這個圖就很好體現了這種二義性。 消隱后 ...

這幾天一直在忙着期末考試，所以一直沒有更新我的博客，今天剛把我的期末作業完成了，心情澎湃，所以晚上不管怎么樣，我也要寫一篇博客紀念一下我上課都沒有聽，還是通過強大的度娘完成了我的作業的經歷。（當然作業 ...

無論你是在用three.js還是babylon.js還是其他B端三維引擎，你似乎都能經常見到標題所提到的如下三個概念：camera(相機)、renderer(渲染器)、scene(場景) 那么這三者究竟是通過怎樣的方式將三維物體呈現在瀏覽器中的呢，今天我們就通過three.js的相關源碼來一探 ...

前端開發中，hover是最常見的鼠標操作行為之一，用起來也很方便，CSS直接提供:hover偽類，js可以通過mouseover+mouseout事件模擬，甚至一些第三方庫/框架直接提供了 hover ...

圖形學筆記 —— 透視除法 本文采用左手坐標系，即z軸向屏幕里增長。 透視投影變換 透視投影變換，有三個詞組成：透視、投影、變換。我們逐個來理解。 透視：我理解為“有遠近感”的，也就是我們平時所說的近大遠小。而相對地，近少遠多：你站在山頂上，近處你只能看見附近幾棵花花草草，但是遠處 ...