ThreeJS是一個基於WebGL的開源庫，使用起來十分方便。不過由於是開源，所以相關文檔相當稀少，本人把在學習過程中遇到的一些問題及解決方法整理成一個專欄，希望對大家可以有所幫助！ 在ThreeJS中如果直接把PNG貼圖賦給材質，是無法在場景中正常顯示的，效果如下圖所示： 貼圖是自己隨便 ...

引言 在三維可視化中，會涉及到很多動畫，其中貼圖動畫是其中很重要的一種，本文介紹幾種貼圖動畫的思路，供大家一起探討。 流動動畫 流動動畫通過設置貼圖的repeat屬性，並不斷改變貼圖對象的offset讓貼圖產生流動效果。 這種動畫不難實現，首先加載貼圖，如下所示： 上面代碼，實現了一個 ...

最近項目需要折騰three.js，有關three.js幾點說明 1.作用 threejs適合創建簡單的模型視圖 2.對於復雜的模型圖（如：室內模型圖）需要美術3D制作，前端導成特定格式文件(如*.mtl/*.obj 格式文件 )， 之后利用threejs插件MTLLoader.js ...

文字作為紋理貼圖 From:http://www.linhongxu.com/post/view?id=222 這里可以使用canvas作為紋理貼圖，Three為我們提供里CanvasTexture 這樣我們就可以利用canvas畫上文字或者圖形，用來填充紋理貼圖 ...

一個復雜的曲面模型，往往模型頂點數量比較多，模型文件比較大，為了降低模型文件大小，法線貼圖.normalMap算法自然就產生了，復雜的三維模型3D美術可以通過減面操作把精模簡化為簡模，然后把精模表面的復雜幾何信息映射到法線貼圖.normalMap上。 法線貼圖 下面代碼在沒有設置法線貼圖 ...

前言 threejs中想實現模型模型透明，顯示里面模型的效果。 嘗試 首先肯定是拿兩個幾何體進行嘗試，其實只要在材質中開啟透明和設置透明度就好了，如果沒效果，建議更換材質試試。 實踐 首先當然把最外層的正方體改為從外部導入的模型文件，顯然半透明的效果是有的，但同時會產生一些問題 ...

1、在模型同級目錄新建一個textures名字的文件夾，將貼圖放到文件夾里(溫馨提示:如果使用fbx格式,在建模軟件導出時候勾選“嵌入媒體文件"貼圖將自動解壓放入textures文件夾里) 2、材質屬性面板為各貼圖通道指定貼圖 3、簡單操作視頻 ...

1、准備好.hdr格式的全景圖 2、開始轉換 彈出選中剛准備好的chun.hdr文件 生成好我們需要的環境貼圖、縮略圖、預過濾dds文件 3、復制轉換好的文件夾到工作目錄cubemaps文件夾下 4、場景模塊就能找到新加入的環境貼圖 ...