threejs1实现创建个无材质的球（无操作）

Posted 2021-11-07 Jessica巨人

import {WebGLRenderer,PerspectiveCamera, Scene, SphereGeometry, MeshBasicMaterial, Mesh,DoubleSide}from "three"
var renedrer,camera,control,scene;


function init() 
{
    renedrer=new WebGLRenderer({});
    document.body.appendChild(renedrer.domElement);
    renedrer.setSize(window.innerWidth,window .innerHeight);

    camera=new PerspectiveCamera(45,window.innerWidth/window.innerHeight,0.1,10000);
    camera.position.z=20;

    scene =new Scene();


    scene.add(new Mesh(new SphereGeometry(2,30,30),new MeshBasicMaterial({color:0xff0000,side:DoubleSide})));

    window.addEventListener('resize',()=>{
        renedrer.setSize(window.innerWidth,window .innerHeight);
    })
}
function render() {

    renedrer.render(scene,camera);
    requestAnimationFrame(render);
}
init();
render();

效果：