babylonjs基于自定义网格生成围栏动画

哈哈哈嗝哈哈哈

已于 2023-08-18 10:36:28 修改

阅读量279

点赞数

分类专栏： Babylonjs 文章标签： javascript

于 2023-08-17 17:22:59 首次发布

本文链接：https://blog.csdn.net/weixin_43387812/article/details/132345521

版权

Babylonjs 专栏收录该内容

15 篇文章 3 订阅

订阅专栏

效果：在这里插入图片描述

import {Vector3, Mesh, MeshBuilder, StandardMaterial, Texture, Animation, Color3,GlowLayer } from "@babylonjs/core";
import imgUrl from "./image/headerwangge2.png"
// 创建模型护栏特效
export default class CreateRail {
    constructor(scene,) {
        this.scene = scene;
    };
    create() {
   		 //鼠标点击的坐标
        let _position = [{x:1,y:1,z:1},{x:2,y:2,z:2}]
        if (_position.length <= 0) {
            return;
        }
    	var mat = new StandardMaterial("sta", this.scene);
        mat.diffuseTexture = new Texture(imgUrl, this.scene);
        mat.diffuseTexture.vScale = 5;
        mat.emissiveColor = Color3.Red();
        mat.specularPower = 2;
        const path = []
        for (let index = 0; index < _position.length - 1; index += 1) {
            path.push(new Vector3(_position[index].x, _position[index].y, _position[index].z));
            path.push(new Vector3(_position[index + 1].x, _position[index + 1].y, _position[index + 1].z));
        }
        let polygon = MeshBuilder.CreatePolygon("polygon", { shape: path, holes: [path], depth: 10, sideOrientation: Mesh.DOUBLESIDE }, this.scene);
        polygon.visibility = 0.2;
        polygon.position.y = 10
        polygon.material = mat;
        const gl = new GlowLayer("glow", this.scene);
        gl.intensity = 0.5;
        gl.addIncludedOnlyMesh(polygon)
        Animation.CreateAndStartAnimation("ani", mat, "diffuseTexture.vOffset",60, 60,
            1, 0, 1, undefined, undefined, this.scene);

    };

}