小编Aka*_*kao的帖子

Three.js 设置平面大小为全视图

我是日本人,英语不好,抱歉。

我正在学习 Three.js。

我想将飞机设置为相机前面的背景。

我希望平面背景完全填充窗口(渲染器)。

但现在却是这样了。

飞机是蓝色的。

它有点小。

这是代码。

function init() {
    var scene = new THREE.Scene();

    var camera = new THREE.PerspectiveCamera(45, window.innerWidth / window.innerHeight, 0.1, 1000);
    scene.add(camera);

    camera.position.x = 0;
    camera.position.y = 0;
    camera.position.z = 100;
    camera.lookAt(scene.position); // (0, 0, 0)

    var renderer = new THREE.WebGLRenderer();
    renderer.setClearColor(new THREE.Color(0xe3e3e3));
    renderer.setPixelRatio(window.devicePixelRatio);
    renderer.setSize(window.innerWidth, window.innerHeight);
    renderer.shadowMap.enabled = true;

    var spotLight = new THREE.SpotLight(0xffffff);
    spotLight.position.set(50, 50, 50);
    spotLight.castShadow = true;
    scene.add(spotLight);

    // I want to put Plane's size as full background. not (82, 82 …
Run Code Online (Sandbox Code Playgroud)

html javascript three.js typescript

4
推荐指数
1
解决办法
2489
查看次数

标签 统计

html ×1

javascript ×1

three.js ×1

typescript ×1