(本人自從能寫字以來,文筆都不好。針對以下內容大家就湊合,不要太挑剔。) 這個行業變化太快了,一些新的技術點也蜂擁而上;2018年的熱點詞:大數據,人工智能,VR,區塊鏈....總是期望能湊點熱度多撈點錢啊! 可是本人不太愛學習,也不太會學習。同時轉換成本針對我這個老阿姨 ...
這是對threejs初步的一個理解 EleVR elevr是基於webGL的原生API來實現的一個全景播放平台 首先elevr是根據繪制適口來進行雙屏VR渲染的 if eye left eyewebGL.gl.viewport , , canvas.width , canvas.height else right eyewebGL.gl.viewport canvas.width , , canv ...
2016-07-01 14:44 0 3742 推薦指數:
(本人自從能寫字以來,文筆都不好。針對以下內容大家就湊合,不要太挑剔。) 這個行業變化太快了,一些新的技術點也蜂擁而上;2018年的熱點詞:大數據,人工智能,VR,區塊鏈....總是期望能湊點熱度多撈點錢啊! 可是本人不太愛學習,也不太會學習。同時轉換成本針對我這個老阿姨 ...
目錄 繪制二維圖形(2D圖形) 經過一下三個步驟 簡單js程序代碼 簡單html文件代碼 繪制實例(一個點) 着色器 ...
從今天開始,我們開始正式的學習osg框架,今天我們學習的是osg的渲染模塊,我們來看一下代碼結構。 所有DrawXXX的js模塊都是渲染的模塊,我們逐一來簡單介紹一下,第一個Drawable.js,這個模塊是描述可繪制對象的類,也是我們今天要討論的類。在osg框架中,渲染管道在准備時期首先要 ...
圖元 WebGL可以繪制非常復雜的3D模型,這些模型都是由下面3種基本幾何圖元構成的,下面我們來詳細的看看。 三角形 WebGL中任何復雜的模型,都是由三角形組合而成的,可以說三角形是任意形狀的最小構成單位。 WebGL可以繪制下面幾種三角形: 獨立的三角形(gl.TRIANGLES ...
原文地址:WebGL學習之紋理盒 我們之前已經學習過二維紋理 gl.TEXTURE_2D,而且還使用它實現了各種效果。但還有一種立方體紋理 gl.TEXTURE_CUBE_MAP,它包含了6個紋理代表立方體的6個面。不像常規的紋理坐標有2個緯度,立方體紋理使用法向量,換句話說三維方向。本節實現 ...
原文地址:WebGL學習之紋理貼圖 為了使圖形能獲得接近於真實物體的材質效果,一般會使用貼圖,貼圖類型主要包括兩種:漫反射貼圖和鏡面高光貼圖。其中漫反射貼圖可以同時實現漫反射光和環境光的效果。 實際效果請看demo:紋理貼圖 2D紋理 實現貼圖就需要用到紋理,常用的紋理格式有:2D ...
學習用來做web3D的,從第一頁開始學起先做2D的,接下來的程序是一個入門級的程序,可以通過在畫板上的不同位置點擊而獲取不同顏色的點,以畫板中心為坐標原點四個象限有不同的顏色,訪問地址 http://123.206.70.64:8080/WebGL2/ColoredPoints.html ...
原文地址:WebGL學習之HDR與Bloom 什么是HDR HDR (High Dynamic Range,高動態范圍),在攝影領域,指的是可以提供更多的動態范圍和圖像細節的一種技術手段。簡單講就是將不同曝光拍攝出的最佳細節的LDR (低動態范圍) 圖像合成后,就叫HDR,它能同時反映出場景最 ...