WebGL spector.js环境信息

收集1

three.js examples (threejs.org)

new RGBELoader()
        .setDataType(THREE.UnsignedByteType)
        .setPath("textures/equirectangular/")
        .load("royal_esplanade_1k.hdr", function (texture) {
                const envMap = pmremGenerator.fromEquirectangular(texture).texture;

                scene.background = envMap;
                scene.environment = envMap;

                texture.dispose();
                pmremGenerator.dispose();

                // model

                const loader = new GLTFLoader().setPath(
                        "models/gltf/DamagedHelmet/glTF/"
                );
                loader.load("DamagedHelmet.gltf", function (gltf) {
                        scene.add(gltf.scene);
                });
        });

• envMap的显示图片如下

收集2

• pbr (mecg.me)

收集3

• Sketchfab - The best 3D viewer on the web