技术栈
three.js
MossGrower
3 小时前
webgl
·
three.js
·
3d渲染
·
阴影效果
34. Three.js案例-创建球体与模糊阴影
WebGLRenderer 是 Three.js 中用于渲染 3D 场景的核心类。它负责将场景中的对象绘制到画布上。
广东数字化转型
12 小时前
3d
·
three.js
Three.js相机Camera控件知识梳理
Three.js 主要提供了两种类型的相机:正交相机(OrthographicCamera)和透视相机(PerspectiveCamera)。
关山月
1 天前
前端
·
three.js
9个学习着色器的GLSL示例
学习GLSL的基础知识是小菜一碟。然而,使用这些知识来创造效果可能会令人生畏,因为您可能会感到迷失,不确定从哪里开始。如果这听起来很熟悉,那么本教程就是为你准备的。
程序员_三木
2 天前
javascript
·
webgl
·
three.js
·
材质
·
贴图
Three.js资源-贴图材质网站推荐
在使用 Three.js 进行 3D 图形渲染时,纹理贴图是不可或缺的一部分。无论是创建复杂的材质效果,还是提升模型的细节感,都离不开合适的纹理贴图资源。今天,我为大家推荐一些优质的 Three.js 纹理贴图网站,这些网站提供了丰富的纹理资源,可以帮助你轻松提升项目的视觉效果。
MossGrower
2 天前
3d图形
·
webgl
·
three.js
·
球体几何体
37. Three.js案例-绘制部分球体
WebGLRenderer 是Three.js中的一个渲染器类,用于将3D场景渲染到网页上。WebGLRenderer( parameters : Object )
关山月
2 天前
前端
·
three.js
如何使用Three.js创建3D音频可视化工具
在本文中,我们将结合现有的工具和技术(包括Perlin Noise)创建一个令人印象深刻的音频可视化工具。
MossGrower
3 天前
webgl
·
three.js
·
阴影
·
球体
35. Three.js案例-创建带阴影的球体与平面
WebGLRenderer 是Three.js中用于渲染场景的主要类之一,它负责将场景中的对象渲染到画布上。
MossGrower
4 天前
3d图形
·
webgl
·
three.js
·
圆角矩形
28. Three.js案例-创建圆角矩形并进行拉伸
WebGLRenderer 是 Three.js 中用于渲染 3D 场景的主要渲染器。WebGLRenderer( parameters : Object )
清风夜半
4 天前
前端
·
游戏
·
three.js
把鸽鸽放到地图上唱跳rap篮球需要几步?
最近在做地图类的创意应用没什么灵感,有一天晚上看到我弟弟玩游戏,发现机箱里有个ikun手办,这创作灵感就来了,鸽鸽+唱歌跳舞有没有搞头?
MossGrower
4 天前
webgl
·
three.js
·
3d 渲染
·
阴影映射
33. Three.js案例-创建带阴影的球体与平面
WebGLRenderer 是 Three.js 中用于渲染 3D 场景的核心类。它负责将场景中的对象绘制到画布上。
MossGrower
5 天前
webgl
·
three.js
·
3d渲染
·
圆弧绘制
30. Three.js案例-绘制并渲染圆弧
WebGLRenderer 是 Three.js 中用于渲染 3D 场景的核心类。它利用 WebGL 技术在浏览器中渲染 3D 图形。
JSCON简时空
5 天前
前端
·
react.js
·
three.js
还没下雪嘛?等不及了,自己整个 3D 雪地写写字!
现实中南方下雪还挺碰运气的,就算下雪了,想要在雪地上 “书写” 文字、画画什么的,这种想法更是不切实际;那只能想办法在 “赛博空间” 中满足个人雪地写字的愿望了~
Sword99
8 天前
前端
·
three.js
·
豆包marscode
MarsCode赋能Three.js:如何轻松实现3D模型点云效果
点云技术正成为三维视觉开发的热门方向,而 MarsCode 作为强大的交互逻辑工具,与 Three.js 的采样器结合,为复杂点云效果的实现提供了高效解决方案。本文将重点展示如何借助 MarsCode 快速实现动物点云效果,解析其在数据处理与渲染中的核心作用,为开发者打开点云艺术的新思路。文章末尾会放源码地址
程序员_三木
8 天前
开发语言
·
javascript
·
webgl
·
three.js
·
材质
Three.js入门-材质详解,构建视觉真实感的核心
Three.js 是一个强大的 3D JavaScript 库,它为开发者提供了丰富的工具来创建和渲染逼真的三维场景。在这些工具中,材质是一个非常重要的组成部分。材质定义了物体表面的外观特性,例如颜色、光泽、透明度、纹理等。本文将深入探讨 Three.js 中的材质,帮助你全面了解如何通过材质增强你的 3D 场景。
MossGrower
9 天前
动画
·
webgl
·
three.js
·
自定义平面图形
29. Three.js案例-自定义平面图形
WebGLRenderer 是 Three.js 中用于渲染 3D 场景的核心类。它利用 WebGL 技术在浏览器中渲染 3D 图形。
MossGrower
10 天前
3d图形
·
webgl
·
three.js
·
多面体
26. Three.js案例-自定义多面体
WebGLRenderer 是 Three.js 中用于渲染场景的主要类。它支持 WebGL 渲染,并提供了多种配置选项。
MossGrower
10 天前
3d图形
·
webgl
·
three.js
·
动态效果
22. Three.js案例-创建旋转的圆环面
THREE.WebGLRenderer 是Three.js中最常用的渲染器,用于将场景渲染到WebGL画布上。
MossGrower
15 天前
webgl
·
three.js
·
动态渲染
·
平面几何体
19. Three.js案例-创建一个带有纹理映射的旋转平面
WebGLRenderer 是 Three.js 中用于渲染场景的主要类。它利用 WebGL 技术在浏览器中绘制 3D 图形。
MossGrower
16 天前
webgl
·
three.js
·
立方体
·
渲染器
17. Threejs案例-Three.js创建多个立方体
WebGLRenderer 是 Three.js 中用于渲染 WebGL 场景的核心类。它负责将场景中的对象渲染到画布上。
Sword99
16 天前
前端
·
three.js
·
源码阅读
【ThreeJs原理解析】第4期 | 向量
在Three.js中,向量(Vector)是一个非常重要的概念,广泛应用于各种场景,几乎所有的几何、变换、物理、动画等操作都离不开向量的运算。理解向量的概念和使用方法对于掌握Three.js是非常重要的。