threejs
夜雨Gecer
To be or not to be
展开
-
【ThreeJS】图形基础:点、线、面
坐标系如下声明一个点var point1 = new THREE.Vecotr3(4,8,9);或var point1 = new THREE.Vector3();point1.set(4,8,9);点并不是一个图像上的一个画出来的点,图像上画出来的实际是由点组成的圆柱或者球体。这里只是代表一个坐标。创建一条线或者一组折线 //声...原创 2019-07-25 14:21:31 · 989 阅读 · 2 评论 -
【threeJs】小白入门,加载obj模型以及相应贴图
此文为小白入门篇,如有不对请多多指正。先上效果three的版本很重要,因为要引入很多js如果版本不一致会走很多不必要的弯路,此文使用的版本是87版。html代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>d...原创 2019-07-24 11:21:51 · 10361 阅读 · 6 评论 -
【ThreeJs】光源
光源分为环境光、方向光、聚光灯、点光源等多种我们先来看一下没有光:没有光就是黑暗什么也看不见。我们先加上一个环境光有了光才能看见物体现在逐个展示和分析一下光源;环境光如上图所示,环境光是充斥在整个空间内的光,空间内的物体都享有来自四面八方的光的照射,类似于手术的无影灯。 var light = new THREE.AmbientLight(0xFFFFFF...原创 2019-07-25 17:02:25 · 544 阅读 · 0 评论 -
【Vue】在vue工程中加入Three,并实现obj,mtl加载
在前几篇文章,已经介绍了Threejs的基本使用,本文将讲解如何在Vue中加入Threejs以及OBJ、MTL加载。先上效果:文档结构(注意在vue3之前的版本,obj等资源要放在static下面):其实在vue中使用threejs更加简单,唯一要注意的就是版本问题,我以前用的84版这一次引用的是最新的106版,在相机的处理上感觉与旧版本有区别。步骤:npm cnpm ...原创 2019-07-26 13:53:41 · 4045 阅读 · 1 评论