HTML5 Three.js 3D空间逼真的唯美落叶动画

Falling Leaves, 可以自定义重力效应、风力。

webgl, leave

《three.js如何实现贴图模糊效果 - 使用canvas》申请公开！

第三方库
作品简介 4639
作品推荐
使用帮助
常用链接

HTML
CSS
JavaScript
Result

编译

JavaScript

// ----------------------------------------
// AUTHOR: Bruno Imbrizi
// MORE INFO: http://brunoimbrizi.com/#adventskalender  
// ----------------------------------------

function isArray(object) {
    return Object.prototype.toString.call(object) == '[object Array]';
}

function isNumber(object) {
    return typeof object == 'number';
}

function random(min, max) {
    if (isArray(min)) return min[~~(M.random() * min.length)];
    if (!isNumber(max)) max = min || 1, min = 0;
    return min + Math.random() * (max - min);
}

sin = Math.sin;
cos = Math.cos;
abs = Math.abs;

PI = Math.PI;
TWO_PI = Math.PI * 2;
HALF_PI = Math.PI / 2;
QUARTER_PI = Math.PI / 4;

// ----------------------------------------
// LEAF
// ----------------------------------------

var Leaf = function(index, params) {
    Leaf.TYPE_GREEN_1 = 1;
    Leaf.TYPE_DRY_1 = 3;

this.index = index;
    this.params = params;

this.value = 0;
    this.angle = new THREE.Vector3(0, random(), random());
    this.radius = new THREE.Vector3(random(50), random(), random(params.boundingBox.x * 0.5));
    this.pos = new THREE.Vector3(0, params.boundingBox.y * 0.5 + random(params.boundingBox.y * 0.05), 0);
    this.mass = random(0.8, 1.0);
    this.scale = random(6, 10);

if (random() > 0.5) this.type = Leaf.TYPE_DRY_1;
    else this.type = Leaf.TYPE_GREEN_1;

this.simplex = new SimplexNoise();

this.initMesh();
}

