【小沐杂货铺】基于Three.js渲染三维无人机Drone（WebGL / vue / react ）

Ne0inhk

— 8 min read
【小沐杂货铺】基于Three.js渲染三维无人机Drone（WebGL / vue / react ）
🍺三维数字地球GIS系列相关文章（C++）🍺：
1【小沐学GIS】基于C++绘制三维数字地球Earth（OpenGL、glfw、glut）第一期
2【小沐学GIS】基于C++绘制三维数字地球Earth（OpenGL、glfw、glut）第二期
3【小沐学GIS】基于C++绘制三维数字地球Earth（OpenGL、glfw、glut）第三期
4【小沐学GIS】基于C++绘制三维数字地球Earth（QT、OpenGL）第四期
5【小沐学GIS】基于C++绘制三维数字地球Earth（QT、OpenGL、Satellite、卫星轨道模拟）第五期
6【小沐学GIS】基于C++绘制三维数字地球Earth（OpenG、SolarSystem、太阳系模拟）第六期
7【小沐学GIS】基于C++绘制三维数字地球Earth（OpenGL、OpenSceneGraph / OSG）第七期
8【小沐学GIS】基于C++绘制三维数字地球Earth（OpenGL、二维瓦片地图）第八期
9【小沐学GIS】基于C++绘制三维数字地球Earth（OpenGL、三维瓦片地球）第九期
10【小沐学GIS】基于C++绘制三维数字地球Earth（osgEarth、三维瓦片地球）第十期
11【小沐学GIS】基于C++绘制OpenStreetMap地图矢量数据（QT、OpenGL、OSM、Mapbox）第十一期
12【小沐学GIS】基于C++绘制地形DEM（OpenGL、Terrain、TIFF、hgt）第十二期
🍺GIS系列相关辅助工具如下🍺：
1【小沐杂货铺】GIS瓦片地图下载工具（高德/天地图/谷歌/必应/OSM/MapBox/ArcGIS）
2【小沐杂货铺】GIS高程地形tif文件转obj/gltf三维模型工具（geotiff to obj/gltf、3d模型处理）
🍺三维数字地球GIS系列相关文章（其他语言）🍺：
1【小沐学GIS】基于C#绘制三维数字地球Earth（C#、OpenGL）
2【小沐学GIS】基于Python绘制三维数字地球Earth（Python、OpenGL、地球/太阳系/卫星）
3【小沐学GIS】基于Android绘制三维数字地球Earth（Android、OpenGL）
4【小沐学GIS】基于Golang绘制三维数字地球Earth（Go、OpenGL）
5【小沐学GIS】基于Rust绘制三维数字地球Earth（Rust、OpenGL）
6【小沐学GIS】基于Lua绘制三维数字地球Earth（Lua、OpenGL）
7【小沐学GIS】基于Java绘制三维数字地球Earth（Java、OpenGL）
8【小沐学GIS】基于Unity3d绘制三维数字地球Earth（Unity3d、OpenGL）
9【小沐学GIS】基于Vulkan绘制三维数字地球Earth（Vulkan）
10【小沐学GIS】基于Godot绘制三维数字地球Earth（Godot）
11【小沐学GIS】基于VTK绘制三维数字地球Earth（VTK）
12【小沐学GIS】基于Babylon.JS绘制三维数字地球Earth（Babylon.JS、vue、react）
🍺三维数字地球WebGIS系列相关文章（Three.JS）🍺：
1【小沐学WebGIS】基于Three.JS绘制三维数字地球Earth（WebGL、vue、react）
2【小沐学WebGIS】基于Three.JS绘制三维太阳系Solar System（three.js、WebGL）第一期
3【小沐学WebGIS】基于Three.JS绘制三维太阳系Solar System（three.js、WebGL）第二期
4【小沐学WebGIS】基于Three.JS绘制卫星模拟Satellite Tracker（three.js、vue、react、卫星）
5【小沐学WebGIS】基于Three.JS绘制OpenStreetMap地图矢量数据（WebGL、OSM、2d/3d）
6【小沐学WebGIS】基于Three.JS绘制地形DEM（Three.JS、WebGL、TIFF）
7【小沐学WebGIS】基于Three.JS绘制瓦片地图（Three.JS、WebGL、Mapbox）
8【小沐学WebGIS】基于Three.JS绘制飞行轨迹Flight Tracker（Three.JS/ vue / react / WebGL）
9【小沐学WebGIS】基于WebGL绘制三维数字地球Earth（WebGL、地球/卫星/航迹）
10【小沐学WebGIS】基于WebGL绘制二三维地图地球晨昏效果（Three.JS/ vue / react ）
11【小沐学WebGIS】基于Three.JS绘制三维城市建筑（City / vue / react ）
🍺Three.JS系列相关文章如下🍺：
1【小沐杂货铺】基于Three.JS构建IFC模型浏览器（WebGL、CAD、Revit、IFC）
2【小沐杂货铺】基于Three.JS绘制汽车展示Car（WebGL、vue、react、autoshow）第1期
3【小沐杂货铺】基于Three.JS绘制汽车展示Car（WebGL、vue、react、autoshow）第2期
4【小沐杂货铺】基于Three.JS绘制云图/热力图/CAE物理场渲染（Three.JS、WebGL、CAE、heatmap）
5【小沐杂货铺】基于Three.js渲染三维风力发电机（WebGL、vue、react、WindTurbine）
6【小沐杂货铺】基于Three.js渲染三维船舶航行仿真（WebGL、vue、react、ship/boat/vessel）
7【小沐杂货铺】基于Three.js绘制三维管道Pipe（WebGL、vue、react）
8【小沐杂货铺】基于Three.js绘制三维机械臂RobotArm（WebGL、vue、react）
9【小沐杂货铺】基于Three.JS绘制三维海面/海洋/水面（WebGL / vue / react ）
10【小沐杂货铺】基于Three.JS构建三维虚拟教学实践课程（WebGL / vue / react ）
11【小沐杂货铺】基于Three.JS绘制URDF机器人模型（WebGL / vue / react ）
12【小沐杂货铺】基于Three.JS绘制动物世界Animal（WebGL / vue / react ）
13【小沐杂货铺】基于Three.js渲染三维飞行仿真Flight Simulation（WebGL / vue / react ）
14【小沐杂货铺】基于Three.js渲染三维无人机Drone（WebGL / vue / react ）
🍺三维数字地球WebGIS系列相关文章（Cesium.JS）🍺：
1【小沐学WebGIS】基于Cesium.JS绘制卫星轨迹Satellite Tracker（Cesium、vue、react）第1期
2【小沐学WebGIS】基于Cesium.JS绘制卫星轨迹Satellite Tracker（Cesium、vue、react）第2期
3【小沐学WebGIS】基于Cesium.JS绘制飞行轨迹Flight Tracker（Cesium/ vue / react / czml / GPX）
4【小沐学WebGIS】基于Cesium.JS绘制雷达波束/几何体/传感器Sensor（Cesium / vue / react ）
5【小沐学WebGIS】基于Cesium.JS桌面端适配地球卫星App（Cesium.js+QT/C#/MFC/Python/Electron）
6【小沐学WebGIS】基于Cesium.JS绘制火箭发射Rocket（Cesium、vue、react）
7【小沐学WebGIS】基于Cesium.JS与TacView ACMI联动仿真通信（Cesium、vue、react）
🍺AI系列相关文章🍺：
1【小沐学AI】基于AI大模型开发MCP Server服务（Cesium.JS、Three.JS、Blender）

