声明：本文涉及图文和模型素材仅用于个人学习、研究和欣赏，请勿二次修改、非法传播、转载、出版、商用、及进行其他获利行为。背景不知不觉，掘金关注者人数已经超过1000人，因此特地做了这个页面纪念一下，感谢大家关注?，希望博客园的粉丝也涨涨。后续也将继续努力，持续输出一些有价值的文章。本文内容涉及的技术栈为React+Three.js+Stulus，本文中主要包含的知识点包括：圆锥几何体ConeGeometry、圆柱几何体CylinderGeometry、材质捕捉纹理材质MeshMatcapMaterial、文字创建和修饰的FontLoader和TextGeometry、使用Gsap和它的插件Ph
序： 还是要抽出时间看书的，迷上了豆豆的作品，最近在看《天幕红尘》，书中主人公的人生价值观以及修为都是让我惊为叹止。很想成为那样的人，但是再看看自己每天干的事，与时间的支配情况，真是十分的汗颜。除了为了生活所必须的工作时间外，还有大部分零散的时间不是给了短视频，就是给了短讯文章，简讯媒介，不说是毫无意义吧，但也着实是浮躁虚夸了。 用豆豆作品里的话术，"透视社会依次有三个层面：技术、制度和文化。小到一个人，大到一个国家一个民族，任何一种命运归根到底都是那种文化属性的产物"。 我终究是干技术的，还是无法洞察其中奥义，只是熟悉了几门糊口的技巧而已，究竟其本质便无所得之了，或者说依然没找到那安身立
序： 还是要抽出时间看书的，迷上了豆豆的作品，最近在看《天幕红尘》，书中主人公的人生价值观以及修为都是让我惊为叹止。很想成为那样的人，但是再看看自己每天干的事，与时间的支配情况，真是十分的汗颜。除了为了生活所必须的工作时间外，还有大部分零散的时间不是给了短视频，就是给了短讯文章，简讯媒介，不说是毫无意义吧，但也着实是浮躁虚夸了。 用豆豆作品里的话术，"透视社会依次有三个层面：技术、制度和文化。小到一个人，大到一个国家一个民族，任何一种命运归根到底都是那种文化属性的产物"。 我终究是干技术的，还是无法洞察其中奥义，只是熟悉了几门糊口的技巧而已，究竟其本质便无所得之了，或者说依然没找到那安身立
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助一、效果图具体效果可参考iview官方界面iView-一套高质量的UI组件库 大波浪效果，使用的是three.js的官方例子，需要先安装three.js支持npminstall--savethree具体可以看 three.jsexamples(threejs.org)二、代码//添加容器 //引入three.jsimport*asTHREEfrom'three'exportdefault{props:{amountX:{type:Number,default:50},amountY:{type:Number,default:50},/
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助一、效果图具体效果可参考iview官方界面iView-一套高质量的UI组件库 大波浪效果，使用的是three.js的官方例子，需要先安装three.js支持npminstall--savethree具体可以看 three.jsexamples(threejs.org)二、代码//添加容器 //引入three.jsimport*asTHREEfrom'three'exportdefault{props:{amountX:{type:Number,default:50},amountY:{type:Number,default:50},/
老子云：有道无术，术尚可求，有术无道,止于术。 咱开篇引用老子的话术，也没其它意思，只是最近学习中忽有感悟，索性就写了上来。这句话用现代辩证思维理解，这里的”道“大抵是指方法论，解决大部分问题的一般发展规律，例如学习的方法，解决问题的方法，获取知识的方法。而这里的”术“就可以理解为解决具体问题的技术，例如，一门手艺，一项专业，一个技能等。老子的意思是要掌握一般事物的发展规律...学习技术，也是一样，比如咱最近专注的3D技术，往行而上了说，道在于实践中求知的方法论，术在于熟练并应用技术的能力。而往行而下了讲，道在于3D具体执行的原理（了解掌握webgl），术则在于封装好的库的应用（了解掌握
老子云：有道无术，术尚可求，有术无道,止于术。 咱开篇引用老子的话术，也没其它意思，只是最近学习中忽有感悟，索性就写了上来。这句话用现代辩证思维理解，这里的”道“大抵是指方法论，解决大部分问题的一般发展规律，例如学习的方法，解决问题的方法，获取知识的方法。而这里的”术“就可以理解为解决具体问题的技术，例如，一门手艺，一项专业，一个技能等。老子的意思是要掌握一般事物的发展规律...学习技术，也是一样，比如咱最近专注的3D技术，往行而上了说，道在于实践中求知的方法论，术在于熟练并应用技术的能力。而往行而下了讲，道在于3D具体执行的原理（了解掌握webgl），术则在于封装好的库的应用（了解掌握
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助本文说明本文主要简单介绍了，在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
