Babylonjs学习笔记(十六)——设置广告牌模式

superTiger_y

已于 2024-09-03 09:33:51 修改

阅读量105

点赞数 2

文章标签： 3d 学习前端

于 2024-08-13 11:39:40 首次发布

本文链接：https://blog.csdn.net/weixin_41718879/article/details/141160039

版权

学习中遇到了一个问题，设置广告牌模式之后，需要旋转位置

记录一下

   // 设置广告牌模式
    const atmosphere = scene.getMeshByName('Earth_Atmosphere')!;
    atmosphere.material!.backFaceCulling = false;
    atmosphere.billboardMode = Mesh.BILLBOARDMODE_ALL;

    const hightlight = scene.getMeshByName('Earth_Hightlight')!;
    hightlight.material!.backFaceCulling = false;
    hightlight.billboardMode = Mesh.BILLBOARDMODE_ALL;

    const rotationZ = Quaternion.RotationAxis(Axis.Z, Tools.ToRadians(-50));
    const rotationX = Quaternion.RotationAxis(Axis.X, Tools.ToRadians(0));
    const rotationY = Quaternion.RotationAxis(Axis.Y, Tools.ToRadians(30));
    /**
     * 旋转四元素乘法不可交换顺序，通常按照Z-X-Y的顺序(bjs默认顺序)
     *
     **/
    const finalRotation = new Quaternion().multiply(rotationY).multiply(rotationX).multiply(rotationZ);
    hightlight.rotationQuaternion = finalRotation;