原创 ThreeJs基礎常識

作者:桑榆 QQ:934440653 有問題,評論留言,或qq聯繫 前兩章的尚未整理,後續整理完成,會補上。 第一章 場景 待更新… 第二章 相機 待更新… 第三章 渲染器 1.參數 ** 名稱

原创 Webpack自動化構建工具

作者:桑榆 QQ:934440653 有問題,評論留言,或qq聯繫 第一步 .安裝node.js 1.安裝淘寶鏡像(可選) npm install -g cnpm --registry=https://registry.npm.t

原创 WebGL座標系介紹

一、認識座標系 1.面對屏幕向上爲y軸的正方向,向左爲正x軸的正方向,垂直於屏幕向外的爲z軸的正方向。如下圖所示: 2.在webgl和threejs中使用的是右手座標系,入下圖所示: 二、圍繞某個軸旋轉 左手大拇指,指向該軸的

原创 簡述BufferGeometry

作者:桑榆 QQ:934440653 有問題,評論留言,或qq聯繫 還未完成,待續… 1、BufferGeometry與Geometry的區別 BufferGeometry和Geometry可以實現同樣的功能,在功能上並沒有很大的

原创 webpack代碼混淆

作者:桑榆 QQ:934440653 有問題,評論留言,或qq聯繫 安裝 npm install --save-dev webpack-obfuscator 屬性 { compact: true,//壓縮,無換行

原创 GLSL 內建函數

作者:桑榆 QQ:934440653 有問題,評論留言,或qq聯繫 OpenGL ES着色語言爲標量和向量操作定義了一套內建便利函數。有些內建函數可以用在多個類型的着色器中,有些是針對固定硬件的,所以這部分只能用在某個特定的着色器

原创 向量計算

webGL法向量的計算,使用數學中的向量叉積計算; 點贊 收藏 分享 文章舉報 TW934440653 發佈了11 篇原創文章 · 獲贊 7 · 訪問量 3萬+

原创 四邊形的頂點着色

作者:桑榆 QQ:934440653 有問題,評論留言,或qq聯繫 案例效果 四邊形的只給頂點着色,漸變效果是計算機自己的插值運算產生的效果。 vertices,數組中的四個頂點,數組下標索引與案例效果圖的標註一致。 四邊形由

原创 鼠標拾取(光線拾取)

作者:桑榆 QQ:934440653 有問題,評論留言,或qq聯繫 案例效果 鼠標拾取 主要代碼 1.創建矩形 (1)6-8行限制隨機產生的矩形的長、寬、縱深不超過20; (2)14-16行限制隨機產生的矩形在一個長、寬、縱

原创 模型的旋轉、縮放、平移

作者:桑榆 QQ:934440653 有問題,評論留言,或qq聯繫 旋轉 1.模型繞本地座標x軸旋轉π/2,每次執行都是相對上一次的角度進行旋轉變化(累加); 注:本地座標介紹本地座標介紹 mesh.rotateX(Math.PI

原创 粒子系統

作者:桑榆 QQ:934440653 有問題,評論留言,或qq聯繫 案例效果 主要代碼講解 (1)看看源碼中:new THREE.Points(geometry,material); new THREE.PointsMateri