原创 three.js 後處理 理解
後處理的效果也實現了幾種了，但僅限於cv，都還未做理解，藉着對自定義shader的實現，談談對後處理接口的使用理解。 要實現後處理效果，應有3個步驟 1:初始化後處理的入口，即 new THREE.EffectComposer(rend
2020-07-08 04:55:58
26
原创 three.js 流動線shader實現方式（僞）
原文來至，在原文的基礎上，優化了一些邏輯 https://blog.csdn.net/weixin_43842660/article/details/97940152 <!DOCTYPE html> <html lang="en
2020-07-08 04:55:58
25
原创 cesium藍色立方體 -建築物
主要依靠於貼圖，使用的圖片，羣裏還收集到其他幾個貼圖，一併放上來吧 //已成功 var arrowMaterial = new Cesium.Material.fromType('Image', {
2020-07-08 04:55:58
11
原创 three.js 後處理-自定義shader 掃光效果
先上效果吧 shader來源於 https://www.cnblogs.com/eco-just/p/11667713.html ，實現了自定義shader，那麼就可以將很多網站上的效果搬過來用了 源代碼： <!DOCTYPE h
2020-07-08 04:55:58
29
原创 three.js流動道路
此前探索過流動線的實現方式，看到另一個案例，學習了另一種實現流動道路的方法 用到了一個開源計算庫 https://github.com/yszhao91/xtorcga，實現效果 核心就是基於 cga.extrudeToGeomet
2020-07-08 04:55:58
7
原创 three.js lensare光源
一般用來模擬太陽光光暈 效果： 其實從調用的邏輯來推測（沒看過源碼），就是貼圖，將太陽、光線、光暈分別沿 點光源起點和target這條直線貼 核心邏輯，由於示例中的光線貼出來是橫向的，因此直接抹去 // 添加 lens flar
2020-07-08 04:55:58
2
原创 three.js 選中效果
function initThree(elid) { let scene,camera ,renderer,viewer,el viewer={} el = document.get
2020-06-28 07:52:58
2
原创 three.js後處理之outline
three的後處理接口相較於cesium來說複雜的多， 要引入5個js，這些js具體是幹啥的，還沒去看，先實現吧 <script src="../../plugins/EffectComposer.js"></script> <scri
2020-06-28 07:52:58
8
原创 three.js動態擴散圓
主要就是用圓柱體的API，貼圖過後，動態改變其scale就行了，下面是所用的圖片，也是漸變的 function transparentObject(geometry, material) { var o
2020-06-28 07:52:58
8
原创 three.js中使用html2canvas
其核心是基於材質可以使用canvas，這樣所有的html元素都可以作爲geometry的材質來使用 document.body.insertAdjacentHTML('beforeend', "<div class='captur
2020-06-28 07:52:58
23
原创 three.js後處理之 afterimage-運動幻影效果
使用的js <script src="../../plugins/threeLibrary/three.min.js"></script> <script src="../../plugins/threeLibrary/js/contr
2020-06-28 07:52:58
4
原创 three.js後處理之 BokehPass 背景虛擬化，模糊
引入的js <script src="../../plugins/threeLibrary/three.min.js"></script> <script src="../../plugins/threeLibrary/js/contr
2020-06-28 07:52:58
25
原创 three.js後處理之 聚焦效果focus
類似於舞臺聚光燈的效果 引入的js <script src="../../plugins/threeLibrary/three.min.js"></script> <script src="../../plugins/threeL
2020-06-28 07:52:58
9
原创 three.js後處理之FXAA 抗鋸齒
引入的js <script src="../../plugins/threeLibrary/three.min.js"></script> <script src="../../plugins/threeLibrary/js/contr
2020-06-28 07:52:58
6
原创 three.js後處理之bloom 泛光
引入文件 <script src="../../plugins/threeLibrary/three.min.js"></script> <script src="../../plugins/threeLibrary/js/contro
2020-06-28 07:52:58
25