#

luxiaotao1123

2024-03-28 391cb4f71704a491f08293c19a75453fc138670f

#

 zy-asrs-flow/src/pages/map/drawer/shelf/shelfThree.js

@@ -8,22 +8,23 @@
export default class ShelfThree {

    constructor(dom) {
        const { current: container } = dom;
        this.fullWidth = container.offsetWidth;
        this.fullHeight = container.offsetHeight;
        this.scene = this.initScene();
        this.camera = this.initCamera();
        this.renderer = this.initRenderer(container);
        this.controls = this.initControls();
        this.stats = this.initStats(container);
        this.windowResize();
        this.initRaycaster(container);
        initLight(this.scene);
        this.dom = dom;
        this.fullWidth = dom.offsetWidth;
        this.fullHeight = dom.offsetHeight;

        this.objects = [];
    }

    startup = () => {
        this.scene = this.initScene();
        this.camera = this.initCamera();
        this.renderer = this.initRenderer();
        this.controls = this.initControls();
        this.stats = this.initStats();
        this.windowResize();
        this.initRaycaster();
        initLight(this.scene);

        this.animate();
        this.build();
    }
@@ -65,7 +66,7 @@
        return camera;
    }

    initRenderer = (container) => {
    initRenderer = () => {
        const renderer = new THREE.WebGLRenderer({ antialias: true, alpha: true });
        renderer.setClearAlpha(0);
        // renderer.useLegacyLights = false;  // 旧版光源 重要
@@ -75,7 +76,7 @@
        renderer.toneMapping = THREE.ACESFilmicToneMapping;
        renderer.setPixelRatio(window.devicePixelRatio);
        renderer.setSize(this.fullWidth, this.fullHeight);
        container.appendChild(renderer.domElement);
        this.dom.appendChild(renderer.domElement);
        return renderer;
    }

@@ -97,9 +98,9 @@
        return controls;
    }

    initStats = (container) => {
    initStats = () => {
        const stats = new Stats();
        container.appendChild(stats.dom);
        this.dom.appendChild(stats.dom);
        if (!help) {
            stats.domElement.style.display = 'none';
        }
@@ -115,15 +116,15 @@
        window.addEventListener('resize', this.resizeHandler, false);
    }

    initRaycaster = (container) => {
    initRaycaster = () => {
        let that = this;
        const raycaster = new THREE.Raycaster();
        const mouse = new THREE.Vector2();

        container.addEventListener("click", (event) => {
        this.dom.addEventListener("click", (event) => {
            this.handleClick("null");
        })
        container.addEventListener("dblclick", (event) => {
        this.dom.addEventListener("dblclick", (event) => {
            let x, y;
            if (event.changedTouches) {
                x = event.changedTouches[0].pageX;

 zy-asrs-flow/src/pages/map/drawer/shelf/view.jsx

@@ -22,12 +22,12 @@
    const intl = useIntl();
    const { styles } = useStyles();

    console.log(props.data);
    // console.log(props.data);

    const refContainer = useRef();

    useEffect(() => {
        shelfThree = new ShelfThree(refContainer);
        shelfThree = new ShelfThree(refContainer.current);
        shelfThree.startup();

        return () => {