- 博客(1419)
- 收藏
- 关注
原创 leaflet 综合教程150+ 【目录 】
vue+leaflet系列教程旨在为开发者提供简单快捷的,。在每一个示例中,解释相应的API知识点,做到。注意本示例目录中的内容可能加载是vue+openlayers的示例, 本目录是要加载vue+leaflet的示例,只是内容少,逐渐更新中。
2022-09-07 15:39:10 6672 149
原创 openlayers示例教程284+【目录】
vue+openlayers系列教程旨在为开发者提供简单快捷的示例。在每一个示例中,解释相应的API知识点。
2022-09-05 15:57:58 16738 141
原创 ThreeJS入门(039):THREE.BoxGeometry 知识详解,示例代码
`THREE.BoxGeometry` 是 Three.js 中用于创建长方体几何体的一个类。这个几何体可以用于创建任何长方体形状的对象,包括立方体(当所有边长相等时)。`THREE.BoxGeometry` 提供了灵活的参数设置,可以方便地调整几何体的尺寸和细分程度。
2024-09-27 00:00:00 263
原创 ThreeJS入门(038):THREE.SpriteMaterial 知识详解,示例代码
`THREE.SpriteMaterial` 是 Three.js 中的一种材质类型,用于创建二维精灵(Sprite)。精灵材质常用于渲染图标、粒子系统、UI 元素等,它支持使用纹理贴图来定义其外观。与普通的三维材质不同,`THREE.SpriteMaterial` 通常与 `THREE.Sprite` 对象一起使用,它不支持光照模型,也不考虑摄像机的方向,总是面向摄像机展示其纹理。
2024-09-26 16:15:00 644 4
原创 ThreeJS入门(037):THREE.ShadowMaterial 知识详解,示例代码
`THREE.ShadowMaterial` 是 Three.js 中用于渲染投影的一种材质类型。这种材质主要用于渲染投影效果,通常与其他材质一起使用,以实现三维场景中的阴影效果。`THREE.ShadowMaterial` 本身并不是一个完整的材质,而是用于辅助渲染阴影的部分。在 Three.js 中,投影效果通常通过阴影贴图(shadow mapping)技术来实现。
2024-09-26 10:15:00 1135 25
原创 ThreeJS入门(036):THREE.RawShaderMaterial 知识详解,示例代码
`THREE.RawShaderMaterial` 是 Three.js 中的一个材质类型,它允许开发者直接提供自定义的顶点着色器(Vertex Shader)和片段着色器(Fragment Shader)代码,而不需要通过预编译或预处理阶段。这使得开发者可以完全控制着色器代码,并且可以避免某些 Three.js 内置材质的一些限制。
2024-09-26 07:15:00 466 3
原创 ThreeJS入门(035):THREE.LineBasicMaterial 知识详解,示例代码
`THREE.LineBasicMaterial` 是 Three.js 中用于渲染线条的一种材质类型。这种材质非常基础,它主要用来绘制简单的线段,支持基本的颜色设置和透明度调整。`THREE.LineBasicMaterial` 不支持光照模型,因此它不会根据光源的位置改变颜色或亮度。下面详细介绍 `THREE.LineBasicMaterial` 的特性和用法。
2024-09-26 00:00:00 522 6
原创 ThreeJS入门(034):THREE.MeshToonMaterial 知识详解,示例代码
`THREE.MeshToonMaterial` 是 Three.js 中的一种材质类型,它专为卡通风格的渲染而设计,支持简单的阴影和高光效果,以及通过使用不同的贴图来增强视觉表现力。`THREE.MeshToonMaterial` 旨在提供一种易于使用的材质选项,以便开发者可以快速实现具有卡通风格的三维图形。
2024-09-25 16:15:00 581 1
原创 ThreeJS入门(033):THREE.MeshMatcapMaterial 知识详解,示例代码
`THREE.MeshMatcapMaterial` 是 Three.js 中的一种材质类型,用于快速实现具有高光效果的表面渲染,而无需复杂的光照模型或贴图。`MeshMatcapMaterial` 通过使用一个称为“MatCap”(Material Capture)的纹理来模拟表面的外观,这种纹理通常是在一个球形物体上捕捉各种光照条件下的表面反射效果,从而可以高效地模拟不同材质的表面特性。
2024-09-25 10:30:00 755 1
原创 ThreeJS入门(032):THREE.MeshDistanceMaterial 知识详解,示例代码
`THREE.MeshDistanceMaterial`是一种特殊的材质类型,用于根据摄像机到网格的距离来调整材质的透明度。这种材质非常适合于创建诸如雾化效果、渐隐效果或其他基于距离的视觉效果。
2024-09-25 07:00:00 637 39
原创 ThreeJS入门(031):THREE.LineDashedMaterial 知识详解,示例代码
`THREE.LineDashedMaterial` 的材质类型,用于创建虚线线条效果。`THREE.LineDashedMaterial` 是 Three.js 为了简化创建虚线线条而提供的一个方便的材质类型,它允许用户通过简单的属性配置来实现虚线效果,而不需要手动编写着色器。
2024-09-25 00:00:00 691 5
原创 ThreeJS入门(030):THREE.MeshDepthMaterial知识详解,示例代码
`THREE.MeshDepthMaterial` 是 Three.js 中的一种特殊材质类型,主要用于绘制场景中物体的深度信息。这种材质仅渲染网格对象的深度值,而不渲染颜色或其他表面属性。`THREE.MeshDepthMaterial` 通常用于深度遮挡(occlusion)计算、阴影投射(shadow casting)以及其他需要深度信息的场景。
2024-09-24 16:15:00 602 11
原创 ThreeJS入门(029):THREE.PolntsMaterlal 知识详解,示例代码
`THREE.PointsMaterial` 是 Three.js 中用于渲染点云(point clouds)或大量独立点的一种材质类型。这种材质主要用于渲染大量点对象,每个点都可以有自己的颜色、大小和其他属性。
2024-09-24 10:30:00 754 5
原创 ThreeJS入门(028):THREE.MeshBasicMaterial 知识详解,示例代码
`THREE.MeshBasicMaterial` 是 Three.js 中的一种基本材质类型,用于渲染网格对象(`THREE.Mesh`)。这种材质不考虑光源的影响,因此无论场景中有多少光源,材质的颜色和外观都不会改变。这使得 `THREE.MeshBasicMaterial` 非常适合用于不需要光照效果的场景,或者作为调试工具来检查模型的形状和纹理。
2024-09-24 07:30:00 728 3
原创 ThreeJS入门(027):THREE.MeshLambertMaterial 知识详解,示例代码
`THREE.MeshLambertMaterial` 是 Three.js 中的一种材质类型,用于模拟物体表面的漫反射效果。这种材质遵循 Lambertian 反射模型,这意味着它会均匀地将接收到的光照散射到各个方向,从而产生较为自然的光照效果。`THREE.MeshLambertMaterial` 适用于需要模拟漫反射材质的场景,如墙面、木头、纸张等非金属材料。
2024-09-24 00:00:00 700
原创 ThreeJS入门(026):THREE.MeshPhongMaterial 知识详解,示例代码
`THREE.MeshPhongMaterial` 是 Three.js 中的一种材质类型,用于模拟物体表面的光照效果,包括漫反射(diffuse)和镜面反射(specular)。这种材质遵循 Phong 反射模型,可以模拟出光滑表面的高光效果,因此非常适合用来渲染金属、塑料、瓷器等具有光泽表面的物体。
2024-09-23 16:00:00 941 2
原创 ThreeJS入门(025):THREE.MeshStandardMaterial 知识详解,示例代码
`THREE.MeshStandardMaterial` 是 Three.js 中的一种高级材质类型,用于模拟基于物理的渲染(PBR,Physically Based Rendering)。这种材质类型采用了金属度-粗糙度(Metalness-Roughness)工作流,能够更好地模拟现实世界的光照和表面属性,适用于渲染金属、石头、木材等具有复杂表面特性的物体。
2024-09-23 10:00:00 1580 3
原创 ThreeJS入门(024):THREE.MeshPhysicalMaterial 知识详解,示例代码
是 Three.js 中一种基于物理的材质类型,它提供了更多的物理属性来模拟现实世界中的材料特性。与 相比, 提供了一些额外的物理属性,使其更适合模拟具有特定光学特性的材料,如透明材料、半透明材料等。构造函数 接受一个包含材质属性的对象参数 。 继承自 ,并具有以下一些特定的属性,可以用来控制材质的外观:下面是一个简单的示例,展示了如何使用 创建一个带有基础颜色贴图、金属度和粗糙度效果的网格对象,并启用透射属性:使用颜色贴图 可以使用颜色贴图来替代材质的颜色。只需要设置 属性即可。使用透明度贴
2024-09-23 07:30:00 991 2
原创 ThreeJS入门(023):THREE.ShaderMaterial 知识详解,示例代码
`THREE.ShaderMaterial` 是 Three.js 中的一种高级材质类型,它允许开发者直接编写顶点着色器和片段着色器来定制渲染效果。这种材质类型非常适合于那些需要高度自定义渲染效果的应用场景,例如实现特殊的视觉效果、模拟物理现象或创建独特的艺术风格。
2024-09-23 00:00:00 842 43
原创 ThreeJS入门(022):THREE.Material 知识详解,示例代码
`THREE.Material` 是 Three.js 中的一个基类,用于定义三维物体的外观属性,如颜色、纹理、透明度等。Three.js 提供了多种不同的材质类型,每种材质都有其独特的特性和用途,以满足不同的渲染需求。`THREE.Material` 本身是一个抽象基类,实际使用的材质都是其子类。
2024-09-22 16:00:00 648 10
原创 ThreeJS入门(021):THREE.AmbientLightProbe 知识详解,示例代码
`THREE.AmbientLightProbe` 是 Three.js 中的一个用于模拟环境光照的工具,它通过预先计算环境光照信息并将其应用于场景中的物体,从而增强场景的真实感。与 `THREE.LightProbe` 不同的是,`THREE.AmbientLightProbe` 更专注于捕获和模拟环境的间接光照效果。这种工具对于模拟复杂的光照情况,特别是那些涉及多次反射的光照情况,非常有用。
2024-09-22 12:30:00 683 2
原创 ThreeJS入门(020):THREE.LightProbe 知识详解,示例代码
`THREE.LightProbe` 是 Three.js 中的一种环境光照工具,用于捕捉和模拟环境光的影响。它通过对场景进行采样来获取周围环境的光照信息,并将这些信息应用于物体,从而模拟出更真实的光照效果。`THREE.LightProbe` 特别适用于需要反映环境光照变化的场景,比如室内环境、室外环境或动态光照条件下的场景。
2024-09-22 09:00:00 1074 1
原创 ThreeJS入门(019):THREE.RectAreaLight 知识详解,示例代码
`THREE.RectAreaLight` 是 Three.js 中的一种光源类型,它模拟了一个矩形区域光源,可以用来创建柔和的阴影效果。这种光源非常适合用于模拟灯箱、LED 屏幕、霓虹灯管等具有较大面积的光源。与点光源相比,矩形区域光源能够产生更加自然的阴影过渡,从而增强场景的真实感。
2024-09-22 00:00:00 754 18
原创 ThreeJS入门(018):THREE.RectAreaLight 知识详解,示例代码
`THREE.RectAreaLight` 是 Three.js 中的一种光源类型,它模拟了一个矩形区域光源,可以用来创建柔和的阴影效果。这种光源非常适合用于模拟灯箱、LED 屏幕、霓虹灯管等具有较大面积的光源。与点光源相比,矩形区域光源能够产生更加自然的阴影过渡,从而增强场景的真实感。
2024-09-21 16:00:00 974 4
原创 ThreeJS入门(017):THREE.PointLight 知识详解,示例代码
`THREE.PointLight` 是 Three.js 中的一种光源类型,它模拟从一个点向各个方向均匀发射光线的光源,类似于一个普通的灯泡。这种光源非常适合用于模拟室内照明、灯笼、星星等效果。与平行光(`THREE.DirectionalLight`)不同,点光源的光线强度会随着距离的增加而衰减。
2024-09-21 12:30:00 628
原创 ThreeJS入门(016):THREE.SpotLight 知识详解,示例代码
`THREE.SpotLight` 是 Three.js 中的一种光源类型,它模拟了聚光灯的行为,即从一个特定的点向一个特定的方向发出锥形的光束。这种光源非常适合用于模拟舞台灯光、手电筒或汽车前灯等效果。`THREE.SpotLight` 可以产生定向的光照,并且可以根据需要产生阴影。
2024-09-21 10:00:00 1405 1
原创 ThreeJS入门(015):THREE.HemisphereLight 知识详解,示例代码
`THREE.HemisphereLight` 是 Three.js 中的一种光源类型,它用于模拟天空和地面的光照效果。这种光源模拟了一个半球形的光源,从上方(天空)和下方(地面)分别发光,非常适合用来创建自然的环境光照效果。`THREE.HemisphereLight` 可以提供一种柔和且均匀的光照,特别适合用于室外场景或模拟自然环境的光照条件。
2024-09-21 00:00:00 611 34
原创 ThreeJS入门(014):THREE.DirectionalLight 知识详解,示例代码
`THREE.DirectionalLight` 是 Three.js 中的一种光源类型,它模拟来自无限远的平行光线,类似于太阳光。这种光源非常适合用于模拟直射的日光或任何其他远距离光源的效果。平行光的特点是,所有光线都平行于彼此,并且它们在场景中的作用范围是无限的。这意味着,无论光源距离场景中的物体有多远,光线的方向和强度都是恒定的。
2024-09-20 16:00:00 1285 18
原创 ThreeJS入门(013):THREE.AmbientLight 知识详解,示例代码
`THREE.AmbientLight` 是 Three.js 中的一种光源类型,它提供了一种非方向性的全局光照效果。环境光的主要特点是它不考虑光源的方向,也不产生阴影。环境光的作用是模拟场景中的基础照明,确保即使在没有其他光源的情况下,物体也有一定的可见性。这种光源非常适合用于补充其他定向光源,以避免场景过于黑暗。
2024-09-20 10:00:00 634 11
原创 ThreeJS入门(012):THREE.Light 详解、示例代码
在 Three.js 中,`THREE.Light` 是所有光源类型的基类,并不是直接实例化的对象。光源在 Three.js 场景中用于模拟光照效果,可以极大地影响场景的外观和氛围。
2024-09-20 07:30:00 1101 34
原创 ThreeJS入门(011):ArrayCamera 知识详解,示例代码
THREE.ArrayCamera` 是 Three.js 中的一种特殊摄像机类型,它允许你在单个摄像机对象中管理多个摄像机。这在需要同时从多个视角捕捉场景时非常有用,例如在创建多视角视频、全景视图、或者在某些特殊的渲染效果中。
2024-09-20 00:00:00 1588 9
原创 ThreeJS入门(010):StereoCamera 知识详解,示例代码
`THREE.StereoCamera` 是 Three.js 中用于创建立体视图(Stereo View)的摄像机类。立体视图通过模拟两只眼睛的视角来创建深度感,从而让观察者感觉他们正在观看的是一个真实的三维空间。这种技术常用于虚拟现实(VR)应用、立体3D电影或照片等领域。
2024-09-19 16:00:00 676 15
原创 ThreeJS入门(009):CubeCamera 知识详解,示例代码
THREE.CubeCamera` 是 Three.js 中的一种特殊摄像机类型,它用于生成环境贴图(Environment Maps)或反射贴图(Reflection Maps),能够捕捉场景周围的全景图像。`THREE.CubeCamera` 会在每个渲染帧自动渲染六个方向(前、后、左、右、上、下)的场景视图,并将这些视图拼接成一个立方体贴图(Cube Map)。
2024-09-19 07:00:00 645 6
原创 ThreeJS入门(008):OrthographicCamera 知识详解,示例代码
`THREE.OrthographicCamera` 类是 Three.js 中用于创建正射摄像机的一个类。正射摄像机没有透视效果,这意味着场景中的物体不论远近,大小都是固定的。这种摄像机常用于2D游戏或某些3D应用中,比如建筑平面图或地图显示等。
2024-09-19 00:00:00 563
原创 webGL 综合教程100+【目录】
webGL 综合教程100+旨在为开发者提供两大方面的知识信息:(1)提供详细的每个api知识点的详解 (2)提供实战的示例,提供源代码。 在这量大系统性的知识下,给用户提供清晰的思路和示例参考,更好的服务于自己的webGL开发项目。
2024-09-18 18:03:53 1166 5
原创 ThreeJS入门(007):PerspectiveCamera 知识详解,示例代码
THREE.PerspectiveCamera` 类是 Three.js 中用于创建透视摄像机的一个类。透视摄像机模拟了人眼和普通照相机的视角效果,即远的物体看起来比近的小。这对于模拟真实的3D环境非常有用。
2024-09-18 10:00:00 1170 7
原创 ThreeJS入门(006):Camera 知识详解,示例代码
选择哪种类型的摄像机取决于你的应用场景。如果你希望模拟真实世界的视觉体验,透视摄像机会是一个不错的选择。而如果你的应用主要涉及2D图形或者不需要透视效果的情况,那么正射摄像机将更加合适。
2024-09-18 07:00:00 1007 47
原创 WebGL入门(049):OVR_multiview2 简介、使用方法、示例代码
`OVR_multiview2`扩展为WebGL引入了多视图渲染的支持。这意味着你可以使用一个帧缓冲区来同时渲染多个视图,每个视图都有自己的投影和视图矩阵。这可以显著提高渲染效率,尤其是在虚拟现实应用中。
2024-09-18 00:00:00 565 11
原创 WebGL入门(048):OES_draw_buffers_indexed 简介、使用方法、示例代码
`OES_draw_buffers_indexed`扩展为WebGL添加了对多个颜色附件的更细粒度的控制。这意味着你可以使用片段着色器中的特定函数来分别设置每个颜色附件的输出颜色,而不是使用全局的`gl_FragData`数组。
2024-09-17 00:30:00 426 17
原创 ThreeJS入门(005):THREE.FogExp2 知识详解,示例代码
`THREE.FogExp2` 是 Three.js 中用于模拟指数雾效果的一个类。指数雾效果是一种基于距离的雾效,它会使远处的物体逐渐被雾的颜色所取代,但这种效果是以指数的方式递增的。这意味着,随着物体离相机越来越远,雾的效果会迅速增强,导致远处的物体很快被雾的颜色覆盖。
2024-09-17 00:00:00 866 33
vue-openlayers 开发环境配置包(下载-解压-安装-运行)
2024-09-11
vue-threeJS 开发环境配置包
2024-09-05
GIS气象用的风场演示数据(2)
2024-07-12
GIS气象用的风场演示数据(1)
2024-07-12
免费的ES6学习思维导图
2024-03-01
vite+vue2的项目基础包.zip
2024-01-24
js一维数组与三维数组互动,数据转换,类似购物车添加删除
2024-01-09
d3.js的模块的思维导图
2023-03-23
d3.js的API思维导图
2023-03-23
cesium的API思维导图
2023-03-22
gpx转为geojson格式文件的方法
2023-03-11
超小录屏软件,生成gif动画
2023-03-09
免费 leaflet学习思维导图
2023-03-08
免费openlayers学习思维导图
2023-03-08
leaflet加载天地图,3种地图切换【示例源代码】
2023-03-07
leaflet清除所有图层【示例源代码】
2023-03-07
leaflet加载高德地图示例源代码
2023-03-04
mapbox中queryRenderedFeatures 是怎么工作的?
2023-10-25
mapbox中怎么绘制可以倾斜角度的矩形
2023-10-24
mapbox 中的version为什么必须是8 ?
2023-10-16
mapbox画一个多边形,画完后怎么把长度和面积都标注在图形上?
2023-10-13
怎样理解git是版本控制系统?
2023-07-19
warning LF will be replaced by CRLF
2023-07-19
openlayers中icon使用svg,空心部分不算成图片的一部分吗?
2023-06-21
mapbox中怎么在多边形polygon样式上填充渐变色
2023-06-20
vue中$attrs这个属性怎么使用?
2023-06-19
vue中$listeners这个怎么来应用?
2023-06-19
vue中怎样来取消eslint语法限制?
2023-06-19
[ECharts] Can't get DOM width or height. Please check dom.clientWidth and dom.clientHeight. They sho
2023-06-17
Mixed Content: The page at '<URL>' was loaded over HTTPS, but requested an insecure element '<URL>'.
2023-06-17
el-tree无数据时候怎么做国际化?
2023-06-14
TA创建的收藏夹 TA关注的收藏夹
TA关注的人