小南瓜开发平台
南瓜树基础能力低代码平台，助力中小企业进行数字化转型
122
文章
5019
浏览
微信扫码关注
搜索
【01】three.js 简介及入门
46
创建 渲染器 网格 立方体
three.js，一个WebGL引擎，基于JavaScript，可直接运行GPU驱动游戏与图形驱动应用于浏览器。其库提供大量特性与API以绘制3D场景于浏览器.
作者：小数先生 2024-09-08 发布
【02】vue2中使用three.js绘制一个可移动的几何体【实战】
44
vue camera cli container
实战：在vue中使用three.js创建一个可控制旋转的几何体
作者：小数先生 2024-09-08 发布
【03】three.js画线和创建文字
41
10 three.js points.push <
假设业务场景只需要画一个圆或者画一条线，而不是一个线框模型，或者说不是一个Mesh（网格）。 那么第一步我们要做的，是设置好renderer（渲染器）、scene（场景）和camera（相机）
作者：小数先生 2024-09-08 发布
【04】three.js载入3D模型方式和help
51
模型 格式 glTF 加载
3D模型的格式有成千上万种可供选择，但每一种格式都具有不同的目的、用途以及复杂性。 虽然 three.js已经提供了多种导入工具， 但是选择正确的文件格式以及工作流程将可以节省很多时间，以及避免遭受很多挫折。
作者：小数先生 2024-09-08 发布
【05】three进阶——如何更新场景、材质、纹理、相机信息？
39
渲染 顶点 positions ）。
three.js如何更新场景、材质、纹理、相机信息？
作者：小数先生 2024-09-08 发布
【06】three进阶——如何废置对象？
43
废置 材质 dispose 几何体
为了提高性能，并避免应用程序中的内存泄露，一个重要的方面是废置未使用的类库实体。每当你创建一个three.js中的实例时，都会分配一定数量的内存。然而，three.js会创建在渲染中所必需的特定对象。
作者：小数先生 2024-09-08 发布
【07】three进阶——如何创建VR内容（How to create VR content）
38
VR 渲染 应用程序 VRButton.js
Three.js是大多数开发者首次接触的WebGL 3D库，Threejs库的出现解决了底层的渲染细节和复杂的数据结构，可以支持如一个房间级别,或一个楼层级别的渲染,或符合特殊要求的大量同类模型的渲染。
作者：小数先生 2024-09-08 发布
【08】three进阶——如何使用后期处理（How to use post-processing）
35
渲染 import postprocessing addons
​很多three.js应用程序是直接将三维物体渲染到屏幕上的。有时，你或许希望应用一个或多个图形效果，例如景深、发光、胶片微粒或是各种类型的抗锯齿。后期处理是一种被广泛使用、用于来实现这些效果的方式。
作者：小数先生 2024-09-08 发布
【09】three进阶——矩阵变换（Matrix transformations）
38
对象 矩阵 属性 旋转
Three.js使用matrix编码3D变换 —— 平移（位置），旋转和缩放。 Object3D的每个实例都有一个matrix，用于存储该对象的位置，旋转和比例。
作者：小数先生 2024-09-08 发布
【10】three进阶——动画系统（Animation system）
39
动画 AnimationClip 变形 three.js
three进阶——动画系统（Animation system）
作者：小数先生 2024-09-08 发布
【11】实战—使用three.js渲染第一个场景和物体
43
相机 Number 摄像机 几何体
实战——three.js渲染第一个场景和物体
作者：小数先生 2024-09-08 发布
【12】实战——轨道控制器查看物体
35
camera 相机 Number 几何体
示例：\x26lt;template\x26gt; \x26lt;div class=\x26quot;container\x26quot; ref=\x26quot;container\x26quot;\x26gt;
作者：小数先生 2024-09-08 发布
【13】实战——添加坐标轴辅助器
37
camera 相机 Number 几何体
实战——添加坐标轴辅助器
作者：小数先生 2024-09-08 发布
【14】实战——three.js控制物体移动
33
camera 相机 null Number
让圆柱体在X轴来返运动
作者：小数先生 2024-09-08 发布
【15】实战——物体的缩放与旋转
34
camera 相机 null Number
本文代码是设置立方体缩放和旋转
作者：小数先生 2024-09-08 发布
【16】实战——应用requestAnimationFrame
34
camera requestAnimationFrame null Number
应用requestAnimationFrame 传入时间参数，控制物体动画效果
作者：小数先生 2024-09-08 发布
【17】实战——three.js通过Clock跟踪时间处理动画
37
camera 相机 null Number
通过Clock跟踪时间处理动画
作者：小数先生 2024-09-08 发布
【18】实战——了解gsap动画库基本使用和原理
32
camera null 相机 Number
了解gsap动画库基本使用和原理
作者：小数先生 2024-09-08 发布
【19】实战——three.js根据屏幕和浏览器尺寸变化实现自适应画面
40
控制器 null 渲染器 window.innerHeight
设置控制器阻尼，让控制器更有真实效果，必须在动画循环调用;\x0d\x0a监听画面变化，更新渲染画面
作者：小数先生 2024-09-08 发布
【20】实战——three.js调用js接口控制画布全屏和退出全屏
35
null 全屏 渲染器 Number
双击控制屏幕进入全屏、退出全屏
作者：小数先生 2024-09-08 发布
点击继续加载
热门文章
大模型AI下，国内外六大科技巨头的博弈和取舍
混战下的新格局：2024年模型之间的混战呈现出新的趋势和特点，既有激烈的竞争也有巨大的机遇
大数据&常用的技术结构
Hadoop的项目结构的主要部分，这些组件共同协作，为用户提供了大规模数据处理和存储的能力。
一文了解postgre以及在项目中常用的命令
在项目中使用到了postgreSQL,SQL语法规则与标准SQL语法非常相似，但也有一些自己的特性和扩展。PostgreSQL是一个强大的、高度可扩展的、开源的对象关系数据库系统，它使用并扩展了SQL语言，具有许多独特的特性和优势。
【数智平台】在线开发活动预算管理
活动预算管理适用于组织和策划各种活动的人员，包括企业、非营利组织、政府机构、学校和个人
【云计算必备技能】docker入门及基础命令
Docker是一种容器化技术，它在云计算中扮演着重要的角色.它可以帮助开发人员和系统管理员更轻松地创建、部署、运行和管理应用程序。