three.js从入门到精通系列教程048 - 创建粒子模拟下雨雨滴效果

smartsmile2012

于 2024-01-23 09:21:27 发布

阅读量505

点赞数 6

CC 4.0 BY-SA版权

分类专栏： three.js从入门到精通系列教程文章标签： javascript 开发语言 ecmascript three.js 前端数字孪生

本文链接：https://blog.youkuaiyun.com/smartsmile2012/article/details/135763217

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>three.js从入门到精通系列教程048 - 创建粒子模拟下雨雨滴效果</title>
    <script src="ThreeJS/three.js"></script>
    <script src="ThreeJS/jquery.js"></script>
</head>

<body>
    <script>
        var myRenderer, myCamera, myScene, myPoints;
        //创建渲染器
        function initRender() {
            myRenderer = new THREE.WebGLRenderer({ antialias: true });
            myRenderer.setClearColor(new THREE.Color(0xffffff));
            myRenderer.setSize(window.innerWidth, window.innerHeight);
            document.body.appendChild(myRenderer.domElement);
            myCamera = new THREE.PerspectiveCamera(45,
                window.innerWidth / window.innerHeight, 1, 200);
            myCamera.position.set(0, 20, 100);
            myCamera.lookAt(new THREE.Vector3(0, 30, 0));
            myScene = new THREE.Scene();
        }
        /