web端3D渲染

16 2020年05月

#web端3D渲染

three.js渲染3D模型（obj+mtl）

直接上代码<!DOCTYPEhtml><html><head><title>suc</title><metahttp-equiv="Content-Type"content="text/html;char

查看全文

10 2020年05月

#web端3D渲染

网页上渲染全景图片

网页上渲染全景图片，足不出户带你赏风景看户外引言因为前面几篇文章都说明了three.js实现的web端的3维渲染，而且有相对应的demo。接下来将一个基于three.js的插件实现全景图片的渲染，Photo Sphere Viewer（基于three.js的web全景渲染插件）带你足不出户赏风景。

查看全文

05 2020年05月

#web端3D渲染

使用Panolens渲染全景图片

一款集成three.js完成的web端360全景图片渲染插件Panolens

查看全文

19 2020年04月

#web端3D渲染

3Dweb渲染初学者的几个小问题

辅助坐标系的问题varaxesHelper=newTHREE.AxesHelper(10000);刚初始化坐标系后在浏览器里面看到的不是立体图形，可能只有一条线或者两条，并不是立体的，这个时候就要检查自己的照相机参数设置了，camera的参数影响整个视觉，举个例子：varcamera=newTHRE

查看全文

15 2020年04月

#web端3D渲染

web3维渲染之常见几何体

常用几何体概念所有几何体的基类分为Geometry和BufferGeometry两大类，两类几何体直接可以相互转化。注：以下所有示例材质（材质的具体概念下次再讲）选用均建议用如下：//第一个参数是几何体颜色第二个为网格线框展示图形容易观察const material = new THREE.

查看全文

01 2020年04月

#web端3D渲染

web3维渲染初探，用js实现web3D效果

场景（scene）场景是所有物体的容器varscene=newTHREE.Scene();相机（camera）"相机决定了场景中那个角度的景色会显示出来。相机就像人的眼睛一样，人站在不同位置，抬头或者低头都能够看到不同的景色。场景只有一种，但是相机却又很多种。和现实中一样，不同的相机确定了

查看全文