webgl

程序员_三木13 小时前
开发语言·javascript·计算机外设·webgl·three.js
Three.js入门-Raycaster鼠标拾取详解与应用鼠标拾趣,也称为射线拾取(raycasting),是 Three.js 中实现用户与 3D 场景交互的关键技术。它通过模拟从用户鼠标位置发出的射线,检测这条射线与 3D 场景中物体的交点,从而实现物体的选择、高亮或其他交互效果。
汪洪墩2 天前
开发语言·javascript·python·ecmascript·webgl·cesium
【Mars3d】设置backgroundImage、map.scene.skyBox、backgroundImage来回切换相关链接:http://mars3d.cn/editor-vue.html?key=ex_1_2_1&id=map/other/backgroundImg
m0_748234342 天前
图形渲染·webgl
webGL硬核知识:图形渲染管渲染流程,各个阶段对应的API调用方式WebGL 的图形渲染管线大致可分为以下几个主要阶段,每个阶段都有其特定的任务,协同工作将 3D 场景中的物体最终转换为屏幕上呈现的 2D 图像:
MossGrower2 天前
3d图形·webgl·three.js·光照与阴影
36. Three.js案例-创建带光照和阴影的球体与平面WebGLRenderer 是Three.js中最常用的渲染器,用于将场景渲染到网页上。构造器方法Scene 是Three.js中的场景对象,用于存储所有需要渲染的对象。
MossGrower3 天前
webgl·three.js·3d渲染·阴影效果
34. Three.js案例-创建球体与模糊阴影WebGLRenderer 是 Three.js 中用于渲染 3D 场景的核心类。它负责将场景中的对象绘制到画布上。
程序员_三木4 天前
javascript·webgl·three.js·材质·贴图
Three.js资源-贴图材质网站推荐在使用 Three.js 进行 3D 图形渲染时,纹理贴图是不可或缺的一部分。无论是创建复杂的材质效果,还是提升模型的细节感,都离不开合适的纹理贴图资源。今天,我为大家推荐一些优质的 Three.js 纹理贴图网站,这些网站提供了丰富的纹理资源,可以帮助你轻松提升项目的视觉效果。
程序员_三木4 天前
前端·javascript·react.js·前端框架·webgl·材质
React和Three.js结合-React Three FiberReact Three Fiber(简称 R3F)是一个用于在 React 中渲染 3D 图形的库,它将 Three.js 与 React 的声明式编程模型结合起来。Three.js 是一个广泛使用的 JavaScript 库,用于在 Web 中创建 3D 场景、动画和互动效果,而 React 是一个流行的 JavaScript 库,专注于构建用户界面。React Three Fiber 使得开发者能够通过 React 的组件化和声明式方式来构建复杂的 3D 场景,简化了 Three.js 的使用,同时也
MossGrower4 天前
3d图形·webgl·three.js·球体几何体
37. Three.js案例-绘制部分球体WebGLRenderer 是Three.js中的一个渲染器类,用于将3D场景渲染到网页上。WebGLRenderer( parameters : Object )
3dconvet5 天前
webgl·3mf转stl·3mf在线转换·3mf在线预览
3MF格式转换为STL格式在3D打印和模型设计领域,经常需要将3D模型从一种格式转换为另一种格式以满足不同的应用需求。其中,3MF和STL是两种常见的3D模型格式。
3dconvet6 天前
webgl·nsdt 3dconvert·3d模型在线预览·大体量模型预览
NSDT 3DConvert:高效实现大模型文件在线预览与转换NSDT 3DConvert 作为一个 WebGL 展示平台,能够实现多种模型格式免费在线预览,并支持大于1GB的OBJ、STL、GLTF、点云等模型进行在线查看与交互,这在3D模型展示领域是一个相当强大的功能。
MossGrower6 天前
webgl·three.js·阴影·球体
35. Three.js案例-创建带阴影的球体与平面WebGLRenderer 是Three.js中用于渲染场景的主要类之一,它负责将场景中的对象渲染到画布上。
德林恩宝6 天前
web·webgl·opengl·webgpu
WebGPU、WebGL 和 OpenGL/Vulkan对比分析WebGPU、WebGL 和 OpenGL/Vulkan 都是用于图形渲染和计算的图形API,但它们的设计理念、功能和适用场景有所不同。以下是它们的总结和对比分析:
MossGrower6 天前
3d图形·webgl·three.js·圆角矩形
28. Three.js案例-创建圆角矩形并进行拉伸WebGLRenderer 是 Three.js 中用于渲染 3D 场景的主要渲染器。WebGLRenderer( parameters : Object )
匹马夕阳6 天前
javascript·arcgis·webgl
Mapbox-GL 的源码解读的一般步骤Mapbox-GL 是一个非常优秀的二三维地理引擎,随着智能驾驶时代的到来,应用也会越来越广泛,关于mapbox-gl和其他地理引擎的详细对比(比如CesiumJS),后续有时间会加更。地理首先理解 Mapbox-GL 的源码是一项复杂但非常有价值的任务,尤其是如果你计划基于它进行二次开发或者优化项目。以下是详细的步骤和建议:
MossGrower7 天前
webgl·three.js·3d 渲染·阴影映射
33. Three.js案例-创建带阴影的球体与平面WebGLRenderer 是 Three.js 中用于渲染 3D 场景的核心类。它负责将场景中的对象绘制到画布上。
MossGrower8 天前
webgl·three.js·3d渲染·圆弧绘制
30. Three.js案例-绘制并渲染圆弧WebGLRenderer 是 Three.js 中用于渲染 3D 场景的核心类。它利用 WebGL 技术在浏览器中渲染 3D 图形。
在下胡三汉8 天前
3d·webgl
glTF格式:WebGL应用的3D资产优化解决方案摘要 glTF作为一种高效的3D资产格式,为WebGL、OpenGL ES和OpenGL运行时的应用提供了强有力的支持。它不仅简化了3D模型的传输与加载流程,还通过优化资产大小,使得打包、解包更加便捷。本文将深入探讨glTF格式的优势,并提供实用的代码示例,帮助读者更好地理解和应用这一技术。 关键词 glTF格式, WebGL应用, 3D模型, 代码示例, 资产优化 一、glTF格式简介 1.1 什么是glTF格式 在当今这个数字化时代,3D技术正以前所未有的速度改变着我们与虚拟世界的互动方式。作为这一领
mirrornan10 天前
3d·webgl·3d模型·三维建模·3d定制
3D可视化定制:引领个性化消费新时代3D可视化定制是指借助3D技术,为消费者提供一个直观、互动且高度个性化的定制功能,消费者可以线上定制,并实施预览产品3D定制效果,3D可视化定制在当今数字化时代正逐渐改变消费者的购物体验与企业的线上销售模式。
程序员_三木11 天前
开发语言·javascript·webgl·three.js·材质
Three.js入门-材质详解,构建视觉真实感的核心Three.js 是一个强大的 3D JavaScript 库,它为开发者提供了丰富的工具来创建和渲染逼真的三维场景。在这些工具中,材质是一个非常重要的组成部分。材质定义了物体表面的外观特性,例如颜色、光泽、透明度、纹理等。本文将深入探讨 Three.js 中的材质,帮助你全面了解如何通过材质增强你的 3D 场景。
德林恩宝11 天前
线性代数·矩阵·webgl·相机参数
WebGL 中的三大矩阵:模型矩阵、视图矩阵和投影矩阵解析在计算机图形学中,尤其是在 WebGL 或 OpenGL 等图形编程框架中,矩阵变换是渲染三维图形的核心组成部分。正确地理解和应用矩阵变换对于构建一个有效的三维渲染管线至关重要。在这篇文章中,我们将深入探讨三种最常用的矩阵:模型矩阵(Model Matrix)、视图矩阵(View Matrix) 和 投影矩阵(Projection Matrix),以及它们在三维图形渲染中的作用和关系。