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

有一天大佬跑过来跟我说：“目前我们在NS区部署了5万多根灯杆，你想想办法把全部的灯杆模型在NS区地图上全部show出来。经过几天断断续续的捣鼓研究，终于在大佬的PUA下搞定了这个事情。

好久没写可视化方面的帖子了，最近在网上找灵感，发现一张图个人感觉不错，正好现有技术也可以实现个八九不离十，使用到的技术vite + typescript + threejs

本文使用threejs开发一款发电机拆解动画并通过交互展示零件详细信息数据交互的大屏开发，效果中规中矩，但是涵盖的知识点比较多，内容详细，也列举了众多开发中遇到的坑，内容比较长，手把手教大家写一个完整

1. js获取当前canvas 2. 使用canvas API画圆

注：1、本文只讨论2d图形碰撞检测。2、本文讨论圆形与圆形，矩形与矩形、圆形与矩形碰撞检测的向量实现 2D游戏中，通常使用矩形、圆形等来代替复杂图形的相交检测。因为这两种形状的碰撞检测速度是最快的。其中矩形包围盒又可以分为轴对齐包围盒（AABB, Axis Aligned Bo…

本期给大家分享一个用D3.js实现的动态气泡图案例。也是之前小F了解D3.js时发现的，效果大致如下。​项目地址：https://observablehq.com/@unkleho/covid-19-

在制作Canvas游戏时，碰撞检测是非常重要的一环。我之前写过好几篇关于用canvas来实现游戏的文章，其中用到了很多碰撞检测，例如植物大战僵尸里发射的子弹和僵尸的碰撞检测，警察抓小偷的碰撞检测等。

/* background-image: url("img/blue.var main = document.var circles = main.// 每次Math.console.log('-------', main.// circles.// // element.sty...