three.js

3D虚拟工厂6 小时前
javascript·3d·vue·blender·three.js·uv
1️⃣7️⃣three.js_OrbitControls相机控制器“Controls” 表明它是一个 输入控制系统,将用户操作(鼠标/触摸)转换为相机运动。轨道控制器的坐标系
3D虚拟工厂21 小时前
three.js
OrbitControlsOrbit controls(轨道控制器)可以使得相机围绕目标进行轨道运动。OrbitControls( object : Camera, domElement : HTMLDOMElement )
VcB之殇3 天前
javascript·three.js
three.js中使用canvas生成动态纹理贴图three.js小白的学习之路。今天分享一个使用canvas生成纹理,然后通过CanvasTexture类创建贴图的例子。
Mintopia4 天前
前端·javascript·three.js
Three.js 在数字孪生中的应用场景教学数字孪生是充分利用物理模型、传感器更新、运行历史等数据,集成多学科、多物理量、多尺度、多概率的仿真过程,在虚拟空间中完成映射,从而反映相对应的实体装备的全生命周期过程。Three.js 是一个基于 WebGL 的 JavaScript 3D 库,它简化了在网页上创建和展示 3D 场景的过程,在数字孪生领域有着广泛的应用。
FanetheDivine4 天前
react.js·three.js
three.js学习笔记 2.光照和材质这是一个来自于@react-three/drei的实用工具 可以方便的使用three.js的helper对象 为光线网格等增加辅助线
雨夜带刀_5 天前
three.js
vue+three.js贴图-自定义贴图.仿写VANS定制功能(three.js+vue)功能源地址: Vans定制功能页面,建议先查看并使用一下vans网站功能。 使用 Three.js+vue 实现 demo演示如下:
小桥风满袖5 天前
前端·css·three.js
Three.js-硬要自学系列19 (曲线颜色渐变、渐变插值、查看设置gltf顶点、山脉高度可视化)「曲线颜色渐变」可以理解为让一条3D曲线从起点到终点呈现颜色逐渐变化的效果,就像用不同颜色的彩笔依次涂满线条的不同段落。
Mintopia5 天前
前端·javascript·three.js
# 使用 Three.js 实现带随机障碍物的小车行驶模拟在之前的代码中,我们借助 Three.js 达成了小车在公路上行驶的动画效果。现在,我们要在此基础上,在公路两侧随机添加障碍物模型,从而提升模拟的真实感与趣味性。
渣渣宇a6 天前
前端·javascript·three.js
Three_3D_Map 中国多个省份的组合边界绘制,填充背景数据量过大,自行检索获取 省份组json边境线的json跟省份的差不多,只是在coordinates中的内部数组里包含了所有的点位(组合后的可以理解为)
记得开心一点嘛6 天前
前端·javascript·three.js
使用Three.js搭建自己的3Dweb模型(从0到1无废话版本)教学视频参考:B站——Three.js教学教学链接:Three.js中文网 老陈打码 | 麒跃科技Three.js 是一个基于 JavaScript 的 3D 图形库,用于在网页浏览器中创建和渲染交互式 3D 内容。它基于 WebGL(一种浏览器原生支持的 3D 图形 API),但通过更简单的抽象层让开发者无需直接编写复杂的 WebGL 代码即可构建 3D 场景。
三年三月6 天前
前端·three.js
three中的BufferGeoery该系类文章主要用于记录学习three.js的过程,包括做的一些demo,笔记,以及个人思考;主要学习的课程是 神光的小册《three.js通关秘籍》,感兴趣的可以购买学习,质量还是可以的
小桥风满袖6 天前
前端·css·three.js
Three.js-硬要自学系列18 (模型边界线、几何体顶点颜色、网格模型颜色渐变)「模型边界线」可以理解为为3D模型添加轮廓描边,就像用荧光笔勾出物体的边缘。我们需要用到 EdgesGeometry 工具分析模型几何体,自动找到所有棱角边缘。先来创建一个简单的立方体和圆柱体
Coffeeee6 天前
前端·typescript·three.js
重新开始学Threejs,了解一下里面的一些高级几何体有段时间没有看Threejs了,上次看这部分内容还是在上家公司,后来经历了裁员,然后两个月的找工作,接着再适应新工作再到现在,已经过了大半年了,弄的自己把刚学没多久的一些皮毛也忘了个一干二净,没办法只能从头开始在学一遍,刚开始还是蛮顺利的,毕竟以前学过一遍,这次简单看看,敲敲代码就能想起来个大概,但是在看几何体的时候发现,几何体居然还分什么高级几何体,原本以为几何体就那几样东西,现在看来还是自己太年轻了,那么我们就来看看这些高级几何体究竟高级在哪
小桥风满袖6 天前
前端·css·three.js
Three.js-硬要自学系列17 (拉伸、扫描、多边形轮廓简介、轮廓圆弧、多边形内孔)「拉伸」 功能可以理解为将二维图形「变厚」成三维模型,就像把一张纸变成一块砖头。将一个2D图形(如圆形、五角星)沿着垂直方向拉高,形成3D物体。
三年三月7 天前
three.js
three中相机相机这个概念在htree中非常的重要,它分为透视相机和正交相机特点: 模拟人的眼睛或则是真实相机的视觉效果,近大远小
小桥风满袖7 天前
前端·css·three.js
Three.js-硬要自学系列16 (贝塞尔曲线应用、组合曲线、路径管道、旋转成型、轮廓填充)通过上一章的学习,我们摘到二次贝塞尔曲线拥有一个控制点,三次则拥有两个控制点,在上一章中我们是直接将控制点写死,这一章中我们将通过代码来控制该控制点的变化
爱看书的小沐7 天前
javascript·vue.js·webgl·three.js·opengl·web3d·svelte.js
【小沐学Web3D】three.js 加载三维模型(Svelte.js)Three.js 是一个功能强大的 3D 图形库,用于在网页上创建和显示交互式 3D 图形。它基于 WebGL,提供了简单易用的 API,帮助开发者快速构建复杂的 3D 场景。
Mintopia8 天前
前端·javascript·three.js
Three.js 制作飘摇的草:从基础到进阶的全流程教学在开始制作飘摇的草之前,我们先来回顾一下 Three.js 中的几个核心概念。Three.js 是一个基于 JavaScript 的 3D 库,使用它可以轻松创建和渲染 3D 场景。在 Three.js 中,主要包含场景(Scene) 、相机(Camera) 、渲染器(Renderer) 、** 几何体(Geometry)和材质(Material)** 这几个关键对象。
三年三月9 天前
three.js
three的基本介绍官方网址:threejs.org/民间官方文档:www.yanhuangxueyuan.com/threejs/doc…
小桥风满袖9 天前
前端·css·three.js
Three.js-硬要自学系列15 (圆弧顶点、几何体方法、曲线简介、圆、椭圆、样条曲线、贝塞尔曲线)通过顶点生成圆弧,首先要选定圆心和半径,确定要生成的顶点数量,这决定了圆弧的平滑程度这里设置顶点数为100,要如何获取到每个顶点的坐标呢,可以通过三角函数计算出每个顶点的坐标