ThreeJS车辆简单渲染及控制系统

最新推荐文章于 2024-10-08 15:17:56 发布

原创

最新推荐文章于 2024-10-08 15:17:56 发布 · 1.6k 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#webgl #three.js #3d渲染 #3d #交互式系统

博客介绍了简单的PBR应用，该应用有简单全局光，多依赖环境光，优化了金属光泽及车漆效果，材质使用threejs editor编辑导出的glb。同时已开发控制遥杆进行运动控制，还给出了主要运动控制代码和演示地址。

简单的PBR应用，该例子仅有简单全局光，多依赖环境光，优化金属光泽及车漆效果，材质直接使用threejs editor编辑好导出glb直接使用。已开发控制遥杆进行运动控制。

缩略图
主要运动控制代码：

        var brakingDeceleration = 1;
        if (this.touchControls.brake) brakingDeceleration = this.brakePower;
        if (this.touchControls.moveForward) {
            this.speed = THREE.Math.clamp(this.speed - delta * this.acceleration, maxSpeedReverse, this.maxSpeed);
            acceleration = THREE.Math.clamp(acceleration - delta, -1, 1);
        }
        if (this.touchControls.moveBackward) {
            this.speed = THREE.Math.clamp(this.speed + delta * accelerationReverse, maxSpeedReverse, this.maxSpeed);
            acceleration = THREE.Math.clamp(acceleration + delta, -1, 1);
        }
        if (this.touchControls.moveLeft) {
            wheelOrientation = THREE.Math.clamp(wheelOrientation + delta * steeringWheelSpeed, -maxSteeringRotation, maxSte