threejs

gis分享者1 天前
3d·threejs·着色器·glsl·shadermaterial·能量球
学习threejs,使用自定义GLSL 着色器,生成漂流的3D能量球👨‍⚕️ 主页: gis分享者 👨‍⚕️ 感谢各位大佬 点赞👍 收藏⭐ 留言📝 加关注✅! 👨‍⚕️ 收录于专栏:threejs gis工程师
魂断蓝桥6664 天前
webgl·threejs·微信小游戏·3d建筑·three.js路径规划、三维a*算法、javascript三维导航,·three.js小游戏
使用three.js,实现微信3D小游戏系列教程,框架篇(一)在三维图形和游戏开发领域,three.js 作为一个基于 WebGL 的 JavaScript 库,提供了强大的功能来创建和显示动画化的 3D 计算机图形。它使得开发者能够轻松地在网页上构建复杂的 3D 场景和互动游戏。本文将作为一系列教程的第一课,介绍如何基于 three.js 引擎架构,开始实现一个简单的 3D 小游戏。
魂断蓝桥6668 天前
webgl·数字孪生·threejs·3d定位、三维室内定位、3d建筑·three.js路径规划、三维a*算法、javascript三维导航,·3d医院·3d导航·园区导航
如何基于three.js(webgl)引擎架构,实现3D医院、3D园区导航,3D科室路径导航一、前言   在这个日新月异的科技时代,技术的价值不仅在于推动社会的进步,更在于如何更好地服务于人民。医院三维导航系统项目,正是技术服务于人民理念的生动体现,真正从患者出发,解决患者在复杂的医院园区找科室难,迷路等问题。通过three.js(webgl)引擎架构,我们实现了3D医院、3D园区导航以及3D科室路径导航,为患者切实解决一些问题。
陶甜也21 天前
前端·vue.js·css3·threejs
threejs 实现720°全景图,;两种方式:环境贴图、CSS3DRenderer渲染有一个前提条件:六张大小一致的图片,六个图片分别对应的是720°全景图的六个面:上、下、左、右、前、后。 这个不是那种无人机拍摄的全景图,是六个图片拼起来的,这样的取景方式要比无人机的要经济一些。 ----------------------------------------------------------------------------------------------------------------------------
AllBlue1 个月前
blender·threejs
fbx导入blender结构错乱,但在threejs中加载正常描述:在 Blender 中打开 FBX:结构乱了,比如零件位置不对、车轮飞了、方向盘错位等。但在threejs中加载是正常的。
gis分享者1 个月前
threejs·鼠标·粒子·tsl·raycaster
学习threejs,使用TSL计算粒子鼠标特效👨‍⚕️ 主页: gis分享者 👨‍⚕️ 感谢各位大佬 点赞👍 收藏⭐ 留言📝 加关注✅! 👨‍⚕️ 收录于专栏:threejs gis工程师
魂断蓝桥6661 个月前
webgl·threejs·3d建筑·3d档案室·3d定位、三维室内定位、3d建筑·3d库房·3d密集架
如何基于three.js(webgl)引擎架构,实现3D密集架库房,3D档案室智能巡检前言:看了一下 距离上篇课程发布,一年多了。这一年多来也迷茫,也怀疑,在AI时代,是不是失去了写文章的意义了。切身感受到那种面对科技浪潮时的迷茫和无力感。当AI能写出流畅、结构清晰的文章,甚至模仿不同风格时,着实令人沉思。
gis分享者1 个月前
神经网络·可视化·threejs·filmpass·effectcomposer·unrealbloompass·outputpass
学习threejs,交互式神经网络可视化👨‍⚕️ 主页: gis分享者 👨‍⚕️ 感谢各位大佬 点赞👍 收藏⭐ 留言📝 加关注✅! 👨‍⚕️ 收录于专栏:threejs gis工程师
qq_589568101 个月前
threejs·uv
threejs顶点UV坐标、纹理贴图通过纹理贴图加载器TextureLoader的load()方法加载一张图片可以返回一个纹理对象Texture,纹理对象Texture可以作为模型材质颜色贴图.map属性的值。
WebGIS开发1 个月前
开发语言·javascript·汽车·threejs
Three.js搭建小米SU7三维汽车实战(2)场景搭建如何理解渲染渲染就是拿相机在场景中拍照, 拍的照片显示在canvas画布上上述完整示例上述代码 1. 创建了长宽高均为1个单位的立方体BoxGeometry 2. 使用法向量材质MeshNormalMaterial 3. 基于几何形状和材质创建立方体 4. 添加到场景中
qq_589568101 个月前
threejs
threejs模型对象、材质点模型Points、线模型Line、网格网格模型Mesh等模型对象的父类都是Object3D (opens new window),如果想对这些模型进行旋转、缩放、平移等操作,如何实现,可以查询Threejs文档Object3D (opens new window)对相关属性和方法的介绍。
gis分享者2 个月前
汽车·threejs·物理·physijs·physi·dofconstraint
学习threejs,使用Physijs物理引擎,使用DOFConstraint自由度约束,模拟小车移动👨‍⚕️ 主页: gis分享者 👨‍⚕️ 感谢各位大佬 点赞👍 收藏⭐ 留言📝 加关注✅! 👨‍⚕️ 收录于专栏:threejs gis工程师
gis分享者2 个月前
threejs·碰撞·物理·physijs·physi·多米诺
学习threejs,使用Physijs物理引擎,通过控制重力,实现多米诺骨牌效果👨‍⚕️ 主页: gis分享者 👨‍⚕️ 感谢各位大佬 点赞👍 收藏⭐ 留言📝 加关注✅! 👨‍⚕️ 收录于专栏:threejs gis工程师
gis分享者2 个月前
threejs·shape·物理·physijs·physi·几何体
学习threejs,使用Physijs物理引擎,加载各种几何体网格对象👨‍⚕️ 主页: gis分享者 👨‍⚕️ 感谢各位大佬 点赞👍 收藏⭐ 留言📝 加关注✅! 👨‍⚕️ 收录于专栏:threejs gis工程师
MossGrower2 个月前
javascript·threejs·spheregeometry·torusknotgeome
65.Three.js案例-使用 MeshNormalMaterial 和 MeshDepthMaterial 创建 3D 图形在该案例中,Three.js 被用来创建一个包含多个 3D 对象的场景。其中包括:这些对象使用 MeshNormalMaterial 来渲染,并且整个场景背景为白色,所有对象位于一个居中的容器中。
醉书生ꦿ℘゜এ2 个月前
javascript·vue.js·学习·threejs
threejs学习002-场景中添加几何体
开心小老虎3 个月前
前端·3d·threejs
ThreeJs实现裸眼3D地球仪使用Three.js实现裸眼3D地球仪代码如下:这个示例代码包含以下主要功能:创建了一个基本的Three.js场景,包含:
开心小老虎3 个月前
前端·3d·threejs
threeJs实现裸眼3D小狗使用threeJs实现裸眼3D小狗,效果如下,其实如果将小狗换成建模小狗,效果更好,这个是模拟了一只小狗。