Three - 程序员宅基地

vue3中使用three.js加载外部模型

主要介绍如何在vue3中使用three.js加载gltf、glb模型。

Three.js及React Three Fiber开发

three.js 概念 – three.js是基于原生WebGL封装运行的三维引擎。其实就是JavaScript编写的WebGL第三方库，提供了很多的3D显示功能。你可以将它理解为three + js，three表示3D，js表示javascript，那么合起来，three....

Threejs材质的使用

标签：材质 mesh three.js

前言：材质就像物体的皮肤，决定几何体的外表。例如：定义一个几何体看起来是否像金属，透明与否，或者显示为线框，得到THREEJS.Mesh对象添加到Threejs渲染的场景中。

Three.js使用案例

标签： javascript 开发语言 html

Three.js 场景初始化、创建点线面、彩色立方体、天空盒子、辉光效果、OBJ,FBX模型、图片背景

Three 之 three.js （webgl）涉及的各种材质简单说明(常用材质配有效果图)

标签： threejs webgl material

Three 之 three.js （webgl）涉及的各种材质简单说明(常用材质有效果图) 目录 Three 之 three.js （webgl）涉及的各种材质简单说明(常用材质配有效果图) 一、简单介绍二、各种材质说明 1、MeshBasicMaterial...

【Three.js】渲染模型卡顿的优化办法

标签： javascript three.js 前端

优化方法是根据chatGPT的回答下，我这里记录一下，有的方法进行了尝试，有的还没有。

React-three-fiber快速入门

标签： react.js javascript 前端

Three.js 是事实上的 3d 动画库，已在 Javascript 开发人员中流行起来。React-three-fiber 是 React.js 的 three.js 渲染器。你可以用 three.js 做的一切都可以用 react-three-fiber 来完成。此外，3d 对象也可以...

three + cesium 深度融合

标签： javascript 前端

three + cesium 深度融合，并实现鼠标对three中的操作

ThreeJS 中文注释源码

标签： ThreeJS 中文注释源码

对ThreeJS的中文注释源码可以用JavaDoc生成相应API文档对《WebGLRenderer.js》的函数做了详细注释，希望对源码核心感兴趣的同学有帮助

three.js实现太阳系

标签： javascript vue 3d

刚开始使用three.js时会不太熟悉，想写一些项目增加理解，网上翻了好多文章，不是画立方体就是画三角形，最后偶然看到这个网站，十分炫酷。我们也许没那么牛逼，但我们可以整个简略版的太阳系来练练手，加强理解，...

threejs加载obj文件

标签： threejs three.js 加载obj

threejs加载obj文件，附件主要实现了threejs对obj文件的加载，及使用相机及光的一些调节，希望能给大家带来帮助，下载后直接运行即可看到效果。

three.js学习笔记(十九)——后期处理

标签： javascript three.js

学习记录Three.js后期处理

VUE3+Cesium+Three项目源码

标签： vue.js javascript 前端

Vue+Cesium+Three项目构建的详解及源码。

Threejs学习笔记

标签： javascript 前端 three.js

Three.js Three.js 学习笔记，来自： https://gitchat.csdn.net/columnTopic/5b320731bebc3c4bd7e725cb?utm_source=juhe https://blog.csdn.net/qq_30100043/article/category/7003591?utm_source=juhe ...

three.js实现光墙效果(three.js练习)

标签： javascript ecmascript 前端

智慧城市、酷炫效果、threejs、webgl、shader、3D、光墙效果。使用shader实现光墙效果

Three.js入门教程——教不会算我输

标签： Three.js

在javascript中使用Three.js设计并且实现3D场景是一个很有意思的事情，因为在浏览器中就能够渲染出3D场景，非常简单和轻便。接下来就总结以下我学习Three.js过程中的心得。 1 建立基本场景在Three.js中有三要素：...

three.js 3D可视化地图

标签： threejs 地图三维

threejs地图

【毕业季】Three.js动态相册

标签： javascript 前端开发语言

相册展示和点选切换，利用相机旋转和移动来实现一个点击切图平滑过渡的效果。

Three 之 three.js （webgl）透视视角和正交视角，以及透视转正交的视角切换

标签： javascript threejs webgl

Three 之 three.js （webgl）透视视角和正交视角，以及透视转正交的视角切换目录 Three 之 three.js （webgl）透视视角和正交视角，以及透视转正交的视角切换一、简单介绍二、实现原理三、正投影和透视...

Threejs简单介绍(含案例演示)

标签： javascript

编写canvas的方法

mapbox-gl结合threejs

标签： 3d javascript

最近在研究threejs和mapbox的结合，花了一天多的时间，结合threebox这个mapbox的三维库，给mapbox中创建自定义图层，添加自定义几何体，基于react-hooks实现，代码不多，但是threebox官网的例子给的很少，所以不少...

Three.js实例详解___旋转的精灵女孩(附完整代码和资源)（一）

标签： javascript 前端开发语言

Three.js实例详解___旋转的精灵女孩(附完整代码和资源)（一）：案例运行效果，Three.js代码正常运行显示条件，关键代码解释（1）、Threejs绘图思路（2）、构建一个三维空间场景（3）、选择一个观察点(a)、three.js的...

在vue中使用three.js

标签： javascript vue.js 开发语言

vue 安装：在要使用的页面中引入three.js 参考资料：1.1的第一个3d场景固定高度大小效果图：参考资料1.2 完成模型自动旋转： init方法中改：第二种：文章中使用了requestAnimationFrame方法根据查找资料得知...

Three.js+GeoJSON实现三维地图显示

标签： javascript three.js 3d

Three+GeoJSON实现对地理坐标转换并生成中国三维地图。

Three.js-物理引擎（Physics）

标签： Three.js three.js 3d

Three中物理引擎的介绍及使用（使用物理引擎实现物体碰撞效果）。

【愚公系列】2023年08月 Three.js专题-骨骼动画

标签： javascript 前端 3d

骨骼动画是一种计算机动画技术，它通过将虚拟模型的结构分解为许多...Three.js是一个JavaScript库，用于在Web浏览器中创建3D图形和动画。它提供了骨骼动画的支持，可以使用Three.js的骨骼系统来创建复杂的动画效果。

Three 之 three.js （webgl）基础第二个入门案例之汽车模型加载和简单模型展示

标签： javascript webgl threejs

Three 之 three.js （webgl）基础第二个入门案例之汽车模型加载和简单模型展示目录 Three 之 three.js （webgl）基础第二个入门案例之汽车模型加载和简单模型展示一、简单介绍二、实现原理三、GLTF加载...

Three.js一学就会系列：03 炫酷3D划线

标签： javascript 3d 前端

最近开始入坑前端3D建站，跟大家一起慢慢深入three.js做网站3D这篇文章给大家讲下three.js 画线升级版，3D炫酷划线以上就是今天要讲的内容，本文仅仅简单介绍了three.js的使用，而three.js提供了非常多的3D显示功能...

Three.js做的一个3D书店项目

标签： Three.js WebGL 前端

使用Three.js做的一个3D书架，书架可以放大，缩小，拖拽和旋转，书架上有书，点击书本可以查看书本信息，想学Three.js的朋友可以下载参考,直接运行"3D书店.html"文件就可以了。

”Three“ 的搜索结果