05 2018 档案
闭包的简单应用
摘要：JavaScript的闭包 变量的作用域： 每个函数来定义作用域，函数内部用var来声明的，他们的作用域只在本函数内有用。函数可以用来创造函数作用域。此时的函数像一层半透明的玻璃，在函数里面可以看到外面的变量，而在函数外面无法看到函数里的变量。 我们先来看一个例子，在例子中我们定义了三个函数，分别是
阅读全文
跨域问题及其解决办法
摘要：跨域 跨域是指一个资源请求与其不在同一个域（源）的资源，不在同一个域（源）是指两个域的协议、域名或端口不同。 同源策略 出于安全考虑，浏览器制定了同源策略， 限制了某些跨域请求。同源策略是跨域问题产生的根源。但是，同源策略并没有限制所有的跨域请求，比如浏览器不限制加载嵌在<script>标签中跨域的
阅读全文
threejs纹理
摘要：纹理 纹理用来表现物体的细节。理论上可以将物体的每个细节建模出来，但是这样时间成本和性能成本都太高，因此，将物体的一些细节用纹理来表示。 图片纹理 图片纹理直接在物体表面应用图片。可以使用TextureLoader类的load方法来加载纹理。 注意加载图片是异步的，所以这里我们使用render循环来
阅读全文
threejs指定对象旋转中心
摘要：指定对象旋转中心 默认情况下，对象的旋转中心都是自身的中心。对于组对象而言，也是如此。因此，可以利用这个特点，实现对象绕任何点旋转，也就是指定旋转中心。比如我们想要下图的对象绕A点旋转 我们可以添加我们的对象到一个组对象，然后移动对象，让A点对准组的中心位置，如下： 此时，如果我们旋转组对象，整个组
阅读全文
threejs- z-fighting 问题（模型的重叠部位便不停的闪烁起来。这便是Z-Fighting问题）
摘要：Z-Buffer 在threejs中，使用深度缓冲（Z-Buffer）来完成场景可见性计算，即确定场景哪部分可见，哪部分不可见。深度缓冲（Z-Buffer）是一个二维数组，其中的每一个元素对应屏幕上的一个像素，如果场景中的两个模型在同一个像素生成渲染结果，那么图形处理卡就会比较二者的深度，并且保留距
阅读全文
如何将你拍摄的照片转换成全景图及六面体（PTGui）
摘要：在完成全景照片的拍摄之后，接下来，我们需要的是进行全景图的拼接。全景图片分为两种类型1、立方体全景图（6面体）制作全景时通常使用该种格式 如下图 2、球形图（2:1的单张全景图片）2:1全景图宽高比例算法：宽是高的2倍。 例：宽:6000PX 则高:3000PX 如下图 如何将拍摄的鱼眼照片，转换成
阅读全文
下滑没有滚动条插件
摘要：第一个：https://blog.csdn.net/libin_1/article/details/51443775 第二个：http://www.freejs.net/article_fenye_559.html 注释：这两个都是没有滚动条的插件 ； 详解第一个： 下载demo：http://do
阅读全文
ThreeJS中的点击与交互——Raycaster的用法
摘要：基础概念 坐标系 我们的手机屏幕是二维的，但是我们展示物体的世界是三维的，当我们在构建一个物体的时候我们是以一个三维世界既是世界坐标来构建，而转化为屏幕坐标展示在我们眼前，则需要经历多道矩阵变化，中间webGL替我们操作了许多事情。 世界坐标系：在webGL中，世界坐标系是以屏幕中心为原点(0, 0
阅读全文
谷歌开发的draco格式文件将obj文件压缩成drc文件后将大大减小文件大小（threejs加载有mtl文件的drc文件）
摘要：问题描述：当前threejs是92版本 但是当前版本还没有能够直接加载带贴图文件的drc格式的loader； 解决办法：先加载mtl文件将obj文件分解（按照mtl文件内材质贴图信息进行分解）再将分解的obj文件转成drc全部加载一遍就能解决贴图的办法 ； 代码： 描述：目前我们是这么解决的；
阅读全文
在threejs中添加两个场景和相机是需要注意render的参数设置
摘要：问题：我刚开始设置了两个场景和相机 但是第二个一直将第一个场景给覆盖了一直找不到原因 解决： 问题出在 renderer.autoClear = false;上 设置render的参数如下： 描述：第一个场景加载的是柜子 第二个场景加载的是小球 当场景一的相机转动时 小球是不动的问题解决； 注释：
阅读全文
手机访问网站,点击手机号码直接拨打电话
摘要：手机访问网站,点击手机号码直接拨打电话:< a href=”tel://158xxxxxxxx”>号码< /a>这种方式塞班、安卓与iphone都支持。经过测试这段拨号代码< a href=”wtai://wp/mc;158xxxxxxxx ”>拨打电话只在塞班与安卓上支持，而iphone是不支持的
阅读全文
