技术栈
web3d
baker_zhuang
3 个月前
threejs
·
web3d
Threejs创建正多边体
上一章节实现了球体的绘制,这节来绘制多面体,包括正多面体,平面中,每条边一样长组成的图形叫正多边形,这里每个面一样,叫正多面体。如上文一样,先要创建出基础的组件,包括场景,相机,灯光,渲染器。代码如下:
baker_zhuang
3 个月前
threejs
·
web3d
Threejs绘制圆锥体
上一章节实现了胶囊体的绘制,这节来绘制圆锥体,圆锥体就是三角形旋转获得的,如上文一样,先要创建出基础的组件,包括场景,相机,灯光,渲染器。代码如下:
baker_zhuang
3 个月前
webgl
·
threejs
·
web3d
Threejs创建胶囊体
上一章节实现了圆环结的绘制,这节来绘制胶囊体,胶囊体就是胶囊的形状,上下是一个半球,中间是一个圆柱体,如上文一样,先要创建出基础的组件,包括场景,相机,灯光,渲染器。代码如下:
weixin_50515446
5 个月前
3d
·
数字孪生
·
web3d
·
3d产品配置器
·
产品交互展示
·
3d交互设计工具
web3d值得学习并长期发展,性价比高吗?
在数字化浪潮日益汹涌的今天,Web3D技术以其独特的魅力和广泛的应用前景,逐渐成为技术领域的焦点。对于许多热衷于技术探索和创新的人来说,学习并长期发展Web3D技术无疑是一个值得考虑的选择。那么,Web3D技术的学习和发展究竟是否性价比高呢?结合 博维数孪 Web3D产品在各行业/领域的应用,本文将就此问题展开深入探讨。 一、Web3D的定义与应用
vivo互联网技术
5 个月前
rust
·
three.js
·
webassembly
·
3d模型
·
web3d
基于 Three.js 的 3D 模型加载优化
作者:来自 vivo 互联网前端团队- Su Ning作为一个3D的项目,从用户打开页面到最终模型的渲染需要经过多个流程,加载的时间也会比普通的H5项目要更长一些,从而造成大量的用户流失。为了提升首屏加载的转化率,需要尽可能的降低loading的时间。这里就分享一些我们在模型加载优化方面的心得。
weixin_50515446
5 个月前
3d
·
数字孪生
·
数据可视化
·
web3d
·
3d产品配置器
·
3d交互展示
什么是Web3D?国内有哪些公司可以做?
Web3D 是一种基于网页的三维立体虚拟现实技术。利用计算机图形学、图像处理、人机交互等技术,将现实世界中的物体、场景或概念以三维立体的方式呈现在网页里。Web3D 技术可以让用户在任何时间、任何地点,通过互联网与虚拟世界进行互动,获得身临其境的沉浸式体验。
陈小峰_iefreer
5 个月前
元宇宙
·
web3d
·
沉浸式互联网
探讨3D沉浸式在线会议系统的研发 - Meta演示的元宇宙虚拟化身多人对话场景,Web端现在也可以实现了 !
要实现一个元宇宙多人会议系统,关键技术有:1. 3D虚拟空间的构建(含光影特效、虚拟现实和增强现实)2. 3D虚拟化身的构建(含动画、表情、语音)
mirrornan
6 个月前
3d
·
webgl
·
3d模型
·
web3d
·
3d展示
什么是Web3D交互展示?有什么优势?
在智能互联网蓬勃发展的时代,传统的图片、文字及视频等展示手段因缺乏互动性,正逐渐在吸引用户注意力和提升宣传效果上显得力不从心。而Web3D交互展示技术的横空出世,则为众多品牌与企业开启了一扇全新的展示之门,让线上产品体验从平面走向立体,从静态跃升至动态交互,极大地增强了内容的吸引力和传播力。
mirrornan
7 个月前
3d
·
web3
·
webgl
·
web3d
·
3d展示
·
网页3d
什么是web3D?应用场景有哪些?如何实现web3D展示?
Web3D是一种将3D技术与网络技术完美结合的全新领域,它可以实现将数字化的3D模型直接在网络浏览器上运行,从而实现在线交互式的浏览和操作。
是席木木啊
8 个月前
webgl
·
threejs
·
web3d
ThreeJS:项目搭建
介绍如何基于Vite、Vue、React构建ThreeJS项目。1. 初始化项目,命令:npm init vite@latest,
是席木木啊
8 个月前
webgl
·
threejs
·
web3d
ThreeJS:光线投射与3D场景交互
光线投射详细介绍可参考:https://en.wikipedia.org/wiki/Ray_casting,
千汇数据的老司机
9 个月前
3d
·
web
·
webgl
·
three.js
·
web3d
web3D三维引擎(Direct3D、OpenGL、UE、U3D、threejs)基础扫盲
Hi,我是贝格前端工场的老司机,本文介绍文web3D的几个引擎,做个基础扫盲,如果还不能解决问题,可以私信我,搞私人订制呦。
webgl_谷子
10 个月前
javascript
·
webgl
·
web3d
·
babylonjs
·
babylonjs入门
·
babylonjs模版
·
babylonjs镜面效果
babylonsjs入门-基础模版
基于babylonjs封装的一些功能和插件 ,希望有更多的小伙伴一起玩babylonjs;欢迎加群(点击群号传送):464146715
weixin_50515446
10 个月前
数字孪生
·
数据可视化
·
web3d
·
3d产品配置器
·
3d交互展示
数据可视化在商业领域有哪些重要性?
数据可视化在商业领域的重要性体现在多个方面,它通过将复杂的数据集转化为直观、易于理解的图形和图表,帮助企业和组织做出更明智的决策。以下是数据可视化对商业的一些关键重要性:
开心就是最好
1 年前
threejs
·
web3d
Threejs之相机基础
注:基于Three.jsv0.155.0
开心就是最好
1 年前
threejs
·
web3d
Three.js之渲染器和前端UI界面
注:基于Three.jsv0.155.0
weixin_50515446
1 年前
信息可视化
·
数字孪生
·
数据可视化
·
web3d
·
3d产品配置器
·
3d交互展示
什么是数据可视化,为什么数据可视化很重要?
数据可视化是数据的图形表示,可以帮助人们更轻松地理解和解释复杂的信息。它涉及创建数据的视觉表示,例如图表、图形、地图和其他视觉元素,以传达数据中的见解、模式和趋势。数据可视化是将原始数据转化为可操作知识的关键工具。
开心就是最好
1 年前
threejs
·
web3d
Three.js之PBR材质与环境贴图
注:基于Three.jsv0.155.0所谓PBR就是,基于物理的渲染(physically-based rendering)
开心就是最好
1 年前
threejs
·
web3d
Three.js之模型对象、材质
注:基于Three.jsv0.155.0