原创 threejs紋理更新錯誤
threejs紋理更新錯誤 一個紋理的時候旋轉一次還行，用了兩個的時候得到的結果就不是你想象了。 這算是哪門子bug啊。 let map: any = new THREE.TextureLoader().load('map.png
2019-07-04 19:51:14
原创 three.js重新計算UV
three.js重新計算UV 在three.js中使用uv貼圖的時候需要物體有正確的uv。使用three自帶的方法生成的幾何體uv通常是理想的。當我們使用svg或者其他數據來生成的幾何體uv通常是混亂的，所以需要我們進行調整。 如
2019-06-26 21:46:14
13
原创 texture紋理的各向異性anisotropy
texture紋理的各向異性anisotropy 最近看three.js代碼發現下面一個方法：getMaxAnisotropy。 // Get anisotropy for textures const maxAnisotrop
2019-06-25 22:45:01
1
原创 three.js Lensflare鏡頭炫光效果
three.js Lensflare鏡頭炫光效果 three官方的案例中帶有這個js插件，效果如下。 /examples/?q=lens#webgl_lensflares 需要我麼用到js/objects/Lensflare.js
2019-06-21 20:52:44
原创 three.js自定義材質中使用系統的燈光
three.js ShaderMaterial lights:true 我們可以使用其他材質的uniform。 如果還想合併自己些的可以這樣： 材質合併一次。 在材質中使用ambientLight。 先打印一下看看，發現有val
2019-06-21 20:52:44
1
原创 blender2.8爲模型添加材質和紋理
blender2.8爲模型添加材質和紋理 從網上下載的模型很多是素模，純顏色，沒有貼圖的模型。用起來不是十分方便，所以需要我們自己快速的給模型添加顏色或者紋理。這個時候我們可以使用blender，最新版是2.8版本，自帶中文，界面
2019-06-12 00:21:21
1
原创 端午節在家打遊戲寫代碼
漁家傲·五月榴花妖豔烘 五月榴花妖豔烘。綠楊帶雨垂垂重。五色新絲纏角糉。金盤送。生綃畫扇盤雙鳳。正是浴蘭時節動。菖蒲酒美清尊共。葉裏黃驪時一弄。猶?鬆。等閒驚破紗窗夢。
2019-06-10 23:31:35
原创 three性能優化測試
顯示幀率可以使用stats.js庫，three官方一直使用該庫來顯示幀率。 在前面的文章中也介紹了stats.js的使用。 dat.GUI和stats.js庫的使用 這裏我們不採用stats.js庫，而是直接使用chrome的Re
2019-06-10 23:31:35
原创 three.js動畫性能優化
three.js 動畫性能優化 1、 requestAnimationFrame 和 setInterval requestAnimationFrame 和 setInterval 在three動畫開發中非常用，但是他們兩個都不會
2019-05-29 19:26:48
7
原创 three.js實現物體描邊效果-shader
three.js 實現物體描邊效果-shader 在遊戲中描邊效果非常常見，比如選中物體或者人物的時候會出現。 描邊效果的原理是在物體的外包包裹了一層，就需要描邊的物體比實際的物體大一點點。所以需要牽涉到頂點，就是需要把物體頂點往
2019-05-28 07:05:35
19
原创 three.js加載gltf動畫和聲音
three.js加載gltf動畫和聲音 下面的模型是gltf格式的，包含動畫。 點擊可以控制動畫的停止和播放。此處有音樂的播放和暫停，自行腦補。
2019-05-28 07:05:35
3
原创 three.js繪製多邊形並更新頂點
three.js繪製多邊形並更新頂點 先繪製一個正六邊形 var geometry = new THREE.Geometry(); let p1 = angPos(r[0], 0); let p2 = angPos(r[1],
2019-05-28 07:05:35
1
原创 three.js製作全景漫遊展示
three.js製作全景漫遊展示 什麼是全景漫遊展示，就是720雲的那種，還有各種街景那種。可以在一個點上下左右觀看周圍的場景。 做全景漫遊比較好的工具是：krpano ，國內外很多全景軟件和網站平臺都是基於此工具開發的，效果很好，移
2019-05-01 04:35:11
1