![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
threejs
spwke_com
这个作者很懒,什么都没留下…
展开
-
threejs笔记5
threejs笔记5 这是第一次学习threejs,记录一些学习笔记,简化知识点, 如果对您也有帮助请搜索头像二维码或者搜索小程序“上品威客”,感谢您的支持 光源 光源用Light表示,它是所有光源的基类,THREE.Light ( hex ):参数hex,接受一个16进制的颜色值 Var redLight = new THREE.Light(0xFF0000); 环境光 环境光是一种无处不在的光,THREE.AmbientLight( hex ) 点光源 这种光源放出的光线来自同一点,且方向辐射自原创 2020-07-16 20:27:38 · 106 阅读 · 0 评论 -
threejs笔记4
threejs笔记3 这是第一次学习threejs,记录一些学习笔记,简化知识点, 如果对您也有帮助请搜索头像二维码或者搜索小程序“上品威客”,感谢您的支持 让场景动起来 调用requestAnimationFrame函数,传递一个callback参数,则在下一个动画帧时,会调用callback这个函数。 function animate() { render(); requestAnimationFrame( animate ); } 性能 帧数:图形处理器每秒钟能够刷新几次,通常原创 2020-07-16 17:26:57 · 136 阅读 · 0 评论 -
threejs笔记3
threejs笔记3 这是第一次学习threejs,记录一些学习笔记,简化知识点, 如果对您也有帮助请搜索头像二维码或者搜索小程序“上品威客”,感谢您的支持 3D组成 计算机中3d世界由点组成 两个点组成直线 三个不在一条直线的点组成三角形 无数三角形组成各种物体,我们通常把这种网格模型叫做Mesh模型,给物体贴上皮肤叫做纹理,无数的物体组成3d世界 定义一个点 THREE.Vector3 = function ( x, y, z ) { this.x = x || 0; this.y = y |原创 2020-07-16 15:22:50 · 131 阅读 · 0 评论 -
threejs笔记2
threejs笔记2 这是第一次学习threejs,记录一些学习笔记,简化知识点, 如果对您也有帮助请搜索头像二维码或者搜索小程序“上品威客”,感谢您的支持 三大组件 场景(scene)、相机(camera)和渲染器(renderer)。有了这三样东西,我们才能够使用相机将场景渲染到网页上去。 场景 在Threejs中场景就只有一种,用THREE.Scene表示,构件场景new一个对象就可以,场景是所有物体的容器 相机 相机决定了场景中那个角度的物体会显示出来,相机却有很多种,不同相机呈现的方式不一样原创 2020-07-16 13:31:24 · 112 阅读 · 0 评论 -
threejs笔记1
threejs笔记1 这是第一次学习threejs,记录一些学习笔记,简化知识点 webGL简介 WebGL是在浏览器中实现三维效果的一套规范。 Three.js three + js 。three表示3D ,js表示javascript, javascript是在浏览器里运行的,它能写出在浏览器上流畅运行的3D程序。 下载地址:https://github.com/mrdoob/three.js 目录结构 Build:包含three.js 和three.min.js 。这是最终被引用的文件压缩和原创 2020-07-16 12:15:25 · 117 阅读 · 0 评论