dat.gui

Three.js学习7：dat.GUI 参数控制

每个学Three.js的都被安利了dat.GUI吧？我也不例外！今天就来了学习下dat.GUI，并记录下来自己的学习成果。一、什么是dat.GUI?
stones4zd·2024-02-08 13:06

threejs-day3(摄像机/阴影/雾/渲染目标/自定义缓冲几何体)

/three/examples/jsm/controls/OrbitControls";import{GUI}from"dat.gui";constcanvas=document.querySelector
小杰66·2024-01-29 13:30

vue使用three.js实现外部加载模型的自动缩放的效果

2、BoxSwitch.vue文件中（1）、加载需要的js文件import*asTHREEfrom'three'import*asdatfrom'dat.gui'
菜鸟karroy·2023-11-30 16:23

基于 React hooks + Typescript + Cesium 绘制四棱锥（视椎体）

文章目录效果截图功能介绍实现思路实现步骤安装react-dat-gui库创建四棱锥根据参数面板更新视椎体参数整体代码效果截图先上截图：功能介绍本例子基于Reacthooks+Typescript+Cesium绘制四棱锥（视椎体）；通过dat.GUI
jiegiser#·2023-11-26 07:33

threejs(12)-着色器打造烟雾水云效果

OrbitControls}from"three/examples/jsm/controls/OrbitControls";importgsapfrom"gsap";import*asdatfrom"dat.gui
拾荒李·2023-11-13 04:36

threejs(8)-详解光线投射与物体交互

from"three/examples/jsm/controls/OrbitControls";//导入动画库importgsapfrom"gsap";//导入dat.guiimport*asdatfrom"dat.gui
拾荒李·2023-10-28 15:33

app_github地球学习(4)_地球伪贴图

采样贴图:核心代码:importStagefrom'three_stage'import*asTHREEfrom'three'import*asdatfrom"dat.gui";importfragmentfrom
DSLMing·2023-10-27 09:50

threejs中dat.gui的使用详细介绍

一、引入vue中引入：import{GUI}from'three/examples/jsm/libs/lil-gui.module.min'二、创建实例constgui=
慢步者_rambler·2023-10-16 17:44

初见物理引擎库Cannon.js：使用dat.gui修改物体属性

0前言本文是“初见物理引擎库Cannon.js”系列的第二篇文章，在本文中主要讲解dat.gui的使用。
syzdev·2023-10-16 17:12

dat.GUi入门

2.操作yarnadddat.gui||yarnadd@types/dat.gui//安装3.导入import*asdatfrom'dat.gui';4.使用constgui=newdat.GUI({}
Clhk·2023-10-16 17:11

three.js的demo例子-STL加载对象组件

有需要的网上有很多教程文章目录three.js的demo例子-STL加载对象组件效果展示插件模型一、HTML部分二、script部分1.引入库2.初始化数据3.监听鼠标4.watch监听5.模型对象三、dat.gui
Ctrl Alt Shift·2023-10-10 00:37

ThreeJs 学习之旅(十八)—Realistic render(真实渲染)

asTHREEfrom"three";import{OrbitControls}from"three/examples/jsm/controls/OrbitControls.js";import*asdatfrom"dat.gui
Florenza·2023-09-22 19:23

three.js学习笔记(一)——GUI工具的使用

Dat.gui是一个GUI组件，他可以为你的demo提供参数的设置官方github安装与引入npminstall--savedat.guiimport*asdatfrom'dat.gui'实例化对象//
hongsir_12·2023-09-20 08:25

threejs的dat.gui辅助工具的使用

