鍍金池/ 問答/HTML5  HTML/ iview 首頁的底部的canvas粒子動(dòng)畫是怎么實(shí)現(xiàn)的?有這種框架么?或者有什

iview 首頁的底部的canvas粒子動(dòng)畫是怎么實(shí)現(xiàn)的?有這種框架么?或者有什么思路求指導(dǎo)

iview 首頁的底部的canvas粒子動(dòng)畫是怎么實(shí)現(xiàn)的?有這種框架么?或者有什么思路求指導(dǎo)?
http://v2.iviewui.com/ 網(wǎng)址
圖片描述

回答
編輯回答
嫑吢丕

three.js

2018年6月27日 17:45
編輯回答
笨笨噠

大神 如何把這個(gè)h5代碼改成vue 的組件。通過import 或者require 來使用。

2018年5月21日 20:25
編輯回答
艷骨

補(bǔ)充樓上。
有了樓上提供官網(wǎng)DEMO源碼的之后,題主打開一看,臥槽 怎么不一樣啊,iview 官網(wǎng)的明明是屏蔽了鼠標(biāo)上下動(dòng)作的,只有左右可以切換特效。并且 默認(rèn)的粒子顏色之類的明顯太丑。那么如何修改呢?
1.屏蔽鼠標(biāo)上下角度
render函數(shù)里 camera.position.y += ( - mouseY - camera.position.y ) * .05; 改成camera.position.y = 364;
2.改變粒子顏色。
new THREE.ParticleCanvasMaterial函數(shù)里
color: 0x097bdb,改成你想要的顏色,再換個(gè)背景色,搭配做登錄頁面挺不錯(cuò)。
3.可能有人會(huì)問了,你怎么那么門兒清?
哈哈哈哈哈 上上周問過一模一樣的問題。并且把iview編譯壓縮過的代碼研究了一下....

2018年8月13日 21:30
編輯回答
綰青絲

補(bǔ)充樓上答案
https://threejs.org/examples/...

2018年1月19日 14:02