为准备找工作而写的作品例子： 3D 可视化系统的小 demo

[alw]

为了方便后面找工作时能够有个作品例子给面试官看，花了一些时间用 typescript 写了一个 3D 可视化系统的小 demo。

• 网址：https://www.alwxkxk.xyz/
• github 源码：https://github.com/alwxkxk/iot-visualization-examples
• 怕大家不会操作，所以还录了个小小的操作视频：操作视频网址

---

大家使用chrome浏览器电脑访问，我没做兼容手机，没测试其它浏览器。我部署了sentry收集错误，我看了下这几个小时sentry给我的报告：

• 安卓手机 UC浏览器，"Error creating WebGL context." 不支持webgl，找不到THREE，反正种问题。
• 安卓手机 QQ浏览器与火狐浏览器大都是报resize的错。
• 有几个电脑比较旧的chrome浏览器好像报什么错，没看懂，估计是用了某个库出了问题。

[gmywq0392]

Cool !!!

[rbuli]

晕 3D

[LZSZ]

我记得以前有个 3D 可视化仓库系统

[gclove]

赞 !

[Good9]

666~

[q8164305]

牛逼

[alw]

@LZSZ 那个系统有开源代码吗？ 有的话，我去学习学习。

[crella]

用什么 cpu 才能在翻转的时候不卡？

[alw]

@crella 卡吗，我测试 3D 不卡，就是那个感叹号 因为设置了 100ms 刷新一次位置，所以它显得有点卡，其它都很快的有单子，我明天把感叹号位置刷新时间调短就显得顺了。

[crella]

@alw 我的 cpu 渣渣。转了一下后鼠标无操作几秒，还是 90%多的 cpu 占用…… vivaldi 浏览器 2.5.1525.46

[zpm683]

炫

[Kmrious]

可以可以，有点 6 ；现在玩 3d 的前端好像不多

[anoulin2009]

这个可以，这段时间就在做这个数据中心可视化，我们找了个厂家在做

[Etuloser]

tql

[alw]

@Etuloser 一下子没看懂，以为打错了，想了想可能是网络用语，特意搜索了下 tql 是什么意思 … 原来是拼音 太强了…

[circleee]

@alw 应该是 thingJS， 话说楼主还是玩 esp8266 吗？

[alw]

@circleee thingJS 是别人公司基于 threejs 再封装的成品，我的小 demo 直接用 threejs 实现的。 esp8266 是个神奇的东西。

[Etuloser]

@alw 哈哈，已 Star，看看能不能抄一下这个模块，目前是用 netbox 做的这一块

[SeaRecluse]

一打开网页，风扇就开始呼呼的转,CPU 占用有点高啊

[zhensjoke]

http://localwar.xidayun.com/

可以看看这个。

网页版的 FPS 游戏。

[alw]

@SeaRecluse 3D 渲染会吃一些 GPU，如果浏览器没开启 GPU 加速渲染（ chrome 浏览器好像是默认开启的，好像叫硬件加速渲染，在设置里可设置），这些渲染工作就会交由 CPU 来做。

[liuzhiyong]

楼主威武，在 deepin 上面一切正常。

[cyang]

点赞

[2805408253]

这不是 thingJS 吗

[alw]

@2805408253 哇哈哈，看来 thingJS 深入人心，这个是我用 threejs 自己写的。 只可惜 thingJS 没有开源代码出来让我复制粘贴，不然我可以节省很多研究折腾的时间。

[c4tn]

留个联系方式 我们正在招人

[alw]

@c4tn 微信号 base64 YWx3eGt4aw==

[SpiderXiantang]

辣是真的牛逼 ！

[xiaojinmaolove]

很赞啊

[XiaoMan030]

厉害厉害~

[gaigechunfeng]

哈哈哈，666，不过现在已经是我的了