原创 d3.js放射線條生成器lineRadial
d3.js放射線條生成器lineRadial 白色是用三角函數生成的數據。 紅色是隨機生成的數據。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8
2019-09-26 19:45:34
2
原创 D3.js V5緩動函數
D3.js V5緩動函數 參考地址：https://github.com/d3/d3-ease/blob/v1.0.5/README.md#_ease 代碼: <!DOCTYPE html> <html lang="en"> <
2019-09-26 19:45:24
1
原创 TubeGeometry
TubeGeometry var curve = new THREE.CatmullRomCurve3( [ new THREE.Vector3( 0, 0, 0 ), new THREE.Vector3( 0,
2019-09-26 19:45:23
原创 d3.js transition無限循環
d3.js transition無限循環 利用d3.js的 transition實現無限循環。在循環結束後添加一個回調，無限循環就回調自己就可以了。·.on('end,funame),。下面通過d3在body中添加了一個div。
2019-09-03 09:25:49
36
原创 一個漸變環
通過shader控制漸變發範圍。 看起來像一個氣泡。 const mat = { uniforms: { uColor: { value: new THRE
2019-09-03 09:25:49
原创 d3.symbol D3.js符號生成器
d3.symbol D3.js符號生成器 api版本 5.X d3中有7個符號生成器。 symbolCircle 圓形 symbolCross 十字架 symbolDiamond 菱形 symbolSquare 正方形 symb
2019-08-23 09:40:47
原创 22three.js粒子系統（二）
three.js版本不同，效果會有些差異，我的這個版本中粒子貼圖有問題，邊緣沒有透明，會互相遮擋。也許可以通過修改代碼來彌補吧。 在材質中添加一個屬性即可： depthTest:false depthTesh深度測試，該參數可以打開或關
2019-08-06 20:17:19
原创 31three.js AnimationMixer變形動畫
1. AnimationMixer 動畫混合器 AnimationMixer是場景中特定對象的動畫播放器。當場景中的多個對象獨立動畫時，可以爲每個對象使用一個AnimationMixer。 AnimationMixer( rootObj
2019-08-06 20:17:19
原创 D3.js入門筆記
D3.js入門筆記 最近一直在開發3D可視化組件，偶爾也開發2D的組件。但是2D我也是用3D的方式開發的，感覺有點浪費。所以打算入手一下D3，畢竟D3還是挺有市場的靈活性非常大，很適合二次開發。 d3官網：https://d3js
2019-07-31 20:18:09
原创 three.js使用Shadertoy的着色器
three.js使用Shadertoy的着色器 shadertor上有許多非常有趣的着色器，我們可以借鑑並用在自己的three的項目上。 1 在shadertoy上新建一個着色器，默認有一個主函數，如下圖所示。 void mai
2019-07-30 09:12:34
3
原创 頁面中多次使用TWEEN.update()的坑
頁面中多次使用TWEEN.update()的坑 tween.js就不再介紹了。這次只關心這個update()方法。 tween.js中文文檔： https://github.com/tweenjs/tween.js/blob/ma
2019-07-30 09:12:34
原创 three.js小地圖和視角指示器
three.js小地圖和視角指示器 左上角有一個相機，可以用來顯示地圖或者當前場景的視角，一般用正交相機的多。 原理很簡單就是創建兩個相機，兩個場景，然後把相機1的位置傳給相機2。 在渲染的時候也需要渲染兩次，關閉自動清除，第一
2019-07-30 09:12:34
97
原创 three.js粗線飛線動畫
three.js粗線飛線動畫 /** * @author WestLangley / http://github.com/WestLangley * * parameters = { * color: <hex>, *
2019-07-11 11:31:20
18