2024年了，前端人是时候给予页面一点 Hero Section “魔法” 了！！！在这里您可以尝试自己创建一个有趣的 3D profile

本破大专生也即将毕业啦。写了一个毕设。是基于three.js和Vue构建的一个前端智慧园区场景。也开源出来请大家指导一下。

前言 现在很多可视化项目大屏都涉及到了三维， 所以近期学习了一些关于three.js的内容，发现three.js对于小白入门来说还是比较友好的，暂时还没有涉及到webgl相关的。下面的案例用到的都是一

简单使用 ThreeJS，之前项目中需要用ThreeJS，就自学了一下，结合一些教程做出来这个效果，整体感觉还可以

我正在参加「掘金·启航计划」 在开始绘制图形前，需要一份包含地理信息数据，我们可以从阿里云提供的小工具获取，properties中包含了名字、中心、质心等信息

当前数字城市、数字农业、数字交通等等概念盛行，在最近的世界5G大会上，我们看到，移动、联通、电信等运营商，通过一张图的形式，去展示他们在不领域业的实力。我们能够从这样的一张图上直观的看到各种数据和指标

这个是根据three现有案例来模仿实现，[原网址](three.js css3d - periodic table (threejs.org)) 效果图： template部分 script部分 st

第一次尝试选择了我比较熟悉的 PixiJS，关于我如何用 PixiJS 中的 Sprite3d 做了一个失败的 3D 卡片，可以 戳这里查看。 有了第一次失败的经历，果断老实选择使用 three.js 来实现 3d 效果。 但为什么选择使用 CSS3DRenderer 实现，可…

先上效果： 不想看繁琐步骤的，可以直接去github下载项目，如果可以顺便来个star哈哈 本项目使用vue-cli创建，但不影响使用，主要绘制都已封装成类 1、使用geoJson绘制3d地图