【小沐杂货铺】基于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

从零到一：如何用STC89C52打造智能家居温湿度控制中枢

从零到一：如何用STC89C52打造智能家居温湿度控制中枢 在智能家居技术蓬勃发展的今天，温湿度控制已成为提升生活品质的重要环节。无论是红酒储藏室的恒温恒湿需求，还是花卉温室的环境调控，一个稳定可靠的温湿度控制系统都能发挥关键作用。本文将带领读者从硬件选型到软件编程，逐步构建基于STC89C52单片机的智能温湿度控制中枢，实现环境参数的精准监测与自动调节。 1. 系统架构设计与硬件选型 1.1 核心控制器选择 STC89C52单片机作为经典8051内核的增强型版本，以其高性价比和稳定性能成为本系统的理想选择。这款8位微控制器具备： * 8KB Flash程序存储器 * 512字节RAM * 32个通用I/O口 * 3个定时器/计数器 * 全双工UART串口 相比STM32等32位处理器，STC89C52虽然在性能上稍逊，但对于温湿度控制这类中低复杂度应用完全够用，且具有更低的功耗和更简单的开发环境。 1.2 传感器模块选型 DHT11数字温湿度传感器是本系统的感知核心，其特点包括： 参数规格温度测量范围0-50℃ ±2℃湿度测量范围20-90%RH ±

By Ne0inhk

低代码AI平台：Coze与Dify深度对比

低代码 AI 平台（如 Coze 和 Dify）旨在降低 AI 应用开发门槛，使开发者甚至非技术人员也能快速构建基于大模型（LLM）的智能应用。它们通常提供可视化编排、插件集成、知识库管理、对话流程设计等功能。在实际项目中，常常需要将这些平台与现有系统集成，或进行二次开发以满足特定业务需求。 以下从 集成方式 与 二次开发能力 两个维度，分别介绍 Coze 和 Dify 的特点及实践建议： 一、Coze（字节跳动） 1. 集成方式 * Webhook / API 调用 Coze 支持通过 Bot ID 和 API Token 调用其提供的 RESTful API，可将 Bot

By Ne0inhk

EgoPoseFormer v2：解决 AR/VR 场景中的第一视角人体动捕问题

目录 一、前言 二、EgoPoseFormer v2 核心内容总结 1. 研究背景与挑战 2. EPFv2 的核心创新 3. 实验结果 4. 应用价值 三、DeepSeek是不是发布过关于图像识别顺序的因果时间注意力机制？         3.1 它们各自是怎么实现的，技术上有没有底层的联系和区别？ 1.DeepSeek的“视觉因果流” (空间逻辑重排) 2.Meta EPFv2的“因果时间注意力” (时间逻辑依赖) 3.底层联系与核心区别 4.总结 四、EPFv2和DeepSeek OCR2和SAM2跟踪的区别和联系         4.1 EPFv2和DeepSeek OCR2和SAM2跟踪的区别和联系是什么？         4.2 技术上的相似性 🧩 不同的应用方式：从“基础模块”到“特定智能”

By Ne0inhk
TWIST2——全身VR遥操控制：采集人形全身数据后，可训练视觉base的自主策略(基于视觉观测预测全身关节位置)

TWIST2——全身VR遥操控制：采集人形全身数据后，可训练视觉base的自主策略(基于视觉观测预测全身关节位置)

前言 我司内部在让机器人做一些行走-操作任务时，不可避免的需要全身遥操机器人采集一些任务数据，而对于全身摇操控制，目前看起来效果比较好的，并不多 * 之前有个CLONE(之前本博客内也解读过)，但他们尚未完全开源 * 于此，便关注到了本文要解读的TWIST2，其核心创新是：无动捕下的全身控制 PS，如果你也在做loco-mani相关的工作，欢迎私我你的一两句简介，邀你加入『七月：人形loco-mani(行走-操作)』交流群 第一部分 TWIST2：可扩展、可移植且全面的人形数据采集系统 1.1 引言与相关工作 1.1.1 引言 如TWIST2原论文所说，现有的人形机器人远程操作系统主要分为三大类： 全身控制，直接跟踪人体姿态，包括手臂、躯干和腿部在内的所有关节以统一方式进行控制（如 HumanPlus [12]，TWIST [1] ———— TWIST的介绍详见此文《TWIST——基于动捕的全身遥操模仿学习：教师策略RL训练，学生策略结合RL和BC联合优化(可训练搬箱子)》 部分全身控制，

By Ne0inhk