Leaf.prototype.initMesh = function() {
    const geometry = new THREE.BufferGeometry();

// positions
    const positions = new THREE.BufferAttribute(new Float32Array(4 * 3), 3);
    const bend = (this.type == Leaf.TYPE_GREEN_1) ? 0.25 : 0.1;
    positions.setXYZ(0, -0.5, 0.5, bend);
    positions.setXYZ(1, 0.5, 0.5, 0.0);
    positions.setXYZ(2, -0.5, -0.5, 0.0);
    positions.setXYZ(3, 0.5, -0.5, bend);
    geometry.addAttribute('position', positions);

// uvs
    let uvs = null;
    if (this.params.uv) {
        uvs = new THREE.BufferAttribute(this.params.uv, 2);
    } else {
        uvs = new THREE.BufferAttribute(new Float32Array(4 * 2), 2);
        uvs.setXYZ(0, 0.0, 0.0);
        uvs.setXYZ(1, 1.0, 0.0);
        uvs.setXYZ(2, 0.0, 1.0);
        uvs.setXYZ(3, 1.0, 1.0);
    }
    geometry.addAttribute('uv', uvs);

// index
    geometry.setIndex(new THREE.BufferAttribute(new Uint16Array([0, 1, 2, 2, 1, 3]), 1));

// image
    const image = document.createElement('img');
    const texture = new THREE.Texture(image);
    image.onload = function() {
        texture.needsUpdate = true;
    };

if (this.type == Leaf.TYPE_GREEN_1) image.src = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAACXBIWXMAAAsTAAALEwEAmpwYAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA/g88wAAKCRFRHgg/P9eM4Ors7ONo62Dl8t6r8G/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt/qIl7gRoXgugdfeLZrIPQLUAoOnaV/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl/AV/1s+X48/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H/LcL//wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93/+8//UegJQCAZkmScQAAXkQkLlTKsz/HCAAARKCBKrBBG/TBGCzABhzBBdzBC/xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q/pH5Z/YkGWcNMw09DpFGgsV/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L/1U/W36p/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV/MN8C3yLfLT8Nvnl+F30N/I/9k/3r/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a/zYnKOZarnivN7cyzytuQN5zvn//tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1YfqGnRs+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA/0HIw6217nU1R3SPVRSj9Yr60cOxx++/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb/1tWeOT3dvfN6b/fF9/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR/cGhYPP/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF/6i/suuFxYvfvjV69fO0ZjRoZfyl5O/bXyl/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o/2j5sfVT0Kf7kxmTk/8EA5jz/GMzLdsAAAAgY0hSTQAAeiUAAICDAAD5/wAAgOkAAHUwAADqYAAAOpgAABdvkl/FRgAAG+NJREFUeNrkm3eMZ9d13z/3vvqr02dntldu47I3sZiMKEuREAVKMeLYEczEFhwnCBwncBADttKc8ocBwQhsQDCiCCkKYlmOZUORqDCSGO1KpESRXHJJLreX2ent1977vXLvzR/nrVcr0hRpU5YBDXAxmPcr791zz/mWc+8o5xw/yj/+C699Pd6/69D7W3U/WUvPP2XKIZE/hsc0TpXUgjaGHsdP/T5bx+5j68Qt/Pp//xf83ff/FEurC9TCJs+dOcGpy6/yT3/yH7F/21Z+5bM/x/S45sjOe/nxAz/Pl77zaXqs0O03OXflDDMzB9izbSuvrZ7mwrWnOTDZpjExzktXjxM5uHfXTzJUXS7Mn+H2Xe/h4R1P4HuWT/7fX6UM5xkfKXjlwhnGx/awdfoWltZfJw7BFW2UDhitbaPmjWJd+f0D8NLZZybm+s/+47uOHd3SUrM/55T3TcePTlboS0sv97/64n/tPX3600eGeuk/REH7FpwD7I9GALTnOjj98TOnr7z81Gv/5cf8yPx2pMcOO6fgRyAT9DBL8Dx1ciq+7RdefP7s2ktLxx+P4+a/C73WHoV+60878LTG1z7WWuIoRlHzHSjrHMYZQP3FBsHH7v6rGDVkur3zRP3MzK9947kv/va2x/d/pGX3bSoVfEqr4IRxvq+Vl3ueh+/7eErj+0Fci2o7NnsbY/Nrc26iPdV6+vkn79+9e3YeisWp5qw3O3LgrAXtlH9ZKYZaaaVQDgWKvxgZ5k+NzaLw0FqzZ8fR/3Rq7vJtL5z/4t/fPbX3iXwYHG3Vx09MtXc87emwf27+0vDFi+eDpY2Fg7/5B584NEg2diROq+df+dZsUab7xl5Ix/Xk+NXa6GItdw8tPHv+9wYPHbnQ7axfPrF9+tDV9TJ9wdO6H3jBFa205/tBrtQPNxD+ubXnbtSD8vKJsZ2/Mbd66u7GRHnvZn/u3v76ytGz6/MfOXshLjdXx8+fX5ufvbJ88bBv8DCQWJRKUM0Yegl0Vhd2bx+DC985viUr4JmFL2W1gg/um37gwtzS5sr+iR1n8tW5y4ntnC/8/Gsat66V11U/pBj4pTHfFQBFRv98K97yW0vds5+MGkS+Xa+fXL64+0trUKyynxTak0AOrgs1DWNtUBaMD7vGwGbQiKX6X5ojmpqAF88+szd07H1t5fQ9/QI1Mzm6PNqOXt1eX3rm2NbHPxOF0euB5xlMLiz85wQd/kjd/+M/FJrQxUw2Z//w2wvHfy0LL+y7beoYH7j9Fi4Oz3CqC7tGIFaw1gOrgBJyB9qAr2HQg9hBqwVpF0Y0ZBZ0CA0FNsNrxnBtY3NmvWByMOC921ZeenzU7vpmJ+l+fjqeXI2C2qnSpaGxZe6chR9gevjOJt8F6o6IkF4v3Tj1sp5/dZDsWz30LH/5oYf42dsUv3Ptdc5swkgE1oONiiQKBTVfpINGnreTQm0EIqQ0tAIPaEUSuKkmlA380sK3rqzcX1teuXeY8bejseL0wuilF8Kmem6iPvPletRed86ZH5Q487/w1Nk3XPS0x/HvpPOXAuinUK+f4LHbfoyPPtrgd776PBcTqAMjHrgaDIYQBjJZHBhkxWtjUGRQy8D3IFLytzHQCCVQRVWB/QHaarZc6q5vGVz7/MPWJ9vZuutrm/nCVyOv9rkg0Bd/EAHwdhzbQ39Q3DSSpOTs+QsfLujfXmhY6YHzLvPArQ+ye3KGS5cvMRjCTAOCanL1NjgFQQRhEwhB+YCBYiAl4kqwDrwQnAdZAUpBmYM1EMSgWjCw6PkuwbVkYd/m8OQHut3hrf1sLV1Yu7LkvF5aiw0rG2vUamO0GhMM0jV8D7ARSnnEQZtAx7i3oWa9rUdGyLLB9w612l/4aBhnh7WDNIczC6C5ynvvuBfTKzh7cZX1DfAzqPswcJA6WfnUQV6CD+gS0o6sfGHA98EPICtBawgAW0IYQqmhsJD0oRVC6aOWe3By8cW9p5e/ckc5LOPJkeaFKCq6y+9SAPyri1ffcFGhml07GG1H4KdQWlgq4Pe+1qdRe4p7b7uLhcU+f3h8jm4ALQ22AGowKEFpiDTkCRQlGAfOlwzxVYUTnoBmLZbXCwfKQNYFNQTPh8iHXg4qhDNdd8BMXPqlI/XWTqz+da249G6ggqe2FqTF8OaRp5M9iifCMba6TMBNBbCSwMLGgNHxRd5zx+2UvT7nriWkCkbq0PAlpZUHpYEsl/TWGkoFLoAggGZdJh7GUGsISwwLCDWYBLQFF0rmUYLLIQqhMULsiuW7HOmhJCm+Wa9NbjQb43+2Epg43CQI/JtGGAQTWZB/zG+78TwD7QloDTNY7sNyP2fXros8dOwOBmuLXF60ZK5iAgODXErCehC4isUsNCNoNgUzDMIGmykkmWRQ4MBZSAqh1jwDU0CayOueg8TC0rDY30t4ZPvYlhOjzZmVTrL4pw/A+IEYrfieoUZTl/5sUGPU5AJocSQCpyhgs4B+CUduSTmyYw+DtWXOXYNMQQj4JYQR1CIIC6hraEQQhGAtbPYEI3IrwQoUhBYCD3INaSmg6JywijUVhuQQB5DksJYwG8Sr72vXW6eKPLnk+YD5UwSgttNhTHnTsKYY6RfmCb/OKBZUJDVsK2ArNaxn4MIET29wbPd+xuo9llcNtoDxGJoatKsYIgBjYVBAOoRhCYEvdV6LZFKeFowoKxUYKAFM7Yko9APJgLQPsS/BWuoxkdj598baXmuEzdPOhO4dB0BPGYr85pFndqKEn/FHGC20rFyuJS2D6mFTA7YOr1+0jLbWePSeY3jpgLn5nF4iaa8cFMgqZ6WURBgJ+HnVUFbS2yLvLY0EuR7L64URTPEUlAWkGdRrUm7OQGoYwWQPj7em+toGF1E6fUcBuPWhI0yMTt00JsenxztJ7wm/VY5YBI1LT+rPu674PJG785twZRna7VWO7b8VM8w5PZ/QM+B5ohKHlbT3tHzOWrngqiApCzqoVtpB7FXvKwUE/UDAVTvxjbZ6jloomJEXtOI4fNBTKoqDxvk4aG16BFhX4LBvOfwPPfb+N3Kj5/Nb/+NTOk2GeBqiusJohzPyIMYEmLIgLEXdXd2AL7xckh9+kQceup3SNzz53AZLA5iqyaTKXNJWKWEFhUw6joAUhgkYJcEuCshToVNXSAnpCDIDuQE3FDAtrHxfZuHK+sL4VCv4Jzv92jbP6X8Z+M0LPu77Wm3/ldMvvZkUNsMktTRlgsqTLxmNIFQwtAWZk5vHWu6xnMJXTpfU41P8pXuPUtdNnj17leUu+JG4w7gmfJ9dX0mgNwQyUKWsbN9BFAB+ZbI8KYEkFeXoeRJIX4mq9LVk0+YA/KgIveSlj8Z+09818cg/bARbNkqbv3UJjO2v0U/7N41B2o87afKEaQzHgwhMXQSOV6Wi0kJj41vEB5gcRtrCDunQ0IoWePTuu5lutjl/eonOqgRBBTIJowTwilJ8gecJzqCk1gMtctkLZKUxQoXKl+D4TrSEqoKglWSNF0qmpMnVY9tb91wOff1cWi5T2B6F7b7p8O++4643RsXzNpd7g/7lcpPWGOShUFNBlRER+AV4psaQlFpNUH9gYLGE/3MGVHSCRx/4ADa1/M8/OMWFCzC+D4KGBDAMISiE5/HB+jJB30rd11ryty0FJEdqwj6lESBWGoY5RLE8s8mhSMRLzPXgYufbvxzGtz5Z2N4FrQLsnwCI/uGDt77hYuCHw+Mnv71arIJfg6ICmz8WMDHUCrDGkHrQbkBiIHKi7ecT+MprOdtmX+aOe/ZRlgVfOP46Z5ahOQFRC5yWh9al0JpzUgJKQViX1e8PKzd5nTWc0GSublhsZ4UptAf5UHyEUTCfPrVnZ7b9p4el/Tfd/Dw16m9eAn/z732YIAhuGlEUcm1l/rHXFi/c6Y1CFgkNRh5oHwpfuD4ODIsDWdVhBm0PRgNZGS+C3GyytHKRndtn2bVzjGE/I01yfCUgWA9FYQZa/IanJTClgqEReQyVKLKy6qUR7PB8aNSllKg0gzEV20TghY5GNLPbGvW/NtJzHV0qijJ9w/C/8fzX39grV5p6FJ4LqmjnnlzPFQQWylJuXgvAM6BySV0/FG6uI72BzQxeOAOvjZzi8Xv38RN/43aee/51nn91ldKArvDAVvchFMFkCukv+Epssy6EKrHCEvjyvtLKxPNSmi0AvYE8TzOCjeLanrpq/7VAx7+pnMI588YS6GVrb3SDSlFaexpHHtcJwxi6pdAPSBbURgJCz+KFBlcpNRdAH7ABeKU8SLeEK5eh1jrPY8c87r17J56v+OZzK6wsgD8qvQQM5IV8j1+CzmSVnV/JYScZ4xD60wqygSxOqaryrPoLAdKzTJNFCv36x0bV/u/UgrHjvhfxvZ0l/5bDR95ku0iTptlr+rWv5SYg9IAxX0BuJIKRGFkWhJKKAuJQbO3AQFSrxE7ukTlDUIPz8xDoM+yd0hw4cBTPxDz7nauslmKGRuvQDEQt5iU0q0llVUrXIwl8P5FVDz0Y9KsGTF0oE8RlKgvDFNYHy0Q+R2Ov8+93TD34zydH950wtrg5AFtn97xpCeR5cfXQnv3XzqhzB+ulrOhkXSbaySHZhLgpDu56LzBLpYZV5QQLqygziBpQAhdX4eqG5cDkyzx47z3s2lrjpdOLvHiti/ahXYmgOBZcyFKp8agunx90JbDWQX8g+kFrKIZQ+gKmfuUnVhIwMUw2ocfcw91s6R9M6/0nnPJuEkf+xWuvv/meGV56cOvOZ68snzvYDIWKpsY9+rnBZmJlrdX4zqIDyYQsE1pyQ4hGoCxKbA5BS1A6K2EjkdqN689xaOoAH3z8PsZPvsKXn11g04rYwoMNT2i3Vt17WEignRI3GZQwEorCNBZUrfITuYByt4TVrixQawSW07P3bCtvn13pXFnwtHeDBR75yD0oq94wQh260I9GX5k/+ZHWKLgMvMDRz2V16iGE2tFLAC3pqqhscw5jDRik0j5v1iRlXSGIXmvA4jqcn1tnejLmlp37STdTzlzsk+YyYaeBuPIMngTFVZmmVWXKVAXEWjKhsimoEKwGU4LJYKQJYeAmvHLkcnew+q0k65AMZfhZv/+mGWD0kH5v42RggEAUWFFKl6cVCuraSrkZI8zgB5JcSstr3Z48nCnleuluGJ5cwYVN+NyJV/nw/YoPvf9OcCXPnFoht9AwIohUNTnrJLBeCBNNAcwyk+A45HWnIEewod6Qew8z8RA9c45OOveR3aMP/cfM3Jiz/61XvvimAVBojHVzIzVezTOOjDdlAp2BhDnLRb6Gofh7jaBxkcmqOE/Eilc5wcxIUHxfwCxWUK/DtQH8v1OvsON949x391bqNccr51fpZlJKfiQ+WWuRzKoKhClEPKWZlEoQVuJKoAFdyAZNYIU1+gYGxdxDo63t7w/i+peNEY/g7XygJk/4vQOL70VJGNe29EgeHavJzXuZTNZVAchLobBaLDfOMtEAoQfLS2JWmg152NIIj7fqco8kAb8hGRL6PbqDDVoNnz2z02idsb5e0ulJEFxlh62RpkrgS6s9T2XSYSSZqKuIF7mURBwIqFoFppzzd4w+tjDR3vlUblOU0njHPrSTuN74E0aNQLnN/rD706UmqvnftZJIm8takbRRBJslpAUERjxDryNOTitZPVdRW1w1M9aGiI/woR4MOb+QcW09Ydt0zO6tO9HWMT8/YOgqzV8FO4qkF2ErTGi0q36ClQ6TSUWVjo3fuF5o6JQwwWR4aOauzzvKgafA2/VgC2PMm46yLNE2XCzTbDpRxQMTo+AbSIZSc6OVscFKym8kUgITMTRjyZZS6okwErDMKu2fG+hbGGtC3UI7htUBrJSwuNLHUyV7tm9n23SdYbpBP5GajuKK901lhyP5nVblVlY1MDkir2W22qnyISnBL5a2HZ69/yvNxug5R4E/HA7f0i8rFE1v4tPJYPB3OhmTzQD8gRiiQlW870t5TPqCwmN1aDQ0SlsCT1bbWBErWSkPNMgkSI0QGIqICgLpN6z14KmX1rhnT8ojd95GrW746jcvs94XNugMpD1W86R8slKCm2aCQzUtixF7kCLf26iC7Tc7eLp+62S870uJ18FvhdN8v3MwsW6cTHrmU6uda/+MtjCCCySth7mAkHJiWV2146NshMtSdE3UoV9hQENX/T0LYzWhKVWC0hrlLJEBHUPWgJNXE6L4ZbaPzHDv7Xt55uQF1jfBa4jcVU7KL/BENpdW6M8GYLzKTjvpQygDNQf1oMZUvPPYVLhbm7C0OlARbz1iQDMRj37G9ZnvlRCNSa3VfaEiY6HwZKK5g24K3UEq8SsFCK83Nq9TqPIlUGlf+v/KtaG80TrbMgGNcXh1acDzZ8/TGm3wnvsOSpAHlZhzIpSaEYRVM7Vdk6apqhou2hPz1Hew2QVjGziV3QJMmKKPv7m68Pa2kJx3suXFn13vDX8xrENkpQFhc0lLz8k2VuTf4GsvlIcIYymNYSE20Vzvh+WSMQDGGoyV3aDIl7Z424duAZd60Jw/z6Hd+zi0t8WV+R5riXB+PRKGMdU+gnZVs8SATSsKVjd2pgbDhH7Wm8zLfqNfdFe00Ya3M3KVMdWY+ZTZ5NpGF5IB9DakDiMLXgJBLvRjrKy2V3l0LZ1bBomUDVWLuzQinghgaHMxNFUwXSqrGjmh26V+wpWVa1j6HDu8l11bRHUlhfQZSy3fFWrJOmskk7QVyk4TAeS1/hr94ZzW/gCne/hpbfi2NxKHJntpixr9z1dWNn/V1WGqIXiQVzdsBdIZysuq5nxIvqtxWQvETJVaegd+AFkimZK5TBgilAZqXgpy61w+hw99k7K66oijdY7uP0I5PMnl5YqJPMk0nHwnvmRb4ImAS4fgRmAhgQvrJ7PtU4fNZrKEv21s/9sOgHWW0drYbzRXzj38/Nylx1qeKDsqgeMFotByI6mvlGRIgLi0WluywwKjTQh96BRyaiTPhLKuBytqCNoPCwly5INVBSaCudVNTKE5sv8WSnuGy2vSuksKybrCgRkK+DV9AenCiNPsWFjur5QrySW7mazi757e/462k401nZ+662O/PP+ZT3z6yvLq0T2e+PWwLiLIImLHGqlR64nfDyvWGOTykKEWrPCrbvAgF5GVOSmfdv1GL+B6t9iUJYWcG+CVK+vccSDm6OHd9E9eYj2pOlahNFh9JQJokIAN5d4mryix6Ypa4OwwBJ2XGe907JjZ9dwde4583MHcYl8MhzFS006JI2yEckYAXXV2lDCErcxNngttBYEoRVtI1hSl4EVR4Uhcl6CaahVLC14d8hjOr8yT0WXvTp/phhzWMKkAaBRAORRQbGgYDwV4Fzehm5Sbg6IYDvICf3lj8R0fKvjsk/8Na4e/f3C6tW+l6P2rhU1q057UdORLtDWS/mVYdZoD2V4LlJRGXnWpbSE7ykWlFVQ12ay4EdSiOlBRGAFIpcCvw1DD+cV1RnzYuyPk8tWcjUyCpiqDVIsqN1n69ChZTGAzHV7u5HOdTtbF2/fIloqC3v7op30KU6C9/JXx5uToSmfz9iH4kaq2sSrJq68LFCOqr+bfsNHDVGRtmUFNiYZIiip76kJpw0xAMdTQqokDvV5ORSrA102lN9huGGammwySXKg0FENmq6wbWstAQxM42Gr9LsXg68sbc2ilNO90BH6IAkpjO40w+tfjik/4lo2lvkhcZ4Xm8irFPSPGpRZJM0WX1W8nUjoPIbXyfl9DsyVZZCsTFXmCKyDAWRQirz0l5ZFYmFuH+kiTrbMigYeF7GYV0t5ChZI90xq8Mr263l2h11//fsfB39olAFjlVq3h327zWh+PXXRtoSN9AKqdXy8Xs4OTk6Sm6v83IgGl2Je+gK6YIs3FJnsBNBqygklRTSQSgCuMiBrlVT1BHzZKWOqvYjVsn4VmKMyiPcm6QEmJjbagPd7Mo2aDuNX4swTgu+mRgU/9k4dH9/1imPPa1SU5xVFUQBf50t1yTvYBcKL/dSGttVokq1bzhT26HVnhdlNo9vpGiFKiNnMnR+oyS3XiSrT/SlpyeU2c6e7tIa0Qhn3pVtlSgHUjh0vrc8HF9XNcWr/47gQAoHR50Qz8z+2v7/iFIxPTXx92pSm5WcAgFNOkBtLdcVWqx77olTwV1A61+AvtJACBV5UQEGsth7Cs8Ly14huK8kY7bjOFxVx2qoNayMF9owQO0kHVObLQHcKQhVCHHQg28N/NU5eZLWiF9aff954f/5mvvPjkLyVW3f/y3Nw901vRXrUKoZONEL8mtVzk0kUKQ6lvc50aq/OD2slvZ3yckzaWMlIGWSGfjSMJ3npPdpcyBUtrfXZOzTAzLlvnQwPtULTCnXs/2Lxv94N0hp13NwDSSLM06vWLrVr7V3bVtt06P7fwt5qF+Yn+kKn1gqgRgh5Uh6m8yitUHd2GJ/UexKINTH7jPIAOanR7OVgJlKq20JwVRziszNh4tXO80oGGv0YtgvGmZrVjuZrA/BBm63duf2D6r7NYLry7AVDVgeuiLDDWDLA8O1avv3RgYvZ4b4NHT3XOfDT1GVtfgbFSdpUblXAqTaURqoNTJXIoImjB2Ij09lQBdU/wIneCL9eP5vXLaqPUSZPE8yExJVkKW6OYyfFR1rJ5WIOrS/N3n9t+emSls9p51zPge7PBqTL1VfBHs/XxJy+unDkxHo59eMX07t/YKHcP6wRTQKM6NB04AczRugREmwocNZi0Q+TJXqGxIrONk6yxSDBUUB3KSkQ3pNbRKUD3EyZaW9m/4xY6G2d49uWnH97Vmt1pjXv5BxqA63tMchLWFCh+9+DE0a+PmJW91zbOvldhd633eWy9w1RzknZcGZZa1XO0/g0aNNUBK1fxuh9UVjoSGnRWrG9ZyrZY4YsiHHhCh/3kHFOT09x35wyvn7oYn7ly5oGju+7+8wjAzT+FzRfQbmm8OXKiGPRn15aKtt/mkb1TBw5tLC29Z77f3V46ppsNkfYrm0RT4wJ8uZFucGzh1Dp4DWwUUKwNiOoBpg69zWVG4iZFI6TsbFIzIWo2xL1yAbWcLnPXoRrZOHzr4vGf3zZx5I/+3AMA4JyzBQZb2gVXstBq6/Ozrd1usJgfbIfd9taR9l85snPfyulrL8+sluW+HfXZhfOXF3bWG6jDkzOdzUW3pd5Z6u/Z7l/0h5NR1l9sb5vRp+reuEums12Hjz78+tUrp8cXhxcP3r33nvmgmN5z7vT/VtsCMKve0brS+fzq0h2taOz2H0oAbkJNBcbaMi8zLPmr9QA90971XOx55UTNtMdbEybZHHquZKzlsx4NJiay/tVwpsHlkXyrnyWmUXf0RplI664ZtUem3fbWtpzWasuzq+ZA8zb7wrkrk9sa4foHDt6/Mwqn/AvzV9ozszve1w4byQ83AG8qqLClLWx/mIJyXe35DNJltEdXKcjzsleaHC+A3NjMunJgFPJPmtZlmRkyyBP8wOuhHHlh6aT9Od/TtBujp0O/TTtqMTO29RsF2Yj6Uf/3+f8/AIMBn3/37A1UAAAAAElFTkSuQmCC";
    else if (this.type == Leaf.TYPE_DRY_1) image.src = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo1ODM0MTFCMjdDODZFNjExQTI3RUYzODlDOEMzNDc5MSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1N0I1NUNCQzg4MTQxMUU2ODQ3MzlBODM2RkE5Q0U2OCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1N0I1NUNCQjg4MTQxMUU2ODQ3MzlBODM2RkE5Q0U2OCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU4MzQxMUIyN0M4NkU2MTFBMjdFRjM4OUM4QzM0NzkxIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU4MzQxMUIyN0M4NkU2MTFBMjdFRjM4OUM4QzM0NzkxIi8+IDwvcmRmOkRlc2NyaXB0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";

const material = new THREE.MeshBasicMaterial();
    material.color = new THREE.Color().setHSL(random(0.2, 0.4), 0.4, 0.5);
    // if (this.params.map) material.map = this.params.map;
    material.map = texture;
    material.side = THREE.DoubleSide;
    material.transparent = true;
    material.depthTest = false;

this.mesh = new THREE.Mesh(geometry, material);
    this.mesh.visible = false;
    this.mesh.scale.set(this.scale, this.scale, this.scale);
}

