- 博客(343)
- 资源 (42)
- 收藏
- 关注
原创 【小沐杂货铺】基于Three.JS构建三维虚拟教学实践课程(WebGL / vue / react )
【小沐杂货铺】基于Three.JS构建三维虚拟教学实践课程(WebGL / vue / react )。Vue/React的组件化开发简化了复杂交互逻辑的实现,例如拖拽操作、视角切换。课程可嵌入在线学习系统,结合后端API实现进度跟踪与评估反馈。
2025-12-27 22:52:03
859
原创 【小沐学WebGIS】基于Three.JS绘制三维城市建筑(WebGL / vue / react )
【小沐学WebGIS】基于Three.JS绘制三维城市建筑(WebGL / vue / react )。将GIS数据(如GeoJSON或Shapefile)转换为Three.JS支持的格式(如JSON或GLTF),通过BufferGeometry或外部模型加载器(如GLTFLoader)导入建筑模型。
2025-12-27 22:43:23
963
原创 【小沐学WebGIS】基于Three.JS绘制二三维地图地球晨昏效果(WebGL / vue / react )
基于WebGL绘制二三维地图地球晨昏效果(Three.JS/ vue / react )。晨昏效果模拟地球昼夜交替的视觉效果,通过调整光照和材质属性实现。核心是利用平行光模拟太阳光源,结合球体贴图或Shader着色器动态计算阴影区域。Three.js中可借助DirectionalLight或HemisphereLight控制光照角度,配合自定义Shader或后期处理增强明暗过渡的真实感。
2025-12-13 17:07:41
1000
原创 【小沐杂货铺】基于Three.JS绘制三维海面/海洋/水面(WebGL / vue / react )
基于Three.JS绘制海面/海洋/大海/水面(WebGL / vue / react )。Three.js提供了强大的WebGL渲染能力,适合在网页中实现逼真的海面效果。通过结合ShaderMaterial自定义着色器,可以模拟波浪的动态起伏、光照反射和折射效果。在Vue或React中,通过@react-three/fiber或vue-threejs等库集成Three.js,将海面作为3D场景的一部分。示例代码可初始化平面几何体,应用自定义材质并添加环境光与方向光以增强真实感。
2025-12-13 16:49:29
804
原创 【小沐学WebGIS】基于Cesium.JS绘制雷达波束/几何体/传感器Sensor(Cesium / vue / react )
基于Cesium.JS绘制雷达波束/几何体/传感器Sensor(Cesium / vue / react )。通过上述方法,可在Cesium中高效实现雷达波束、传感器视锥等动态几何效果,适用于军事仿真、气象监测等场景。
2025-12-07 21:12:04
1157
原创 【小沐杂货铺】基于Three.js绘制三维机械臂RobotArm(WebGL、vue、react)
基于Three.js绘制三维机械臂RobotArm(WebGL、vue、react)。通过导入Three.js核心模块,设置场景、相机和渲染器,加载机械臂模型或使用基本几何体构建关节和连杆。机械臂运动学可通过正逆解算法控制,将计算结果转化为关节旋转。
2025-12-07 20:02:02
803
原创 【小沐杂货铺】基于Three.js绘制三维管道Pipe(WebGL、vue、react)
基于Three.js绘制三维管道Pipe(WebGL、vue、react)。使用 THREE.TubeGeometry 直接生成管道几何体,需提供路径点数组作为参数。路径点可通过 THREE.Curve 子类自定义或使用贝塞尔曲线生成。
2025-11-01 00:02:49
1069
原创 【小沐杂货铺】GIS高程地形tif文件转obj/gltf三维模型工具(geotiff to obj/gltf、3d模型处理)
提供一个GIS高程地形tif文件转obj/gltf三维模型工具(geotiff to obj/gltf、3d模型处理)。该工具涉及GIS瓦片地图下载拼接、tiff文件读取,tiff转为obj/gltf,obj/gltf贴图自动处理。
2025-10-25 14:36:14
989
原创 【小沐杂货铺】基于Three.js渲染三维船舶航行仿真(WebGL、vue、react、ship/boat/vessel)
在 Three.js 中实现船舶航行模拟时,可采用 glTF 格式的船舶模型作为核心载体,通过加载外部模型还原船体细节,并结合动态逻辑模拟航行状态。搭建基础场景框架,初始化 Three.js 核心组件(场景、透视相机、WebGL 渲染器),配置环境光与定向光以提升模型质感,同时引入轨道控制器,支持通过鼠标交互灵活观察船舶细节。在动画循环中,通过改变船舶的位置坐标模拟航行轨迹,同时可添加船体轻微摇摆和水面波纹动画,结合控制器的阻尼效果,实现更贴近真实航行状态的动态模拟。
2025-10-18 10:39:38
1077
原创 【小沐杂货铺】基于Three.js渲染三维风力发电机(WebGL、vue、react、WindTurbine)
在 Three.js 中绘制风力发电机的核心思路是通过gltf几何模型模拟其关键结构,并添加动态效果实现叶片旋转的仿真。首先构建场景基础环境,包括初始化 Three.js 核心组件(场景、相机、渲染器),添加光源(环境光 + 平行光)以增强模型立体感,并通过轨道控制器(OrbitControls)支持视角交互。通过动画循环让轮毂和叶片绕 Y 轴匀速旋转.
2025-10-18 09:47:21
1205
1
原创 【小沐学WebGIS】基于Three.JS绘制飞行轨迹Flight Tracker(Three.JS/ vue / react / WebGL)
通过three.js的3D渲染能力,可以构建一个逼真的地球模型,并模拟航班航迹动态效果。
2025-10-06 11:47:32
1142
原创 【小沐杂货铺】基于Three.JS绘制云图/热力图/CAE物理场渲染(Three.JS、WebGL、CAE、heatmap)
基于Three.JS绘制云图/热力图/CAE物理场渲染(Three.JS、WebGL、CAE、heatmap)。本文介绍了基于Three.JS、WebGL的三维可视化技术系列文章,涵盖WebGIS及其他领域应用。涉及云图、热力图及CAE物理场渲染。文章提供了丰富的技术实现方案和代码示例,适合CAE开发者和三维可视化爱好者参考。
2025-10-03 15:38:36
1240
原创 【小沐杂货铺】GIS瓦片地图下载工具(高德/天地图/谷歌/必应/OSM/MapBox/ArcGIS)
文章还详细讲解了瓦片地图金字塔模型原理,并提供了相关代码示例,如Python实现的地图瓦片下载工具。该系列适合GIS开发者学习三维可视化技术,实现从基础地球模型到复杂空间分析功能的全套开发流程。
2025-10-02 19:38:55
930
原创 【小沐学GIS】基于C++绘制地形DEM(OpenGL、Terrain、TIFF、hgt)第十二期
DEM(Digital Elevation Model,数字高程模型)是通过有限的地形高程数据,在计算机中构建的、用于表达地面起伏形态的数字化模型,本质是一种对地球表面高程信息的离散化存储与可视化工具。结合渲染技术生成三维地形模型,用于游戏场景构建(如开放世界游戏的地形)、虚拟地理环境(如数字城市)、旅游景区导览等。
2025-10-02 17:15:00
915
原创 【小沐学GIS】基于C++绘制OpenStreetMap地图矢量数据(QT、OSM、Mapbox)第十一期
本文介绍了三维数字地球GIS开发系列教程,涵盖C++、C#、Python、Java等多种编程语言实现,以及WebGIS领域的WebGL、Three.JS等技术应用。以及OpenStreetMap、Mapbox等地图数据的集成应用。涉及核心渲染技术、数据规范(如MVT/PBF)及多平台适配方案。
2025-10-02 12:08:46
1673
原创 【小沐学WebGIS】基于Cesium.JS绘制飞行轨迹Flight Tracker(Cesium / vue / react / czml / GPX)
本文介绍了基于Cesium.JS的WebGIS开发系列文章,重点展示飞行轨迹可视化功能。内容涵盖Cesium.JS的简介,并提供了飞行轨迹跟踪的代码实例,包含动态效果展示图。全文结构清晰,附带动态演示效果图,突出WebGL技术在三维地理可视化中的应用。
2025-10-01 17:41:26
1108
原创 【小沐学WebGIS】基于Three.JS绘制瓦片地图(Three.JS、WebGL、Mapbox)
基于Three.JS、等前端技术实现Web端三维地球、瓦片地图渲染。文章还简介了Three.JS库及常见地图瓦片数据源(如高德、谷歌、OpenStreetMap)。适合GIS开发者和Web3D图形技术爱好者参考。
2025-10-01 16:36:46
1147
原创 【小沐学WebGIS】基于Three.JS绘制地形DEM(Three.JS、WebGL、Terrain、TIFF、高程渲染)
本文介绍了基于Three.js构建三维数字地球及地形可视化的系列教程。文章提供完整代码示例(如地形渲染)及效果演示,适合GIS开发者和三维图形技术爱好者参考。
2025-10-01 16:13:18
1738
原创 【小沐学WebGIS】基于Three.JS绘制OpenStreetMap地图数据(Three.JS、WebGL、OSM、2d/3d)
本文介绍了基于OpenStreetMap(OSM)的三维数字地球GIS开发系列文章,涵盖WebGL、Three.js等WebGIS技术。测试了OSM数据可视化,包括.geojson和.osm文件读取,通过代码示例演示了二维/三维地图的动态渲染效果。
2025-08-25 23:11:18
466
原创 【小沐学GIS】基于C++绘制三维数字地球Earth(osgEarth、三维瓦片地球)第十期
osgEarth是基于三维引擎osg开发的三维数字地球引擎库,在osg基础上实现了瓦片调度插件,可选的四叉树调度插件,更多的地理数据加载插件(包括GDAL,ogr,WMS,TMS,VPB,filesystem等),再结合一套地理投影转换插件,这样就能够实现高效处理加载调度地理数据在三维地球上的显示,实现三维虚拟地球。
2025-08-23 22:48:38
1188
原创 【小沐学GIS】基于VTK绘制三维数字地球Earth(VTK)
本文介绍了使用VTK(Visualization Toolkit)实现三维数字地球的系列教程。展示了VTK工具包的简介、下载方式,并提供了三维地球的代码实现,包含动态效果演示。
2025-08-23 22:11:03
770
原创 【小沐学GIS】基于Godot绘制三维数字地球Earth(Godot)
本文介绍了使用Godot游戏引擎开发三维数字地球GIS应用的方法。Godot是一个免费开源的2D/3D游戏引擎,支持跨平台部署。文章提供了Godot的下载链接,并展示了5个代码示例,包括基础地球模型、GeoJSON数据加载、OSM地图集成等功能。每个示例均配有运行效果图或GIF动画演示,涉及不同技术实现方案。这些案例展示了Godot在GIS可视化领域的应用潜力,为开发者提供了创建交互式3D地球的参考实现。
2025-08-23 21:32:00
1356
原创 【小沐学GIS】基于C++绘制三维数字地球Earth(OpenGL、三维瓦片地球)第九期
这篇文章介绍了基于不同编程语言和框架实现三维数字地球GIS系统的系列教程。主要内容包括: C++实现方案:使用OpenGL、QT等框架实现三维地球渲染、卫星轨道模拟、太阳系模拟等功能; 其他语言实现:包括C#、Python、Android、Go、Rust等语言的OpenGL实现方案; WebGIS实现:基于WebGL、Three.JS、Cesium等技术的Web端三维地球可视化; 核心技术:球体构建、瓦片加载、多级细节处理和坐标投影等关键方法; 功能展示:包含卫星影像加载、行政地图显示、自定义图形绘制等效果
2025-08-23 17:18:22
1322
原创 【小沐杂货铺】基于Three.JS绘制汽车展示Car(WebGL、vue、react、autoshow、提供全部源代码)第2期
本文介绍了基于Three.js的3D汽车展示系列开发案例,涵盖多种技术栈和车型。Three.js是一个基于WebGL的JavaScript 3D图形库,可轻松创建交互式3D网页应用。每个案例都配有运行效果图和动态演示,展现了Three.js在汽车展示牛叉的效果。
2025-08-05 22:17:23
1155
原创 【小沐学GIS】基于Vulkan绘制三维数字地球Earth(Vulkan、GIS)
本文介绍了一个基于Vulkan API的三维数字地球绘制项目,属于"小沐学GIS"系列教程的一部分。Vulkan是Khronos Group推出的跨平台图形与计算API,具有高性能、低开销和多线程渲染等特点。文章提供了Vulkan SDK下载链接,并展示了一个使用Vulkan绘制3D地球的示例代码
2025-07-29 22:56:26
805
原创 【小沐学GIS】基于Unity3d绘制三维数字地球Earth(Unity3d、OpenGL、GIS)
本文介绍了使用Unity3D平台开发三维数字地球GIS系统的系列文章合集。实现的三维地球可视化方案,包括基础地球绘制等功能。重点展示了Unity3D环境下实现的三维地球绘制案例(F1_1_Unity_3dEarth),具备经纬线绘制和鼠标交互(旋转/缩放)功能。
2025-07-25 23:55:26
1142
原创 【小沐学GIS】基于Java绘制三维数字地球Earth(Java、OpenGL、GIS)
本系列涵盖基于Java/LWJGL的3D地球开发全栈技术,使用OpenGL实现纹理贴图地球模型。含纯色/贴图立方体、汽车3D展示等,通过Maven管理依赖,结合GLFW/OSG等库实现跨平台高性能渲染。
2025-07-22 21:01:04
1063
原创 【小沐学GIS】基于Lua绘制三维数字地球Earth(Lua、OpenGL、GIS)
通过lua+luajit+glfw+stbimage+opengl绘制三维地球。使用 LuaJIT 和 GLFW 创建的地球显示程序。这个程序加载地球纹理图像,并在 3D 空间中渲染一个旋转的地球模型。
2025-07-22 00:28:57
796
原创 【小沐学GIS】基于Rust绘制三维数字地球Earth(Rust、OpenGL、GIS)
摘要: 本文介绍了Rust语言的基本概念、安装方法及入门示例,并展示了基于Rust的三维数字地球绘制项目。Rust是一种安全、并发的高性能编程语言,语法类似C/C++。通过rustup工具可快速安装Rust环境,使用rustc或cargo编译运行程序。文章重点演示了三维地球的渲染效果(如纹理贴图、Shader着色),提供完整代码链接,支持定制开发。关键词: Rust、三维地球、OpenGL、GIS、Shader
2025-07-19 13:18:44
1312
原创 【小沐杂货铺】基于Three.JS绘制汽车展示Car(WebGL、vue、react、autoshow、提供全部源代码)第1期
本文介绍了基于Three.js的3D汽车模型展示开发系列,涵盖多种技术框架实现方式。文章通过19个代码案例详细展示了不同车型(如宝马、法拉利、保时捷等)在Vue3、HTML、React、TypeScript等环境下的三维可视化效果,每个案例均配有动态演示图和代码编号。Three.js作为核心工具,简化了WebGL开发流程,支持跨平台交互式3D应用构建。开发涉及模型加载、材质渲染、动画控制等关键技术,适用于汽车展示、GIS可视化等场景。
2025-07-12 16:02:41
1254
原创 【小沐杂货铺】基于Babylon.JS绘制三维数字地球Earth(GIS 、WebGL、vue、react,提供全部源代码)
Babylon.JS三维数字地球开发实践 摘要:本文系列文章介绍了基于Babylon.JS框架的三维数字地球开发技术。从基础地球模型构建到高级功能实现,涵盖了多种关键技术和场景应用: 核心功能包括地球模型渲染、天空盒、轨道线绘制、大气效果和昼夜模拟 扩展应用涉及太阳系模拟、星座绘制和VR太空漫游 开发方式覆盖JavaScript/TypeScript实现,支持WebGL和WebGPU渲染 技术栈整合了Node.js、Webpack等现代前端工具 项目示例展示了UI界面设计、交互控制和可视化效果优化 系列文章
2025-06-15 21:10:04
1521
原创 【小沐杂货铺】基于Three.JS构建IFC模型浏览器(WebGL、CAD、Revit、IFC)
IFC 数据可以以 .ifc 文件(STEP 文件格式)或其他格式(如 .ifcXML 或 .ifcZIP)捕获(序列化)。但是,IFC 标准不仅仅是一种文件格式。它主要是一个数据模式,用于解释如何组织对象、其属性、关系等。IFC也是由 buildingSMART 管理的旗舰项目,包括领域和实施者协议、文档、协作平台、认证计划和开发流程。
2025-06-02 21:38:14
1441
原创 【小沐学GIS】基于Golang绘制三维数字地球Earth(Go、OpenGL、GIS)
Go 是一个开源的编程语言,它能让构造简单、可靠且高效的软件变得容易。Go是从2007年末由Robert Griesemer, Rob Pike, Ken Thompson主持开发,后来还加入了Ian Lance Taylor, Russ Cox等人,并最终于2009年11月开源,在2012年早些时候发布了Go 1稳定版本。现在Go的开发已经是完全开放的,并且拥有一个活跃的社区。
2025-06-01 23:49:29
1031
原创 【小沐杂货铺】基于Three.JS绘制太阳系Solar System(GIS 、WebGL、vue、react,提供全部源代码)第2期
Three.js 是一个基于 WebGL 的 JavaScript 3D 库,它封装了 WebGL 的底层 API,使开发者能够更简单地在网页上创建和展示 3D 场景和动画。
2025-06-01 22:33:00
1418
原创 【小沐学GIS】基于C++绘制三维数字地球Earth(OpenGL、二维瓦片地图)第八期
文章还详细展示了使用OpenGL和QT5绘制2D瓦片地图的实现过程,包括网络请求、图形渲染和地图瓦片的绘制。此外,提供了多种地图源(如必应、OSM、高德、天地图等)的切换和展示效果,并附有相关代码和运行结果的截图。通过这些内容,读者可以了解如何利用不同技术实现二维地图的绘制与展示。
2025-05-10 11:55:27
1918
原创 【小沐学Web3D】three.js 加载三维模型(Svelte.js)
Three.js 是一个功能强大的 3D 图形库,用于在网页上创建和显示交互式 3D 图形。它基于 WebGL,提供了简单易用的 API,帮助开发者快速构建复杂的 3D 场景。╮( ̄▽ ̄)╭如
2025-04-26 01:08:32
1419
2
原创 【小沐学WebGIS】基于Cesium.JS绘制卫星轨迹Satellite Tracker(GIS / vue / react / tle / czml 提供全部源代码)
基于Cesium.JS绘制卫星轨迹Satellite(GIS / vue / react / tle / czml 提供全部源代码);Cesium.js 是一个开源的 JavaScript 库,专注于构建高性能的 3D 地理空间应用程序。它支持在浏览器中实时渲染全球地形、卫星影像、矢量数据及 3D 模型,并集成动态时间轴功能,适用于地图可视化、飞行模拟、灾害监测、智慧城市等领域。其核心特性包括:多源数据集成:支持加载地形、影像、3D 模型(如 glTF)、GeoJSON 等数据格式。
2025-04-20 17:08:04
1853
10
原创 【小沐杂货铺】基于Three.JS绘制卫星轨迹Satellite(GIS 、WebGL、vue、react,提供全部源代码)
Three.js 是一个基于 WebGL 的 JavaScript 3D 图形库,能够简化浏览器中复杂 3D 场景和动画的开发。Satellite.js 是一个专注于卫星轨道计算的 JavaScript 工具库,基于 SGP4/SDP4 模型实现卫星位置与速度的预测。它通过解析 TLE(两行轨道根数)数据,支持低地球轨道(LEO)和中地球轨道(MEO)卫星的实时跟踪与轨迹模拟,常用于航天工程、天文观测及地理可视化应用。
2025-04-20 16:52:11
1828
2
原创 【小沐学GIS】基于C++绘制三维数字地球Earth(QT5、OpenGL、GIS、卫星轨迹)第五期
TLE,Two-Line Orbital Element,两行轨道数据(两行轨道根数)。TLE主要参数项包括平均角速度,偏心率,轨道倾角,近地点辐角,升交点赤经,平近点角,平均角速度的一阶导数和归一化大气阻尼调制系数。卫星星历,又称为两行轨道数据(TLE,Two-Line Orbital Element),由美国celestrak发明创立,是用于描述太空飞行体位置和速度的 表达式 ———两行式轨道 数据系统。卫星、航天器或飞行体一旦进入太空,即被列入NORAD卫星星历编号目录。
2025-04-13 16:23:50
2104
2
原创 【小沐学Web3D】three.js 加载三维模型(React Three Fiber)
Three.js 是一个功能强大的 3D 图形库,用于在网页上创建和显示交互式 3D 图形。它基于 WebGL,提供了简单易用的 API,帮助开发者快速构建复杂的 3D 场景。return (</Canvas>╮( ̄▽ ̄)╭如果您感觉方法或代码不咋地//(ㄒoㄒ)//,就在评论处留言,作者继续改进;o_O???如果您需要相关功能的代码定制化开发,可以留言私信作者;(✿◡‿◡)!!
2025-04-05 13:12:59
1048
原创应用三国志武将信息手机工具( FxAppSangoKoei.zip)
2020-08-13
原创应用查找程序的dll依赖项工具(FxKit-dumpbin.zip)
2020-05-06
MySQL-Front_Setupv6.1.zip
2020-01-10
office卸载工具o15-ctrremove.diagcab.zip
2021-09-04
截屏工具ScreenToGif.zip
2021-12-05
依赖项查看工具depends.zip
2021-12-05
ppapi_pe_x64.7z
2020-11-24
laravel安装测试.zip
2021-09-26
【小沐学Qt】untitled1_qrcode.zip
2021-09-12
SQLiteSpy_1.9.12.zip
2021-09-01
【原创应用】数据库转换工具(FxDB_Assist_v20210831.zip)
2021-09-01
android19(4.4.2) 源码
2015-11-03
dx8sdk+lib+include
2018-11-03
Redis-x64-3.2.100.zip(windows)+code
2019-11-23
jython.zip
2019-10-15
FxDB_JavaMySQL.zip
2019-11-23
FxDB_JavaSqlite3.zip
2019-11-23
android斗地主
2014-05-31
android下拉刷新
2014-05-31
nltk的数据包+nltk-data+python
2023-05-21
obi-rope(Unity3d绳索模拟插件)
2023-03-31
UniStorm3+Unity3d+天气模拟
2023-03-22
Unistorm(Unity3d天气插件)
2023-03-19
Ocean-Community-Next-Gen(Unity3d海面插件)
2023-03-19
python+dtale2.9.1源码
2023-01-07
unity3d+联想AR_SDK.7z
2022-10-10
windows界面开发+wpf学习案例
2022-10-08
ANSYS二次开发:pyansys测试的一组结果文件rst
2022-02-14
Termux和Hacker’s Keyboard的android安装包
2022-06-18
libiconv的源码汇总
2022-05-20
libgltf,tinygltfloader,tinygltf的最新代码
2022-04-19
osgEarth代码及编译后的文件
2022-02-21
lms virtual.lab13本地帮助的VBA部分
2022-02-25
MAPDL_Technology_Showcase_Package(官网的APDL技术展示59个案例)
2022-02-21
文件下载工具wget.zip
2021-12-05
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