VR看房代码实现-效果展示和总结

[紫微前端]

课时名称	课时知识点
VR看房代码实现-效果展示和总结	VR看房代码实现（三）

[紫微前端]

@考级100 <p>您好，我们是用的官方自带的轨迹球相机控制器，想要改变水平旋转方向，我们可以修改控制器的源码，首先找到“/build/TrackballControls.js”这个文件，在这个文件的第153行，有一段代码是</p> <pre> <code class="language-javascript">objectSidewaysDirection.setLength(_moveCurr.x - _movePrev.x);</code></pre> <p>把这段代码改为</p> <pre> <code class="language-javascript">objectSidewaysDirection.setLength(_movePrev.x-_moveCurr.x);</code></pre> <p>这样就可以改变旋转时的方向。</p>

[考级100]

老师，我想问一下，在课程案例里面，鼠标移动的方向，和画面旋转的方向是相反的，感觉是在画面的对面移动的。如果需要像贝壳网那样，和鼠标移动方向一致，该如何更改呢？

[紫微前端]

@UrlVue <p> 第一步：</p> <p><img alt="" height="653" src="https://img-bss.csdnimg.cn/202203251128229485.png" width="1130" /></p> <p>第二步：</p> <p> <img alt="" height="675" src="https://img-bss.csdnimg.cn/202203251129019745.png" width="675" /></p> <p>第三步：</p> <p> <img alt="" height="449" src="https://img-bss.csdnimg.cn/202203251129159442.png" width="715" /></p> <p> 第四步：<img alt="" height="763" src="https://img-bss.csdnimg.cn/202203251129339227.png" width="1733" /></p>

[UrlVue]

代码都下不了啊，看啥？退钱

[紫微前端]

@紫微前端 <p>代码下载流程可以看评论区</p>

[紫微前端]

@紫微前端 <p>购买课程或源码的同学，请联系我免费赠送一本three.js相关的电子书和一本3D建模的电子书</p>

[紫微前端]

@紫微前端 <p>代码下载流程可以看评论区</p>

[紫微前端]

代码下载流程可以看评论区

[紫微前端]

购买课程的同学，请联系我，送《THREE.JS开发指南》电子书一份

[紫微前端]

@紫微前端 <p style="text-align:center"><img alt="" height="843" src="https://img-bss.csdnimg.cn/202210171358499324.png" width="669" /></p> <p> </p>

[紫微前端]

@紫微前端 <p style="text-align:center"><img alt="" height="843" src="https://img-bss.csdnimg.cn/202210171358189864.png" width="669" /></p> <p> </p>

[紫微前端]

@紫微前端 <p style="text-align:center"><img alt="" height="843" src="https://img-bss.csdnimg.cn/202210171358189864.png" width="669" /></p> <p> </p>

[紫微前端]

源代码在这里：最后一节课的课件中

[Smonters]

为啥我下载的源代码跑起来报错了