threejs的dat.gui辅助工具的使用安装使用安装npmidat.gui-S使用importdatfrom'dat.gui'constcontrolData={rotationSpeed:0.01
小菜鸟学代码···2023-09-11 00:43

threejs纹理加载（二）

asTHREEfrom"three";import{OrbitControls}from"three/examples/jsm/controls/OrbitControls";import*asDatfrom"dat.gui
sleeppingfrog·2023-08-24 13:18

Threejs学习02——使用dat.gui实现主动控制立方体相关操作

使用dat.gui实现主动控制立方体相关操作这是一个非常简单基础的threejs的学习应用！
maker011·2023-08-23 08:40

threejs中gui的使用

dat.gui是一个用于创建交互式调试界面的JavaScript库。
姚*鸿的博客·2023-08-16 07:47

第2话 Mesh对象的属性和threejs中的两种相机

构建一个"向场景中添加方块"的功能这主要要在dat.GUI中添加按钮以控制场景中各物体对象的属性。
seeyoumeet·2023-08-16 07:16

threejs — 12 material

asTHREEfrom"three";import{OrbitControls}from"three/examples/jsm/controls/OrbitControls";import*asdatfrom'dat.gui
TaiXinF·2023-08-16 07:46

threejs 基础案例之四：点光源，移动光源旋转的小球

asTHREEfrom"three"import{OrbitControls}from"three/examples/jsm/controls/OrbitControls"importDatfrom"dat.gui"import
sleeppingfrog·2023-07-17 19:28

探索三维世界【4】：Three.js & dat.gui & gsap 的使用

探索三维世界【4】：Three.js&dat.gui&gsap的使用1、dat.gui是什么？
Modify_QmQ·2023-07-14 22:42

使用dat.gui更改three.js中的物体变量

一、dat.gui介绍gui是一种JavaScript库，用于创建可视化控件和调试工具。它是dat.gui的简称。dat.gui是一个用于在Web应用程序中创建可定制GUI的JavaScript库。
jieyucx·2023-06-21 14:07

vue three基础知识笔记

OrbitControls}from"three/examples/jsm/controls/OrbitControls";importgsapfrom"gsap";import*asdatfrom"dat.gui
开心就好1314520·2023-04-14 13:46

ThreeJS-光源强度（二十二）

控制灯光强度gui.add(directionalLight,'intensity').min(0).max(30).step(1).name("灯光强度");完整代码：import*asdatfrom'dat.gui
不穿铠甲的穿山甲·2023-04-02 21:17

ThreeJS-投影相机（十八）

示意图：黄线：太阳发出的平行光线视觉范围可以使用一个立方体表示，左右确定宽度，上下确定高度，远近确定长度引入：import*asdatfrom'dat.gui'//界面控制关键代码：//平行光投射相机的属性
不穿铠甲的穿山甲·2023-04-02 21:47

ThreeJS-自定义矩形BufferGeometry(八)

OrbitControls}from"three/examples/jsm/controls/OrbitControls";importgsapfrom"gsap";//动画控制import*asdatfrom"dat.gui
不穿铠甲的穿山甲·2023-04-02 21:46

ThreeJS-BufferGeometry随机50个三角形（九）

OrbitControls}from"three/examples/jsm/controls/OrbitControls";importgsapfrom"gsap";//动画控制import*asdatfrom"dat.gui
不穿铠甲的穿山甲·2023-04-02 21:46

ThreeJS-dat.gui界面控制颜色、隐藏、位置(六)

下载组件dat.guinpminstalldat.gui-S引入组件import*asdatfrom'dat.gui'//界面控制代码：import*asTHREEfrom"three";import{
不穿铠甲的穿山甲·2023-04-02 21:16

ThreeJS-文件夹、线框、点击按钮触发函数(七)

OrbitControls}from"three/examples/jsm/controls/OrbitControls";importgsapfrom"gsap";//动画控制import*asdatfrom"dat.gui
不穿铠甲的穿山甲·2023-04-02 21:16

three.js-结合dat.gui实现界面可视化修改及调试详解

目录gitee地址本篇目标下载dat.gui引入及创建引入创建使用效果图完整代码gitee地址gitee地址：gittee地址本篇目标结合dat.gui实现界面可视化修改及调试下载dat.guipnpmidat.gui
·2023-02-16 20:42

【ThreeJS基础教程-初识Threejs】1.4.1 更好的视觉效果-使用材质与灯光

