view - 球体内的相机-6ren

view - 球体内的相机

转载作者：行者123 更新时间：2023-12-05 08:59:32

我想创建一个天穹并制作球体，纹理加载也很好，但我无法在球体内移动相机。球体消失。我知道这是一个业余问题，但看不到球体的内部。

是某种切割或 Z 缓冲区问题吗？

我该如何解决？

我的代码:

<html>
<head>
    <script src="js/jquery-1.8.3.min.js"></script>  
    <script src="js/three.min.js"></script>
</head>

<body>

    <div id="container">

    </div>


    <script>
        function addSpaceSphere( ){
            // set up the sphere vars
            var radius = 200,
            segments = 16,
            rings = 16;

            var material = new THREE.MeshPhongMaterial({
                color:0xFFFFFF,
                map: THREE.ImageUtils.loadTexture( 'textures/SPACE014SX.png' )
            });

            var sphere = new THREE.Mesh(
                new THREE.SphereGeometry(
                    radius,
                    segments,
                    rings
                ),
                material
            );


            // add the sphere to the scene
            scene.add(sphere);
        }

        function addLights(){
            // create a point light
            var ambient = new THREE.AmbientLight( 0xFFFFFF );
            scene.add( ambient );
        }
        function render() {
            camera.lookAt( focus );
            camera.updateProjectionMatrix();

            renderer.render( scene, camera );
        }
        function animate() {
            requestAnimationFrame( animate );
            render();
        }

        function createScene(){
            // add the camera to the scene
            scene.add(camera);

            // the camera starts at 0,0,0
            // so pull it back
            camera.position.x = 0;
            camera.position.y = 0;
            camera.position.z = 300;

            // start the renderer
            renderer.setSize(WIDTH, HEIGHT);

            $container.append(renderer.domElement);

            addSpaceSphere( );

            addLights();

            animate();
        }

        var WIDTH = window.innerWidth;
        var HEIGHT = window.innerHeight;

        var VIEW_ANGLE = 45,
            ASPECT = WIDTH / HEIGHT,
            NEAR = 0.01,
            FAR = 10000;

        var focus = new THREE.Vector3( 0, 0, 0 );


        var isUserInteracting = false,
            onPointerDownPointerX = 0, onPointerDownPointerY = 0,
            lon = 0, onPointerDownLon = 0,
            lat = 0, onPointerDownLat = 0,
            phi = 0, theta = 0;

        var $container = $('#container');

        // create a WebGL renderer, camera
        // and a scene
        //var renderer = new THREE.CanvasRenderer();
        var renderer = new THREE.WebGLRenderer();
        var camera = new THREE.PerspectiveCamera(
            VIEW_ANGLE, ASPECT, NEAR, FAR
        );

        var scene = new THREE.Scene();

        createScene();      

    </script>
</body>

最佳答案

将天穹 Material 设为双面——它正在被剔除。将“side”属性设置为 THREE.DoubleSide

(或者 THREE.BackSide 也应该工作，如果相机只在球体内)

关于view - 球体内的相机，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/13776151/

文章推荐： font-size - 行高与字体大小/行高

文章推荐： php - 使用不带花括号的 switch 语句的优点和缺点

文章推荐： Javascript - 日期范围验证

flutter - 体内 flutter 出两个小部件？
因此，我的flutter应用程序运行正常，但是我想对其进行一些更改。我要执行的第一个更改是创建一个水平滚动窗口小部件，该窗口小部件的图像可以单击以更改工作站。但是要做到这一点，我首先需要将两个小部
css - 模态 Angular 2 造型 div 体内
如何在 Bootstrap 模态的主体内设置 div 样式？这是我的模型: text ') .okBtn('ok') .open();">Open Model 我的CSS: @M
mysql - 无法将 INSERT STATEMENT 放入 SQL Fiddle 的 TRIGGER 体内
我有一个简单的触发器，它在 SQL Fiddle 上运行，但它不允许我将 INSERT STATEMENT 移动到触发器的主体内。 my code on sqlFiddle我只是想移动这条线 INSE

行者123

个人简介

我是一名优秀的程序员,十分优秀！

作者热门文章

滴滴打车优惠券免费领取

全站热门文章

首页

博学

6Ren·AI

商城

view - 球体内的相机