线框多边形

最新推荐文章于 2021-01-14 09:26:21 发布

Super_Calvin

最新推荐文章于 2021-01-14 09:26:21 发布

阅读量162

点赞数 1

分类专栏： # 几何图形文章标签：线框多边形

本文链接：https://blog.csdn.net/weixin_45544796/article/details/109844815

版权

几何图形专栏收录该内容

89 篇文章 2 订阅

订阅专栏

线框多边形

示例
HTML
CSS
JS

更多有趣示例尽在 知屋安砖社区

示例

在这里插入图片描述

HTML

CSS

body {
  background: #111;
  margin: 0;
  padding: 0;
}


canvas { width: 100%; height: 100% }

JS

var scene = new THREE.Scene();
var camera = new THREE.PerspectiveCamera( 75, window.innerWidth/window.innerHeight, 0.6, 100000 );


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


var pointLight = new THREE.PointLight( 0xFF00FF, 2);
pointLight.position.set( 200, 250, 600 );
pointLight.castShadow = true;
scene.add( pointLight );


var controls = new THREE.OrbitControls( camera, renderer.domElement );


var geometry = new THREE.CylinderGeometry( 10, 10, 6, 8, 2 );
var material = new THREE.MeshBasicMaterial( { color: 0xffff00, wireframe: true } );
var cube = new THREE.Mesh( geometry, material );
scene.add( cube );


camera.position.z = 50;
controls.update();


var animate = function () {
  requestAnimationFrame( animate );
  renderer.render( scene, camera );
  controls.update();
};


animate();