自定义几何体

本文深入探讨如何利用three.js库创建自定义的3D几何形状。通过理解基本几何体构造原理,结合顶点数组和面数组,你可以自由地设计并绘制出独特的三维图形。此外,还将介绍如何应用材质和纹理,使你的自定义几何体更加生动逼真。
摘要由CSDN通过智能技术生成



/**
 * Created by 12204 on 2016/11/12.
 */
 function init() {
	 
		 var stats = initStats();//初始化2监视器
		 
        //创建一个场景
        var scene = new THREE.Scene();
		
        // 创建一个相机
        var camera = new THREE.PerspectiveCamera(45, window.innerWidth / window.innerHeight, 0.1, 1000);

        // 创建一个渲染器
        var renderer = new THREE.WebGLRenderer();
        renderer.setClearColorHex();
        renderer.setClearColor(new THREE.Color(0xEEEEEE));
        renderer.setSize(window.innerWidth, window.innerHeight);
		renderer.shadowMapEnabled = true;//告诉渲染器我需要影子

        // 把坐标轴显示出来
        var axes = new THREE.AxisHelper(20);
        scene.add(axes);

        // 创建一个平面
		var planeGeometry = new THREE.PlaneGeometry(60, 40, 1, 1);
        var planeMaterial = new THREE.MeshLambertMaterial({color: 0xffffff});//新的材质对光源有反应
        var plane = new THREE.Mesh(planeGeometry, planeMaterial);
		plane.receiveShadow = true;//我接受影子照在我身上
        //旋转平面的位置因为默认是与x轴平行的
		
		
        plane.rotation.x = 1.5 * Math.PI;//-1.5到到0.5其实是一样的反向的问题
		//所以也可以这么写
		//plane.rotation.x = -0.5 * Math.PI;
        plane.position.x = 0
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值