threejs1模板+实现创建个无材质的球（无操作）+roiss

最新推荐文章于 2024-07-21 13:53:47 发布

Jessica巨人

最新推荐文章于 2024-07-21 13:53:47 发布

阅读量273

点赞数

分类专栏： threejs 文章标签：材质

本文链接：https://blog.csdn.net/qq_34113388/article/details/120829633

版权

threejs 专栏收录该内容

20 篇文章 1 订阅

订阅专栏

请添加图片描述

1.threejs模板:

在这里插入图片描述

2. 第一种书写方式

在这里插入图片描述

例1：

在这里插入图片描述

3.第二种书写方式，nodejs和webpage管理

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();