知行 - 大道至简,知易行难;道阻且长,行则将至。
open-menu close-me
首页
博客
归档
关于
  • 「工程实践」 Three.js 实战指南:构建沉浸式3D太阳系

    calendar Dec 18, 2025 · 4 分钟阅读 · TypeScript Web游戏 ThreeJs 工程实践  ·
    分享到: weibo wechat copy

    项目概述 基于 Vue 3 + TypeScript + Three.js 的 3D 天文可视化项目,从零开始构建一个功能完整的3D太阳系应用,涵盖行星运动、卫星系统、星空背景等核心功能,并深入探讨如何解决实际开发中的技术挑战。 采用模块化设计,主要包含以下几个核心组件: SolarSystem: 负责行星系统的逻辑管理 StarField: 处理星空和星云背景 Vue 3 组件: 管 …


    阅读更多
  • 「工程实践」 Three.js 模拟3D地球自转、公转以及相对于太阳、月球的运动轨迹

    calendar Dec 17, 2025 · 1 分钟阅读 · TypeScript Web游戏 ThreeJs 工程实践  ·
    分享到: weibo wechat copy

    🌍 项目概述 基于 Vue 3 + TypeScript + Three.js 模拟3D地球自转、公转以及相对于太阳、月球的运动轨迹,并通过合理的光照和背景构建沉浸式体验。 视图层 (Vue Template): 提供 canvas 容器和控制按钮。 逻辑层 (TypeScript): 负责场景初始化、资源加载、动画循环以及交互逻辑。 数据层: 使用了 GeoJSON 格式的地图数据(世界边界、河 …


    阅读更多
  • 「工程实践」 Three.js+GeoJSON+8K高清贴图+地形高度图 实现交互式3D地球

    calendar Dec 12, 2025 · 2 分钟阅读 · TypeScript Web游戏 ThreeJs 工程实践  ·
    分享到: weibo wechat copy

    项目概述 通过Three.js的强大渲染能力、Vue的响应式数据管理和Canvas的动态纹理合成构建交互式3D地球可视化项目。 使用一张 8K 高清地球纹理 作为底图。 从 GeoJSON 数据 中分别解析边界信息和河流信息。 在 Canvas 上绘制边界线和河流线,并与底图合成一张新纹理。 将合成后的纹理映射到球体几何体上。 既保留了高清地球纹理的细节,又叠加了清晰的地理边界和河流。 核心功能实 …


    阅读更多
  • 「工程实践」 Three.js + GeoJSON 实现3D地球边界

    calendar Dec 10, 2025 · 2 分钟阅读 · TypeScript Web游戏 ThreeJs 工程实践  ·
    分享到: weibo wechat copy

    这是一篇使用 Three.js 和 GeoJSON 实现 3D 地球边界的学习笔记。结合了现代前端技术栈(Vue 3 + TypeScript + Vite)和地理数据可视化技术,旨在创建一个交互式的 3D 地球边界模型。 项目初始化 首先,使用Vite创建一个Vue项目: npm create vite@latest threejs-vue # 选择框架:Vue # 选择:TypeScript …


    阅读更多
  • 「学习笔记」Web图形库 Three.js 入门

    calendar Dec 9, 2025 · 4 分钟阅读 · TypeScript Web游戏 ThreeJs 学习笔记  ·
    分享到: weibo wechat copy

    Three.js是一个基于WebGL的3D图形库,由“Ricardo Cabello”于2010年4月在GitHub首次发布。 Three.js支持CDN和npm引入,推荐npm加TypeScript代码提示。 官方文档: https://threejs.org/docs/ 官方示例: https://threejs.org/examples/ GitHub: …


    阅读更多

最新文章

  • 「学习笔记」大模型GraphRAG(知识图谱增强检索)
  • 「学习笔记」Milvus 向量数据库入门
  • 「学习笔记」向量数据库 (Vector Database)
  • 「学习笔记」大模型RAG(检索增强生成)
  • 「学习笔记」大模型提示工程(Prompt Engineering)
  • 「学习笔记」大语言模型(LLM)原理
  • 「学习笔记」AI大模型基础
  • 「工程实践」 Three.js 实战指南:构建沉浸式3D太阳系

分类

SPRING基础 27 运维与DEVOPS 24 JAVA编程 20 数据结构与算法 17 安全认证 13 WEB游戏 12 数据库 11 GOLANG编程 8 计算机基础 8 AI大模型 7 ELASTICSEARCH 4 博客搭建 4 旅行日记 3 踩坑记录 2
所有分类
AI大模型7 ELASTICSEARCH4 GOLANG编程8 JAVA编程20 PYTHON编程1 SPRING基础27 WEB游戏12 安全认证13 博客搭建4 踩坑记录2 计算机基础8 旅行日记3 数据结构与算法17 数据库11 运维与DEVOPS24
[A~Z][0~9]

专栏

SPRING基础 27 运维与DEVOPS 24 JAVA编程 20 数据结构与算法 17 安全认证 13 WEB游戏 12 数据库 11 GOLANG编程 8 计算机基础 8 AI大模型 7 ELASTICSEARCH 4 旅行日记 3 踩坑记录 2 PYTHON编程 1

标签

学习笔记 127 SPRING基础 27 运维与DEVOPS 27 工程实践 25 JAVA编程 20 数据结构与算法 17 安全认证 13 TYPESCRIPT 12 WEB游戏 12 数据库 11 LINUX 10 SPRINGCLOUD 9 GOLANG编程 8 计算机基础 8
所有标签
AI大模型7 BLUELAKE1 CENTOS2 COCOS1 DOCKER2 ELASTICSEARCH4 FASTDFS3 GIT1 GOGS1 GOLANG编程8 HEXO3 HUGO1 JAVA编程20 JENKINS4 JVM3 LINUX10 LLM3 MAVEN1 MYSQL6 NFS1 NGINX2 PYTHON编程1 RAG2 REDIS6 ROCKETMQ2 SHADER2 SHIRO4 SPRINGCLOUD9 SPRINGREACTIVE2 SPRINGSECURITY7 SPRING基础27 SVN1 THREEJS5 THYMELEAF1 TOMCAT91 TYPESCRIPT12 WEBGL1 WEB游戏12 YAPI1 安全认证13 并发编程4 博客搭建4 踩坑记录2 工程实践25 计算机基础8 接口幂等1 旅行日记3 生活记录3 数据结构与算法17 数据库11 网络协议1 学习笔记127 运维与DEVOPS27
[A~Z][0~9]

备案号:粤ICP备19039226号 Copyright ©  郑超(CHARLES·ZHENG) · All Rights Reserved

to-top