Leaf.prototype.fall = function() {
    this.pos = new THREE.Vector3(0, this.params.boundingBox.y * 0.5 + random(this.params.boundingBox.y * 0.05), 0);

this.mesh.visible = true;
    this.isFalling = true;
}

Leaf.prototype.hide = function() {
    this.mesh.visible = false;
    this.isFalling = false;
    TweenMax.killTweensOf(this);
}

Leaf.prototype.rest = function() {
    this.isFalling = false;
    TweenMax.killTweensOf(this);
    this.mesh.rotation.x = this.mesh.rotation.x % PI;
    TweenMax.to(this.mesh.rotation, 0.3, {
        x: HALF_PI,
        y: 0
    });
}

Leaf.prototype.update = function(wind = 0, gravity = 1) {
    if (!this.isFalling) return;

const noise = this.simplex.noise2D(Date.now() * 0.0002, this.index);
    this.value = noise * 2;

this.angle.x += 0.01 / Math.max(noise, 0.05);
    // this.angle.y += noise;
    this.angle.z += noise * 0.05;

this.pos.x += wind;
    // this.pos.y += (1 - this.value) * this.radius.y * this.gravity * -0.1 - this.mass;
    // this.pos.y += (2 - abs(this.value)) * gravity * -this.mass;
    this.pos.y -= gravity - this.value;

this.mesh.position.x = this.value * this.radius.x;
    this.mesh.position.y = cos(this.value * HALF_PI) * -this.radius.y;
    this.mesh.position.z = sin(this.angle.z) * this.radius.z;

this.mesh.position.x += this.pos.x;
    this.mesh.position.y += this.pos.y;

this.mesh.rotation.x = this.angle.x;
    // this.mesh.rotation.x = HALF_PI + sin(this.value * HALF_PI);
    // this.mesh.rotation.y = PI + this.angle.y;
    this.mesh.rotation.z = this.angle.z;
}

