原创 shader_ 素描效果
素描效果 案例分析自: three.js/ToonShader.js/ToonShaderHatching 1、gl_FragColor 頂點着色器僅僅是顯示幾何體, 條紋處理都在片元着色器。 常規的頂點着色器: varyin
2020-06-07 14:38:46
原创 three.js 錯誤記錄: GL_INVALID_OPERATION
錯誤信息： [.WebGL-0x7feb0c1a0600]GL ERROR :GL_INVALID_OPERATION : glDrawArrays: attempt to access out of range vertices
2020-05-17 21:57:49
原创 014-自定義網格幾何體-九宮格
014-自定義網格幾何體-九宮格 代碼 最後效果: 1、頂點描述(position) 確定原點: 頂點座標: const points = [ // 第0列起點 { x: -140, y: 0, z: 0 },
2020-05-03 17:44:12
原创 001-webaudio - visualizer
這是學習Three.js 官方案例系列 001-webaudio - visualizer 體驗地址 片元 shader: // tAudioData: 0~64數組,只在 tAudioData[0].a 有數值,該數值表示
2020-04-05 08:15:27
原创 網頁整體變成灰色
哀悼日網站整體變成灰色。 轉載出處 <style type="text/css"> html { filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
2020-04-05 08:15:27
原创 045-熱點標註
文字教程 熱點代碼教程 幾何圖標籤 熱點效果例子 d3中的提示工具 熱點效果例子 相機控制 045-熱點標註 最後效果: 在線體驗 1、熱點 熱點使用THREE.Sprite,紋理用canvas繪製出來。 HotPoint.js
2020-03-18 21:53:37
1
原创 038-樣條曲線-CatmullRom
B樣條教程 樣條曲線-CatmullRom 1、樣條曲線 所謂樣條曲線是指給定一組控制點而得到一條曲線，曲線的大致形狀由這些點予以控制，一般可分爲插值樣條和逼近樣條兩種。 插值樣條: 要求必須經過給定所有數據點 代表算法有: C
2020-03-03 13:06:28
原创 學習WebGL_015_3D拾取(3D Picking)-射線法
作者: DSLMing 時間: 2019.11.3 參考: FunWithWebGL2 024 Picking with Framebuffers 3D拾取(3D Picking)-射線法 1、3D拾取的概念和原理 對每一個
2020-02-21 04:31:04
原创 學習WebGL_014_渲染管線
作者: DSLMing 時間: 2019.11.3 參考: FunWithWebGL2 024 Picking with Framebuffers WebGL 基礎知識 渲染管線的三個概念階段 圖形學中的渲染管線 圖解WebGL
2020-02-21 04:31:04