3.5k 3 分钟

​ 目前,3D 模型的格式有成千上万种可供选择,但每一种格式都具有不同的目的、用途以及复杂性。 虽然 three.js 已经提供了多种导入工具, 但是选择正确的文件格式以及工作流程将可以节省很多时间,以及避免遭受很多挫折。某些格式难以使用,或者实时体验效率低下,或者目前尚未得到完全支持。

4.2k 4 分钟

纹理贴图(Textures)字面意思就是給几何体对象贴上不同的纹理图!好比于我们每天选择穿不同的衣服,我们穿不同的衣服带来的感官会有很大变化!同理几何体不同贴图的视觉效果也会有千差万别。纹理贴图是 Three.js 一个很重要的内容,掌握了纹理贴图可以让 3d 效果产生质的飞跃。

# 贴图的重要性

如果没有纹理贴图,我们看到的 3d 物体将会是很糟糕的!例如下面这个最基础贴图例子。

img

1.1k 1 分钟

补间动画(Tween Animation)是一种常用的动画效果实现方法,用于在两个或多个状态之间平滑过渡。在 Three.js 中,可以使用补间动画库(Tween)来创建和控制补间动画。

补间动画通过定义起始状态和目标状态,并指定过渡时间和缓动函数,在指定的时间内自动计算并更新中间状态,从而实现平滑的动画效果,并且可以对对象的属性进行补间动画,比如位置、旋转、缩放等。

1.8k 2 分钟

# Three.js 文档本地部署 Three.js 是一个开源的 JavaScript 3D 图形库,用于在 Web 浏览器中创建和渲染各种 3D 场景、动画和效果。它是基于 WebGL 技术的封装,简化了使用 WebGL 的复杂性,使开发者可以更轻松地创建交互式的 3D 网页应用。 # 一、Three.js 文件包目录介绍 从官网下载 three.js-master 压缩包,解压后目录如下: build:目录下各个代码模块打包后的结果。 three.module.js:开发的时候 .html 文件中要引入的 threejs 引擎库,和引入 jquery...
343 1 分钟

一个基于 Three.js 库实现的 3D 高斯点云渲染器,专注于实时辐射场渲染技术。这项技术能够从 2D 图像生成 3D 场景。

图片

原项目采用 CUDA 并需要在本地机器上原生运行,但 GaussianSplats3D 的目标是构建一个可通过网络访问的查看器。它使得 3D 场景能够以点云类似的形式存储,用户可以在网页上实时查看、导航并与之互动。

# 特色功能

  • 完全基于 Three.js

  • 现代 ES 模块结构

  • 内置查看器

  • 多格式支持

  • ......

201 1 分钟

最近在 IIS 中部署自己的 threejs 项目时,发现服务能访问,但是报了一个 404,但是部署在别的服务器中没有问题。问题如下: http://localhost:9001/lanbo/assets/exr/royal_esplanade_1k.exr 404 (Not Found) 研究发现,缺少允许的 MIME 类型。 在 MIME 类型中,设置 exr 类型为 application/vnd.openexr , 重启服务即可。
170 1 分钟

height 指的是元素本身的高度,不包括 padding、border、margin,如下图所示: innerHeight 包括元素自身的高度 + padding 部分,如图所示: outerHeight 高度为:元素自身高度 + padding + border ; 如果参数为 true 时,高度为:元素自身高度 + padding + border +margin,如下图所示
3.7k 3 分钟

我本来今天想写一篇文章跟大家介绍一下 React Native for Windows + macOS。之前没有用过,所以这两天花时间调研了一下,也写了一些基础的 Demo,不过由于下午的 Vue Conf 中,我惊讶的发现了一个非常棒的东西,想迫不及待的分享给大家,他就是 Vue Vine一个更为彻底拥抱函数式的新开发方式。

103 1 分钟

项目新加入下载的阿里图标 iconfont 无法改变颜色问题 解决方法: 打开 svg 文件,搜索 “fill=”,将 svg 标签上的 fill 属性改为为 fill="currentColor",或者删除掉
1.6k 1 分钟

作为一名 前端切图仔 ,在日常工作中,我们不可避免地需要开发各种 管理系统 。每次启动新项目并 搭建框架 都费时费力,这严重影响了我们的摸鱼时间。

为了解决这个问题,今天我为大家分享 8 个基于 Vue3 + Vite + TypeScript + Naive UI 的开箱即用的 中后台 模板,帮助大家提高开发效率,轻松享受摸鱼时光!