// ----------------------------------------
// FALLING LEAVES
// ----------------------------------------

var camera, scene, renderer;

init();
animate();

function init() {
    scene = new THREE.Scene();

camera = new THREE.PerspectiveCamera(40, window.innerWidth / window.innerHeight, 1, 1000);
    camera.position.z = 500;

renderer = new THREE.WebGLRenderer({
        antialias: true,
        alpha: true
    });
    renderer.setPixelRatio(window.devicePixelRatio);
    renderer.setSize(window.innerWidth, window.innerHeight);
    document.body.appendChild(renderer.domElement);

// trackball controls
    this.controls = new THREE.TrackballControls(camera, renderer.domElement);
    this.controls.zoomSpeed = 0.8;
    this.controls.panSpeed = 0.8;
    this.controls.staticMoving = false;
    this.controls.dynamicDampingFactor = 0.15;
    this.controls.maxDistance = 3000;

// listeners
    window.addEventListener('resize', onWindowResize, false);

this.simplex = new SimplexNoise();

this.container = new THREE.Object3D();
    scene.add(this.container);

// defaults
    this.params = {};
    this.params.amount = 30;
    this.params.interval = 0.1;
    this.params.boundingBox = new THREE.Vector3(150, 300, 100);
    this.gravity = this.params.gravity = 2;
    this.wind = this.params.wind = 0.5;

// box
    const geometry = new THREE.BoxGeometry(this.params.boundingBox.x, this.params.boundingBox.y, this.params.boundingBox.z);
    const material = new THREE.MeshBasicMaterial({
        color: 0x333333,
        wireframe: true
    });
    this.box = new THREE.Mesh(geometry, material);
    // this.box.visible = false;
    this.container.add(this.box);

// leaves
    this.leaves = [];

const params = {
        boundingBox: this.params.boundingBox,
        gravity: this.params.gravity,
        wind: this.params.wind,
    };

for (let i = 0; i < this.params.amount; i++) {
        const leaf = new Leaf(i, params);
        this.leaves.push(leaf);
        this.container.add(leaf.mesh);
    }

// control kit
    this.showBox = true;
    this.allowRest = false;
    this.range = [0, 5];

this.controlKit = new ControlKit();
    this.controlKit.addPanel({
            width: 300,
            enable: true
        })
        .addSlider(this, 'gravity', 'range', {
            label: 'gravity'
        })
        .addSlider(this, 'wind', 'range', {
            label: 'wind'
        })
        .addCheckbox(this, 'showBox', {
            label: 'show box',
            onChange: () => {
                this.box.visible = this.showBox;
            }
        })
        .addCheckbox(this, 'allowRest', {
            label: 'allow rest'
        })
        .addButton('reset', () => {
            this.reset();
        })

// start
    this.reset();
}

