特效描述:html5 ThreeCanvas.js 全屏3D 大雪花飘落 动画特效。全屏逼真雪花飘落特效,可随鼠标移动。
代码结构
1. 引入JS
2. HTML代码
逼真的雪花飘落特效
body{background-color:#000044;background:url(images/bg.jpg) repeat-x;margin:0px;overflow:hidden;}
a{color:#0078ff;}
var SCREEN_WIDTH = window.innerWidth;
var SCREEN_HEIGHT = window.innerHeight;
var container;
var particle;
var camera;
var scene;
var renderer;
var mouseX = 0;
var mouseY = 0;
var windowHalfX = window.innerWidth / 2;
var windowHalfY = window.innerHeight / 2;
var particles = [];
var particleImage = new Image();//THREE.ImageUtils.loadTexture( "img/ParticleSmoke.png" );
particleImage.src = images/ParticleSmoke.png;
function init() {
container = document.createElement(