當前位置:首頁 » 操作系統 » 粒子源碼

粒子源碼

發布時間: 2023-03-10 20:19:49

① 怎麼給html5背景加上js粒子特效

使用了particles.js

particles.js可以從github網站下載到最新的源碼,網址是 https://github.com/VincentGarreau/particles.js/

使用方法非常簡單

第一步,在html中引入腳本文件 particles.min.js,這個文件在下載的壓縮包里可以找到

<scriptsrc="particles.min.js"></script>

第二步,在html中放入一個div容器,設置id為particles-js。這個一般放在所有網頁元素的最後面就可以。

<divid="particles-js"></div>
<styletype="text/css">
#particles-js{
position:absolute;
top:0;
width:100%;
}
</style>

第三步,設置窗口樣式

<styletype="text/css">
#particles-js{
z-index:-1;
position:absolute;
top:0;
width:100%;
background:#aaa;
}</style>

第四步,腳本生成粒子效果,可以單獨放在一個js文件里,也可以放在<script>標簽里。無論如何,這段腳本要出現在div容器之後。

particlesJS("particles-js",{"particles":{"number":{"value":380,"density":{"enable":true,"value_area":800
}
},"color":{"value":"#ffffff"
},"shape":{"type":"circle","stroke":{"width":0,"color":"#000000"
},"polygon":{"nb_sides":5
},"image":{"src":"img/github.svg","width":100,"height":100
}
},"opacity":{"value":0.5,"random":false,"anim":{"enable":false,"speed":1,"opacity_min":0.1,"sync":false
}
},"size":{"value":3,"random":true,"anim":{"enable":false,"speed":40,"size_min":0.1,"sync":false
}
},"line_linked":{"enable":true,"distance":150,"color":"#ffffff","opacity":0.4,"width":1
},"move":{"enable":true,"speed":6,"direction":"none","random":false,"straight":false,"out_mode":"out","bounce":false,"attract":{"enable":false,"rotateX":600,"rotateY":1200
}
}
},"interactivity":{"detect_on":"canvas","events":{"onhover":{"enable":true,"mode":"grab"
},"onclick":{"enable":true,"mode":"push"
},"resize":true
},"modes":{"grab":{"distance":140,"line_linked":{"opacity":1
}
},"bubble":{"distance":400,"size":40,"ration":2,"opacity":8,"speed":3
},"repulse":{"distance":200,"ration":0.4
},"push":{"particles_nb":4
},"remove":{"particles_nb":2
}
}
},"retina_detect":true});

② 常見的三維建模軟體有哪些

常見的三維建模軟體有哪些

1、3DS Max

美國Autodesk公司的3D Studio Max(前身是Discreet公司的,後被Autodesk收購)是基於PC系
統的三維建模、動畫、渲染的製作軟體,為用戶群最為廣泛的3D建模軟體之一。
常用於建築模型、工業模型、室內設計等行業。因為其廣泛性,它的插件也很多,有些很強大,基
本上都能滿足一般的3D建模的需求。
我們的學生也需要經常用到3DS Max來構建模型。網上關於3DS Max的教程和學習視頻非常多,使
用者眾多。

2、Maya

Maya也是Autodesk公司出品的世界頂級的3D軟體,它集成了早年的兩個3D軟體Alias和Wavefront(這兩個軟體在我讀博時就非常有名,當時就代表了最先進的動畫及數字技術,我曾用過Wavefront)。

3、Softimage

Softimage曾經是加拿大Avid公司旗下的專業的3D動畫設計軟體,後被Autodesk收購。
它在影視動畫方面,特別是角色功能非常強大。
許多電影,比如《泰坦尼克號》、《失落的世界》、《第五元素》等,都曾使用Softimage來製作
大量的驚人的視覺效果。

4、Rhino(犀牛)

Rhino是美國Robert McNeel公司開發的專業3D造型軟體,它對機器配置要求很低,安裝文件才幾
十兆,但「麻雀雖小,五臟俱全」,其設計和創建3D模型的能力是非常強大的,特別是在創建
NURBS曲線曲面方面功能強大,也得到很多建模專業人士的喜愛。
在與上海造船廠研究所的合作項目中,我們用Rhino來進行船體曲面的NURBS建模和修改,非常方
便靈活。

5、Cinema 4D

Cinema 4D (C4D)是德國Maxon公司的3D創作軟體,在蘋果機上用得比較多,特別是在歐美日為
最受歡迎的三維動畫製作工具。
7、Creator
MultiGen-Paradigm公司開發的Creator是專門創建用於大型3D虛擬模擬的實時三維模型的軟體。
其強大之處在於管理3D模型數據的資料庫,使得輸入、結構化、修改、創建原型和優化模型資料庫
非常容易。
前幾年與一家從事數字城市的公司合作時我們就用Creator快速創建大量的城市建築模型,並且生成
資料庫來管理這些模型,還是相當的方便。

6、Blender

一個自由和開放源碼的三維建模和動畫應用程序,可用於建模,紫外線展開,紋理操縱,水模擬,蒙皮,動畫,渲染,粒子和其他模擬,非線性編輯,合成,並建立互動的3D應用程序。

熱點內容
虛擬存儲器尋找輔存 發布:2025-08-22 09:10:40 瀏覽:879
農村醫保金融卡密碼是多少 發布:2025-08-22 08:33:59 瀏覽:662
iphone8手機如何快捷鍵清除緩存 發布:2025-08-22 08:21:57 瀏覽:425
linux編程java 發布:2025-08-22 07:57:40 瀏覽:310
steam刪文件夾 發布:2025-08-22 07:57:38 瀏覽:52
bytec語言 發布:2025-08-22 07:37:34 瀏覽:387
蘋果手機怎麼上傳視頻到qq空間 發布:2025-08-22 07:10:03 瀏覽:638
淘寶androidsdk 發布:2025-08-22 06:52:04 瀏覽:940
編程掙錢嗎 發布:2025-08-22 06:31:21 瀏覽:1003
敬請存儲 發布:2025-08-22 06:25:42 瀏覽:612