的捷径使用灯光与材质案例解析使用MeshStandardMaterial给演员换身新衣服用灯光照亮换了新衣服(新材质)的演员(方块)控制开关灯我想知道灯光在哪我觉得场景太暗了环境光AmbientLight使用lil.gui(dat.gui
幻梦往昔·2023-01-16 16:45

【ThreeJS基础教程-初识Threejs】1.2掌控我们的物体和模型

掌控我们的物体和模型学习ThreeJS的捷径引入帧数监控与调试时使用的GUI案例解析引入刷新率检测器stats和lil-guiStatsLIL.GUI（Dat.GUI）学习ThreeJS的捷径本段内容会写在
幻梦往昔·2023-01-16 16:44

使用Three.js实现炫酷的赛博朋克风格3D数字地球大屏

页面使用React+Three.js+Echarts+stylus技术栈，本文涉及到的主要知识点包括：THREE.Spherical球体坐标系的应用、Shader结合TWEEN实现飞线和冲击波动画效果、dat.GUI
·2022-07-31 09:49

自定义一个基础工具类

asTHREEfrom'three'importOrbitControlsfrom'@/lib/tools/orbitControls'importStatsfrom'@/lib/tools/stats'importdatfrom'dat.gui'exportdefaultc
FayHu·2021-06-06 17:44

dat.GUI - API

GitHub主页：https://github.com/dataarts/dat.gui使用步骤首先在页面的标签中添加这个库。
木·本·2020-10-16 20:19

【three.js学习笔记】04 dat.gui 组件使用

dat.gui组件使用datgui组件可以方便地改变某些值，并快速预览这些值的改变所产生的变化远程调用：https://threejs.org/examples/js/libs/dat.gui.min.js
towrabbit·2020-09-12 20:22

16 Three.js使用dat.GUI简化试验流程

而dat.GUI实现的东西也很简单，理解起来也很好理解。
暮志未晚Webgl·2020-09-12 20:19

Three.js 笔记 - 使用dat.GUI简化调试流程

dat.GUI函数库是由谷歌的一个民间组织所开发的，在他的帮助下，可以很容易的创建出一个简单的界面组件，可以用来修改代码中的变量。
ithanmang·2020-09-12 19:59

DAT.GUI-初次了解

dat.gui是一款小巧轻便的可视化工具，配合使用在Three.js中非常方便。
Osborn521·2020-09-12 19:20

Dat.gui配置项联动

配置项联动，即更改某一配置项后，config中其他参数也随之变化，同时反映到gui面板中比如更改下拉列表的选项，最大值和最小值会随之改变config中的数值改变很好实现，使用onFinishChange函数定义即可而要将config中的数值同步到面板中，官方给出了两种方法，一种是自动的(官方例子)：1varfizzyText=newFizzyText();2vargui=newdat.GUI();
Aethria·2020-09-12 18:10

Dat.gui 使用教程

官方站点：http://workshop.chromeexperiments.com/examples/gui/Dat.gui使用教程：Dat.gui是一个GUI组件，他可以为你的demo提供参数的设置
weixin_34357436·2020-09-12 17:06

Three.js--6.使用dat.GUI库添加一个用户界面

使用dat.GUI很容易可以创建一个简单的页面组件，用以修改代码中的变量；示例中：控制球体弹跳的速度控制方块的旋转首先，先引入库接下来，我们定义一个JavaScript对象，用来保存我们想要通过dat.GUI
ヾ柠檬不酸·2020-09-12 17:51

dat.gui在vue中的引入

dat.gui在vue中的引入dat.gui库官方站点：http://workshop.chromeexperiments.com/examples/gui/Dat.gui使用教程：Dat.gui是一个
白雾三语·2020-09-12 16:01

使用dat.GUI实现参数快速调节

有，那就是dat.GUI，本文就来看看这个东西的使用。
test 999·2020-09-12 15:08

dat.GUI介绍

一、基本介绍1，什么是dat.GUI?dat.GUI是一个轻量级的图形用户界面库（GUI组件），使用这个库可以很容易地创建出能够改变代码变量的界面组件。
纳美尚品·2020-09-12 15:07

Dat.gui 使用教程

官方站点：http://workshop.chromeexperiments.com/examples/gui/Dat.gui使用教程：Dat.gui是一个GUI组件，他可以为你的demo提供参数的设置
hsany330·2020-09-10 14:22

我的threejs学习笔记（二）——dat.gui使用

写在前面dat.gui可以方便地向场景中添加控制条，随时调整参数。
chenqiong1991·2020-08-26 12:42

87 Three.js 手动创建SkinnedMesh的骨骼和绑定动画

并独自绑定了相关的骨骼，我们可以通过dat.gui插件调整骨骼的缩放，位置和转向来查看骨骼的移动对模型造成的相关影响。
暮志未晚Webgl·2020-08-01 09:35

Javascript中文变量及dat.gui的使用

dat.gui是一款小巧轻便的可视化工具，配合使用在Three.js中非常方便。
3D剁手网·2020-06-24 00:35

辅助工具

dat.gui添加属性控制器，主要用于属性调试importdatfrom'dat.gui'constgui=newdat.GUI()//绑定对象的change事件来更新视图变化gui.add(cube,
FayHu·2020-06-22 18:12
上一页 1 2 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他