// drop a leaf
function drop() {
    let next = 0;

// find next available
    for (let i = 0; i < this.leaves.length; i++) {
        if (this.leaves[i].isFalling) continue;
        next = i;
        break;
    }

this.leaves[next].fall();
}

function reset() {
    for (let i = 0; i < this.leaves.length; i++) {
        const leaf = this.leaves[i];
        TweenMax.delayedCall(i * this.params.interval, leaf.fall.bind(leaf));
    }
}

function onWindowResize() {
    camera.aspect = window.innerWidth / window.innerHeight;
    camera.updateProjectionMatrix();
    renderer.setSize(window.innerWidth, window.innerHeight);
}

function animate() {
    // leaves
    const noise = this.simplex.noise2D(Date.now() * 0.00001, 1);
    const wind = abs(noise) * this.wind * this.wind;

for (let i = 0; i < this.leaves.length; i++) {
        const leaf = this.leaves[i];
        leaf.update(wind, this.gravity);

// when leaf touches the ground
        if (leaf.mesh.position.y < -this.params.boundingBox.y * 0.5) {
            if (this.allowRest) leaf.rest();
            else leaf.fall();
        }
    }

// controls
    this.controls.update();

requestAnimationFrame(animate);
    renderer.render(scene, camera);
}

编译

CSS

HTML

Falling Leaves, 可以自定义重力效应、风力。

webgl, leave

编辑器支持Emmet

快捷键

Falling Leaves, 可以自定义重力效应、风力。

webgl, leave

HTML5 Three.js引力场（3D空间漩涡）动画

HTML5 Three.js 3D洞穴中的火焰和烟雾以及热变形动画特效

编辑器支持Emmet

快捷键

语言：

语言：

导入代码模板：