ThreeJs - web秀

综合Uni-AppWebpackReactHtmlElectron-VueElectronVue-NuxtTypeScriptNodeJs 展开

6年前

前端迈进3D时代-Three.js初识

前端迈进3D时代-Three.js初识

初识Three.js是一款运行在浏览器中的3D引擎，你可以用它创建各种三维场景。Three.js学习之前，我们需要了解他的三个关键对象：1.场景（场景对象是所有不同对象的容器，也就是说该对象保存所有物体、光源、摄像机以及渲染所需的其他对象）2.相机（Camera相当于人的眼睛，从坐标的那个视点去观察目标，相当于投影出立体感。）3.渲染器（渲染器可以视为是canvas标签，相机可以视为画布。注意画布和canvas标签不是同一个东西，canvas标签是画布的容器。画布就好比一张图片，而canvas标签就像im

558035 3788 0

6年前

前端迈进3D时代-three.js高阶（3D图片预览）

前端迈进3D时代-three.js高阶（3D图片预览）

前言前面通过一篇简单的文章，讲述了three.js是干什么的，有哪些主要的对象，今天我们来学习一下更深层次的知识。下面是上一期文章。《前端迈进3D时代-Three.js初识》核心代码材质中使用纹理，这里的纹理就是图片，添加到场景中THREE.ImageUtils.loadTexture(url,{},function(){}）控制器controls=newTHREE.OrbitControls(camera,renderer.domElement)控制器参数//鼠标控制是否可用controls.enabl

557915 3866 0

下拉加载更多

猜你喜欢

换一换

最新文章