老子云：有道无术，术尚可求，有术无道,止于术。 咱开篇引用老子的话术，也没其它意思，只是最近学习中忽有感悟，索性就写了上来。这句话用现代辩证思维理解，这里的”道“大抵是指方法论，解决大部分问题的一般发展规律，例如学习的方法，解决问题的方法，获取知识的方法。而这里的”术“就可以理解为解决具体问题的技术，例如，一门手艺，一项专业，一个技能等。老子的意思是要掌握一般事物的发展规律...学习技术，也是一样，比如咱最近专注的3D技术，往行而上了说，道在于实践中求知的方法论，术在于熟练并应用技术的能力。而往行而下了讲，道在于3D具体执行的原理（了解掌握webgl），术则在于封装好的库的应用（了解掌握
前言此系列已完结，共3部分：part1：https://www.cnblogs.com/xi12/p/16690119.htmlpart2：https://www.cnblogs.com/xi12/p/16864419.htmlpart3：https://www.cnblogs.com/xi12/p/16945416.html自成都九月份以来疫情原因被封了一两周，居家着实无聊，每天都是盯着微信公众号发布的疫情数据看，那种页面，就我一个前端仔来说，看着是真的丑啊！(⊙_⊙)？既然丑，那就自己动手开整！项目是2022.9.5开始的，截止2022.9.12我完成了大概有八成。主要是想让数据更加直观，
前言此系列已完结，共3部分：part1：https://www.cnblogs.com/xi12/p/16690119.htmlpart2：https://www.cnblogs.com/xi12/p/16864419.htmlpart3：https://www.cnblogs.com/xi12/p/16945416.html自成都九月份以来疫情原因被封了一两周，居家着实无聊，每天都是盯着微信公众号发布的疫情数据看，那种页面，就我一个前端仔来说，看着是真的丑啊！(⊙_⊙)？既然丑，那就自己动手开整！项目是2022.9.5开始的，截止2022.9.12我完成了大概有八成。主要是想让数据更加直观，
@目录vue2.x引入threejsnpm安装使用指定版本:其他插件实例强调vue2.x引入threejsnpm安装npminstallthree使用指定版本:npminstallthree@其他插件因为本次开发需要引入3D模型,所以需要使用MTLLoader,OBJLoader两种加载器,因为开发需求和版本问题,最新版本自带的加载器不能实现需求,所以需要额外引入three-obj-mtl-loader插件,并且threejs版本需要退到122版本;npm安装three-obj-mtl-loadernpminstallthree-obj-mtl-loader--save实例//--html部分
@目录vue2.x引入threejsnpm安装使用指定版本:其他插件实例强调vue2.x引入threejsnpm安装npminstallthree使用指定版本:npminstallthree@其他插件因为本次开发需要引入3D模型,所以需要使用MTLLoader,OBJLoader两种加载器,因为开发需求和版本问题,最新版本自带的加载器不能实现需求,所以需要额外引入three-obj-mtl-loader插件,并且threejs版本需要退到122版本;npm安装three-obj-mtl-loadernpminstallthree-obj-mtl-loader--save实例//--html部分
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助本文说明本文主要简单介绍了，在Vue3.x项目中如何简单的使用Three.js，导入PCD三维模型文件。模型显示项目实现第一步首先创建一个vue3.x，的项目，然后需要先有一个.pcd三维模型文件，如果有的话，将三维点云文件放在如下图的文件夹里，如果没有的话，百度云盘（链接：pan.baidu.com/s/1TM2gKCep… ）第二步在安装Three.js前，需要安装Babel，来编译ES6语法。参考：vue安装babel-polyfill插件，解决低版本浏览器不支持ES6新语法的问题www.cnblogs.com/chenying
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助本文说明本文主要简单介绍了，在Vue3.x项目中如何简单的使用Three.js，导入PCD三维模型文件。模型显示项目实现第一步首先创建一个vue3.x，的项目，然后需要先有一个.pcd三维模型文件，如果有的话，将三维点云文件放在如下图的文件夹里，如果没有的话，百度云盘（链接：pan.baidu.com/s/1TM2gKCep… ）第二步在安装Three.js前，需要安装Babel，来编译ES6语法。参考：vue安装babel-polyfill插件，解决低版本浏览器不支持ES6新语法的问题www.cnblogs.com/chenying
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助最近几天在学习three.js，因为我相信只有实践才能出真理，捣鼓捣鼓做了一个简易的全景图，这里主要是分享做这个vue版全景图中遇到的问题，有些代码可能与其他做过全景图的大佬有些相似毕竟原因都差不多?本文属于技术总结类的文章将介绍在vue中如何安装并使用three.js以及一些配套插件,使用three.js实现全景图的原理,vue打包后图片显示的问题，及在32位谷歌49版本的浏览器无法使用three.js等问题，至于如何安装Node服务这里就不再赘述了在vue中安装three.js以及配套插件npm安装three.jsnpminsta
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助最近几天在学习three.js，因为我相信只有实践才能出真理，捣鼓捣鼓做了一个简易的全景图，这里主要是分享做这个vue版全景图中遇到的问题，有些代码可能与其他做过全景图的大佬有些相似毕竟原因都差不多?本文属于技术总结类的文章将介绍在vue中如何安装并使用three.js以及一些配套插件,使用three.js实现全景图的原理,vue打包后图片显示的问题，及在32位谷歌49版本的浏览器无法使用three.js等问题，至于如何安装Node服务这里就不再赘述了在vue中安装three.js以及配套插件npm安装three.jsnpminsta
声明：本文涉及图文和模型素材仅用于个人学习、研究和欣赏，请勿二次修改、非法传播、转载、出版、商用、及进行其他获利行为。背景近期工作有涉及到数字大屏的需求，于是利用业余时间，结合Three.js和CSS实现赛博朋克2077风格视觉效果实现炫酷3D数字地球大屏页面。页面使用React+Three.js+Echarts+stylus技术栈，本文涉及到的主要知识点包括：THREE.Spherical球体坐标系的应用、Shader结合TWEEN实现飞线和冲击波动画效果、dat.GUI调试工具库的使用、clip-path创建不规则图形、Echarts的基本使用方法、radial-gradient创建雷达图
