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

最新推荐文章于 2023-07-22 23:10:04 发布

EasonYi_

最新推荐文章于 2023-07-22 23:10:04 发布

阅读量1.3k

点赞数 2

分类专栏： ThreeJS 文章标签： webgl three.js 3d渲染 3d 交互式系统

本文链接：https://blog.csdn.net/yichen454/article/details/111877397

版权

ThreeJS 专栏收录该内容

6 篇文章 4 订阅

订阅专栏

简单的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, maxSteeringRotation);
        }
        if (this.touchControls.moveRight) {
            wheelOrientation = THREE.Math.clamp(wheelOrientation - delta * steeringWheelSpeed, -maxSteeringRotation, maxSteeringRotation);
        }
        // this.speed decay
        if (!(this.touchControls.moveForward || this.touchControls.moveBackward)) {
            if (this.speed > 0) {
                var k = exponentialEaseOut(this.speed / this.maxSpeed);
                this.speed = THREE.Math.clamp(this.speed - k * delta * deceleration * brakingDeceleration, 0, this.maxSpeed);
                acceleration = THREE.Math.clamp(acceleration - k * delta, 0, 1);
            } else {
                var k = exponentialEaseOut(this.speed / maxSpeedReverse);
                this.speed = THREE.Math.clamp(this.speed + k * delta * accelerationReverse * brakingDeceleration, maxSpeedReverse, 0);
                acceleration = THREE.Math.clamp(acceleration + k * delta, -1, 0);
            }
        }

演示地址：
点我