温州企业做网站,天华建筑设计公司官网,出口电商网站建设程序,网站生成app免费#x1f468;⚕️ 主页#xff1a; gis分享者 #x1f468;⚕️ 感谢各位大佬 点赞#x1f44d; 收藏⭐ 留言#x1f4dd; 加关注✅! #x1f468;⚕️ 收录于专栏#xff1a;threejs gis工程师 文章目录 一、#x1f340;前言1.1 ☘️Animation常量汇总1.1.1 循…⚕️ 主页 gis分享者 ⚕️ 感谢各位大佬 点赞 收藏⭐ 留言 加关注✅! ⚕️ 收录于专栏threejs gis工程师 文章目录 一、前言1.1 ☘️Animation常量汇总1.1.1 循环模式1.1.2 插值模式1.1.3 结束模式 1.2 ☘️Core常量汇总1.2.1 修订版本号1.2.2 Color Spaces1.2.3 鼠标按钮 1.3 ☘️CustomBlendingEquation常量汇总1.3.1 混合方程1.3.2 源因子1.3.3 目标因子 1.4 ☘️Renderer常量汇总1.4.1 面剔除模式1.4.2 阴影类型1.4.3 色调映射 一、前言
本文详细threejs讲解有关Animation、Core、CustomBlendingEquation、Renderer的相关常量。希望能帮助到您。一起学习加油加油
1.1 ☘️Animation常量汇总
动画相关常量
1.1.1 循环模式
THREE.LoopOnce
THREE.LoopRepeat
THREE.LoopPingPong1.1.2 插值模式
THREE.InterpolateDiscrete
THREE.InterpolateLinear
THREE.InterpolateSmooth1.1.3 结束模式
THREE.ZeroCurvatureEnding
THREE.ZeroSlopeEnding
THREE.WrapAroundEnding1.2 ☘️Core常量汇总
核心常量
1.2.1 修订版本号
THREE.REVISION当前three.js的修订版本号
1.2.2 Color Spaces
THREE.SRGBColorSpace
THREE.LinearSRGBColorSpaceSRGBColorSpace (“sRGB”) 是指由 Rec. 定义的色彩空间。 709 原色、D65 白点和非线性 sRGB 传输函数。 sRGB 是 CSS 中的默认颜色空间经常出现在调色板和颜色选择器中。以十六进制或 CSS 表示法表示的颜色通常在 sRGB 颜色空间中。
LinearSRGBColorSpace (“Linear-sRGB”) 是指具有线性传递函数的 sRGB 颜色空间上图。 Linear-sRGB 是 three.js 中的工作色彩空间在大部分渲染过程中使用。 three.js 材质和着色器中的 RGB 分量位于线性 sRGB 颜色空间中。
1.2.3 鼠标按钮
THREE.MOUSE.LEFTTHREE.MOUSE.MIDDLETHREE.MOUSE.RIGHT1.3 ☘️CustomBlendingEquation常量汇总
自定义混合方程 代码示例
const material new THREE.MeshBasicMaterial( {color: 0x00ff00} );
material.blending THREE.CustomBlending;
material.blendEquation THREE.AddEquation; //default
material.blendSrc THREE.SrcAlphaFactor; //default
material.blendDst THREE.OneMinusSrcAlphaFactor; //default1.3.1 混合方程
THREE.AddEquation
THREE.SubtractEquation
THREE.ReverseSubtractEquation
THREE.MinEquation
THREE.MaxEquation1.3.2 源因子
THREE.ZeroFactor
THREE.OneFactor
THREE.SrcColorFactor
THREE.OneMinusSrcColorFactor
THREE.SrcAlphaFactor
THREE.OneMinusSrcAlphaFactor
THREE.DstAlphaFactor
THREE.OneMinusDstAlphaFactor
THREE.DstColorFactor
THREE.OneMinusDstColorFactor
THREE.SrcAlphaSaturateFactor1.3.3 目标因子
所有的源因子的值在目标因子中都是有效的。除了
THREE.SrcAlphaSaturateFactor1.4 ☘️Renderer常量汇总
渲染器
1.4.1 面剔除模式
THREE.CullFaceNone
THREE.CullFaceBack
THREE.CullFaceFront
THREE.CullFaceFrontBackCullFaceNone 禁用面剔除。 CullFaceBack 为默认值剔除背面。 CullFaceFront 剔除正面。 CullFaceFrontBack 剔除正面和背面。
1.4.2 阴影类型
THREE.BasicShadowMap
THREE.PCFShadowMap
THREE.PCFSoftShadowMap
THREE.VSMShadowMap这些常量定义了WebGLRenderer中shadowMap.type的属性。
BasicShadowMap 能够给出没有经过过滤的阴影映射 —— 速度最快但质量最差。
PCFShadowMap 为默认值使用Percentage-Closer Filtering (PCF)算法来过滤阴影映射。
PCFSoftShadowMap 和PCFShadowMap一样使用 Percentage-Closer Filtering (PCF) 算法过滤阴影映射但在使用低分辨率阴影图时具有更好的软阴影。
VSMShadowMap 使用Variance Shadow Map (VSM)算法来过滤阴影映射。当使用VSMShadowMap时所有阴影接收者也将会投射阴影。
1.4.3 色调映射
THREE.NoToneMapping
THREE.LinearToneMapping
THREE.ReinhardToneMapping
THREE.CineonToneMapping
THREE.ACESFilmicToneMapping这些常量定义了WebGLRenderer中toneMapping的属性。 这个属性用于在普通计算机显示器或者移动设备屏幕等低动态范围介质上模拟、逼近高动态范围HDR效果。
