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

优质文章学习记录

— 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

Home Assistant联动语音设置智能家居

Home Assistant 联动语音设置智能家居 你有没有过这样的场景：刚进家门，手里拎着 groceries，累得不想动，只想喊一声“开灯”？或者半夜醒来，懒得摸手机，只希望说一句“把空调调到 25 度”就能搞定一切？ 💡 如果有，那你一定知道—— 语音控制才是智能家居的终极形态 。 而如果你已经用上了 Home Assistant（HA） ，那恭喜你，其实离“动口不动手”的智能生活，只差一步： 把 HA 和你的语音助手打通 。 别急着去翻文档、折腾 YAML 配置。咱们今天就来聊聊，怎么让 Google Assistant、Amazon Alexa、Apple Siri 这三大语音巨头，乖乖听你家 HA 的指挥，而且不依赖云端、不泄露隐私、
OpenClaw 是一个开源的、面向具身智能（Embodied AI）与机器人操作研究的多模态大模型框架

OpenClaw 是一个开源的、面向具身智能（Embodied AI）与机器人操作研究的多模态大模型框架

OpenClaw 是一个开源的、面向具身智能（Embodied AI）与机器人操作研究的多模态大模型框架，由上海人工智能实验室（Shanghai AI Lab）联合多家机构于2024年发布。它聚焦于“视觉-语言-动作”（Vision-Language-Action, VLA）联合建模，旨在让AI不仅能理解环境和指令，还能生成可执行的、细粒度的机器人控制动作序列（如关节扭矩、末端位姿、抓取姿态等），支持真实/仿真双环境部署。 核心特点包括： * ✅ 多模态对齐：统一编码图像、语言指令、机器人本体状态（如关节角度、力觉反馈）； * ✅ 动作生成范式：采用“tokenized action”设计，将连续动作离散化为可学习的action tokens，便于大模型端到端生成； * ✅ 开源生态：提供预训练模型权重、仿真环境（基于ManiSkill2）、真实机械臂适配接口（如UR5e + Robotiq 2F-85）、数据集（OpenClaw-Bench）及训练/

Stable-Diffusion-v1-5-archiveGPU能效比分析：每瓦特算力生成图像数量实测对比

Stable-Diffusion-v1-5-archive GPU能效比分析：每瓦特算力生成图像数量实测对比 1. 引言 如果你正在考虑部署一个AI图像生成服务，或者想优化现有的Stable Diffusion应用，那么有一个问题你肯定绕不开：到底用什么样的GPU，才能用最少的电，生成最多的图？ 这听起来像是个技术宅才会纠结的问题，但其实它直接关系到你的钱包和项目的可持续性。电费不是小数目，尤其是在需要7x24小时运行的服务上。今天，我们就拿经典的 Stable Diffusion v1.5 Archive 模型，来当一回“硬件测评师”。 Stable Diffusion v1.5 Archive 是一个经过时间考验的文生图模型，虽然它不是最新最强的，但在通用图像生成、创意草图和风格化出图方面依然非常可靠。更重要的是，它的模型大小和计算需求相对适中，是测试不同GPU能效比的绝佳样本。 这篇文章，我们不谈玄学，只看数据。我会用实际的测试，告诉你不同GPU在运行SD1.5时，每消耗一度电，能产出多少张图片。这个“能效比”指标，对于个人开发者、

4亿砸向除夕夜，史上机器人浓度最高春晚观察

出品 |《态度》栏目 作者 | 崔玉贤 编辑 | 丁广胜 “为祖国的科技力量感到自豪，厉害了，我的国。” “今年的春晚机器人含量好高。” “去年还在扭秧歌，今年机器人都学会打醉拳了。” “这样发展下去，明年估计机器人可以说相声了。” …… 这绝对是机器人浓度超标的一场央视春晚，2026年马年央视春晚，魔法原子、松延动力、宇树科技、银河通用，4家人形机器人同台竞技，上演了一场“科技与狠活”的终极对决。4家机器人企业分别在不同节目中亮相，展示了各自的技术特长。 这场对决的背后是机器人行业在商业化元年的激烈角逐，对于初创企业来说，这场春晚是一场豪赌，但也是获取国民级曝光、为IPO造势的绝佳机会。但序幕才刚刚拉开，春晚的卡位未必能带来下一个“宇树”，春晚过后，落地产品才是决胜的关键。 01 — 4亿上春晚， 一场超亿级流量的集体成人礼 “这不仅是企业的流量内卷，更是中国具身智能产业的集体成人礼。"睿尔曼公司相关负责人如此评价这一现象。在他看来，春晚这个超亿级流量的舞台，是产业科普的最佳窗口，能够快速打破大众对机器人的认知壁垒。 确实如此，2025年，