ThreeCanvas实现逼真的三维雪花下雪动画效果代码-html代码-BFW代码库

ThreeCanvas实现逼真的三维雪花下雪动画效果代码

代码语言：html

所属分类：粒子

代码描述：ThreeCanvas实现逼真的三维雪花下雪动画效果代码

下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />




    <style type="text/css">
        body {
            margin: 0;
            padding: 0;
            position: relative;
            background: url('//repo.bfw.wiki/bfwrepo/image/5ef941175a99f.png') no-repeat;
            background-position: center;
            height: 100%;
            background-size: cover;
        }

    </style>



</head>

<body id="body" onLoad="init()">
<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/ThreeCanvas.min.js"></script>
    <script type="text/javascript" >
     Particle3D=function(material){
        THREE.Particle.call(this,material);
        this.velocity=new THREE.Vector3(0,-8,0);//速度;
        //this.velocity.rotateX(2);//旋转;
        this.gravity=new THREE.Vector3(0,0,0);//加速度;
        this.drag=1;//速度相乘系数;
};
//Particle:粒子;
//prototype:原形;
Particle3D.prototype=new THREE.Particle();
Particle3D.prototype.constructor=Particle3D;//构造函数
Particle3D.prototype.updatePhysics=function(){
        this.velocity.multiplyScalar(this.drag);//矢量相乘函数
        this.velocity.addSelf(this.gravity);//矢量相加函数
        this.position.addSelf(this.velocity);//矢量相加函数.........完整代码请登录后点击上方下载按钮下载查看