2024-08-15threejs 是运行在浏览器中的 3D 引擎，是JavaScript编写的WebGL第三方库。提供了非常多的3D显示功能。开发者可以用它创建各种三维场景，包括了摄影机、光影、材质等各种对象。可以在它的主页上看到许多精彩的演示。不过，这款引擎还处在比较不成熟的开发阶段，其不够丰富的 API 以及匮乏的文档增加了初学者的学习难度（尤其是文档的匮乏）。在讲解 threejs 的时候，我们通过一个基本的简单的案例，来实现一个小的效果，然后把常用的 API、工具、功能稍微说一下哈！_Three.js vue

https://www.qianduange.cn//article/15705.html 分类：前端知识

2024-08-15UniApp是一个跨平台开发框架,允许开发者使用Vue.js开发一次,就能发布到iOS、Android、Web等多个平台。Three.js则是一个强大的JavaScript 3D库,可以创建复杂的3D场景和模型。将这两者结合,我们可以在跨平台应用中实现丰富的3D视觉体验。通过结合UniApp和Three.js,我们可以在跨平台应用中创建引人入胜的3D体验。随着WebGL技术的不断发展,未来我们可以期待在移动应用中看到更多复杂和互动的3D内容。_uniapp threejs

https://www.qianduange.cn//article/15682.html 分类：前端知识

2024-08-15Three.js经常会和WebGL混淆， 但也并不总是，Three.js其实是使用WebGL来绘制三维效果的。WebGL是一个只能画点、线和三角形的非常底层的系统. 想要用WebGL来做一些实用的东西通常需要大量的代码， 这就是Three.js的用武之地。还有其他的方法可以加载Three.js，但是自r106开始，使用模块是最推荐的方式。会是一个更推荐的方案。画布的宽度是高度的两倍，所以水平视角会比我们设置的垂直视角75度要大。对于Three.js这意味着它需要你把所有的实例的库放在正确的文件夹结构中。_Three.js

https://www.qianduange.cn//article/15673.html 分类：前端知识

2024-04-21vue结合Three.js开发的一个简单案例_vue threejs

https://www.qianduange.cn//article/5567.html 分类：前端知识

2024-05-19Three.js实现3d地图，包含散点，地图背景图片（vue）_Three.js 3d地图

https://www.qianduange.cn//article/8870.html 分类：前端知识

2024-07-27Three.js经常会和WebGL混淆， 但也并不总是，Three.js其实是使用WebGL来绘制三维效果的。WebGL是一个只能画点、线和三角形的非常底层的系统。想要用WebGL来做一些实用的东西通常需要大量的代码， 这就是Three.js的用武之地。它封装了诸如场景、灯光、阴影、材质、贴图、空间运算等一系列功能，让你不必要再从底层WebGL开始写起。_threejs 地球

https://www.qianduange.cn//article/14391.html 分类：前端知识

2024-07-27在上述对比中，我们提到了Three.js适合轻量级的数字孪生开发。资源消耗低：轻量级的数字孪生开发意味着使用的库或框架的资源消耗较低，不会占用过多的内存和计算资源。对于数字孪生应用来说，保持较低的资源消耗可以提高应用的性能和响应速度。易于学习和使用：轻量级的数字孪生开发工具应该具备简单易学的API和文档，降低学习和上手的门槛。对于前端开发者来说，能够快速上手并迅速实现数字孪生效果是一个重要的考虑因素。灵活性和可扩展性：轻量级的数字孪生开发工具应该具备灵活性，允许开发者根据项目需求进行定制和扩展。_threejs和unity哪个好

https://www.qianduange.cn//article/14388.html 分类：前端知识

2024-07-22使用Three.js创建动态文本艺术：Kinetic Typography项目地址:https://gitcode.com/marioecg/codrops-kinetic-typo在现代网页和应用程序设计中，动态元素的吸引力无法忽视。今天，我们向您推荐一个令人惊叹的开源项目——基于Three.js的动态字体渲染库，让您能够轻松实现Kinetic Typography。这个项目将文字的艺术性与..._threejs 3d 显示歌词

https://www.qianduange.cn//article/14204.html 分类：前端知识

2024-07-22CSS3DObject 和 CSS3DRenderer 搭配来渲染标签；CSS2DObject 和 CSS2DRenderer 搭配来渲染标签；Sprite 直接添加到模型上，使用WebGLRenderer 渲染即可。CSS3DSprite 和 CSS3DRenderer 搭配来渲染标签。_css3dobject,css2drenderer

https://www.qianduange.cn//article/14160.html 分类：前端知识

2024-07-21在`Three.js`中，使用`CSS3DRenderer`和`CSS3DSprite`可以轻松地实现模型标签文字的效果，为场景中的模型提供更直观的信息展示。本文将介绍如何使用这两个工具来实现模型标签文字，并提供相应的代码示例。_css3drenderer

https://www.qianduange.cn//article/14092.html 分类：前端知识