demothree

最新推荐文章于 2024-05-16 09:43:08 发布

寒江孤影江湖故人GP

最新推荐文章于 2024-05-16 09:43:08 发布

阅读量140

点赞数

分类专栏： html 文章标签： html

本文链接：https://blog.csdn.net/lpy9999/article/details/89405882

版权

html 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>the first three.js </title>
    <style>
        body { margin: 0;}
        canvas { width: 100%; height: 100%;}
    </style>
</head>
<body>
    <script src="http://www.yanhuangxueyuan.com/3D/example/three.min.js"></script>
    <script>
        var scene = new THREE.Scene();//使用场景
        var camera = new THREE.PerspectiveCamera( 75, window.innerWidth / window.innerHeight, 0.1, 1000 );

        var renderer = new THREE.WebGLRenderer();
        renderer.setSize( window.innerWidth, window.innerHeight );
        document.body.appendChild( renderer.domElement ); 

        var geometry = new THREE.BoxGeometry( 1, 1, 1 );
        var material = new THREE.MeshBasicMaterial( { color: 0x00ff00 } );
        var cube = new THREE.Mesh( geometry, material );
        scene.add( cube );

        camera.position.z = 5;

        function animate() {
            requestAnimationFrame( animate ); 
            renderer.render( scene, camera );
            cube.rotation.x += 0.05;  
            cube.rotation.y += 0.05;
        }
        animate();
    </script>

</body>