文章目录

1、简介

1.1 Three.js

https://threejs.org/

Three.js 是一个基于 WebGL 的开源 JavaScript 库，用于在浏览器中创建和展示 3D 图形。它由 Ricardo Cabello（也称为 Mr.doob）于 2010 年创建，旨在简化 WebGL 的复杂性，使开发者能够轻松创建 3D 场景和交互式内容。

2、测试代码

2.1 代码1

代码编号： A21_1_ThreeJS_Drone_js

在这里插入图片描述

2.2 代码2

代码编号： A21_2_ThreeJS_Drone_js

在这里插入图片描述

2.3 代码3

代码编号： A21_3_ThreeJS_Drone_js

在这里插入图片描述

2.4 代码4

代码编号： A21_4_ThreeJS_Drone_js_react

在这里插入图片描述

2.5 代码5

代码编号： A21_5_ThreeJS_Drone_js

在这里插入图片描述

2.6 代码6

代码编号： A21_6_ThreeJS_Drone_js_react

在这里插入图片描述

2.7 代码7

代码编号： A21_7_ThreeJS_Drone_js

在这里插入图片描述

2.8 代码8

代码编号： A21_8_ThreeJS_Drone_js

在这里插入图片描述

结语

如果您觉得这些文字有一点点用处，请给作者点个赞；╮(￣▽￣)╭
如果您有技术问题探讨，评论处留言。//(ㄒoㄒ)//
谢谢各位童鞋们啦( ´ ▽ ` )ﾉ ( ´ ▽ `` )っ！
更多精彩文章详见微信公众号：爱阅读的小沐

如需技术探讨 / 软件定制 / 代码分享，请加文章末尾的微信公众号或QQ！

在这里插入图片描述

Read more

C语言程序调试常用方法与技巧

C语言程序调试常用方法与技巧

C语言程序调试常用方法与技巧 一、学习目标与重点 学习目标 * 理解程序调试的基本概念 * 掌握常用调试工具的基本使用方法 * 学会使用调试技巧定位程序中的错误 * 提高程序调试的效率和准确率 学习重点 * 调试工具的安装与配置 * 断点设置与单步调试 * 变量值查看与内存分析 * 错误定位与修复技巧 二、程序调试的基本概念 2.1 调试的定义与意义 调试是指在程序运行过程中，通过观察和分析程序的行为，定位并修复错误的过程。程序调试的主要目的是提高程序的正确性和可靠性，确保程序能够按照预期的方式运行。 2.2 调试的主要步骤 1. 发现问题：通过测试或用户反馈，发现程序中的错误。 2. 定位问题：通过调试工具和技术，确定错误所在的位置和原因。 3. 修复问题：修改代码，修复错误。 4. 验证修复：重新测试程序，确保错误已经修复，并且没有引入新的错误。 2.3 调试的常见方法 * 输出调试：在程序中插入打印语句，输出变量值和程序执行路径。 * 单步调试：

By Ne0inhk
构建基于 Rust 与 GLM-5 的高性能 AI 翻译 CLI 工具：从环境搭建到核心实现全解析

构建基于 Rust 与 GLM-5 的高性能 AI 翻译 CLI 工具：从环境搭建到核心实现全解析

前言 随着大语言模型（LLM）能力的飞速提升，将 AI 能力集成到终端命令行工具（CLI）中已成为提升开发效率的重要手段。Rust 语言凭借其内存安全、零成本抽象以及极其高效的异步运行时，成为构建此类高性能网络 IO 密集型应用的首选。本文将深度剖析如何使用 Rust 语言，结合智谱 AI 的 GLM-5 模型，从零构建一个支持流式输出、多语言切换及文件批处理的 AI 翻译引擎。 本文将涵盖环境配置、依赖管理、异步网络编程、流式数据处理（SSE）、命令行参数解析以及最终的二进制发布优化。 第一部分：Rust 开发环境的系统级构建 在涉足 Rust 编程之前，必须确保底层操作系统具备必要的构建工具链。Rust 虽然拥有独立的包管理器，但在链接阶段依赖于系统的 C 语言编译器和链接器，尤其是在涉及网络库（如 reqwest 依赖的 OpenSSL）

By Ne0inhk
PostgreSQL - 连接数配置：max_connections 优化与连接池

PostgreSQL - 连接数配置：max_connections 优化与连接池

👋 大家好，欢迎来到我的技术博客！ 📚 在这里，我会分享学习笔记、实战经验与技术思考，力求用简单的方式讲清楚复杂的问题。 🎯 本文将围绕PostgreSQL这个话题展开，希望能为你带来一些启发或实用的参考。 🌱 无论你是刚入门的新手，还是正在进阶的开发者，希望你都能有所收获！ 文章目录 * PostgreSQL - 连接数配置：max_connections 优化与连接池 * 理解 PostgreSQL 连接机制 💡 * 连接的内存开销 📊 * 默认配置分析 🔍 * max_connections 参数详解 ⚙️ * 参数位置和修改方式 * 相关依赖参数 * 1. shared_buffers * 2. max_locks_per_transaction * 3. autovacuum_max_workers * 计算合理的 max_connections 值 🧮 * 连接池的重要性 🏊‍♂️ * 为什么需要连接池？ * 连接池的

By Ne0inhk
Spring Boot + jQuery 前后端分离图书管理系统：从接口设计到问题排查

Spring Boot + jQuery 前后端分离图书管理系统：从接口设计到问题排查

图书管理系统 1.1 准备前端代码 在本地想要的可以去我的gitee中下载 library 的相关前端代码 1.2 约定前后端交互接口 需求分析 图书管理系统是⼀个相对较大一点的案例,咱们先实现其中的⼀部分功能. 用户登录 1. 登录接口 2. 图书列表展示 字段说明: 字段说明id图书 IDbookName图书名称author作者count数量price定价publish图书出版社status图书状态 1 - 可借阅 其他 - 不可借阅statusCN图书状态中文含义 3.4.3 服务器代码 创建图书类 BookInfo @Data public class BookInfo { //图书ID private Integer id; //书名 private String bookName; //作者 private String

By Ne0inhk