孙_华鹏

欢迎收藏点赞，本文内容包含Line2线条应用，补间动画tweenjs效果，最终实现出一个类似魔法阵的效果，效果炫酷，logo(那个小鸟)可替换，可以作为自己公司logo的展示图，亮瞎领导，卷si同行~

每次都根据灵感图写代码，我都快成灵感大王了，本文较长，跨度较大，效果较好，请耐心看完，本文阶段代码有tag可以分部查看 前言 这是B站的一段视频，用3D渲染的方式表达各个大厂的logo如何制作出来的

前言 摸鱼时发现了这threejs实现的效果，从效果图中可以看出来，在滚动页面的时候，模型在进入不同的场景，或者说进入不同的页面，渲染模式改变了，下面我们一步一步拆解出这种效果是怎么实现的。。。

为了确认是您本人在申请搬家，请在原博客发表一 篇标题为《将博客搬至CSDN》的文章，并将文章地址填写在上方的"搬家通知地址"中。

内容简介：通过获取地图信息的json数据，创建立体地图，并实现下钻、返回等功能，技术栈涉及`vite`+`typescript`+`threejs`

相对以前的文章，这次的文章也是一个创新性的方向，并没有期待它有多么的受欢迎。内容没有简单粗暴的直接写页面效果，而是通过一个小小的功能，从源码角度深度剖析实现原理；阅读源码的能力是程序员成神的必经之路。

灵感图 现在随着城市的发展，越来越多的智慧摄像头，都被互联网公司布到城市的各个角落，举一个例子，一个大楼上上下下都被布置了智能摄像头，用于监控火势，人员进出，工装工牌佩戴等监控，这时候为了美化项...

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

每次在公司说：“我给大家变个魔术吧”，公司的小伙伴都回复：“刘谦又更新了？” 一个基于二进制数的特性和数学的排列组合规律衍生的魔术——口袋魔术