橡皮人伊莲恩

离职原因看我这篇文章吧：离开蘑菇街后，我最近的一些想法，然后不得不去找工作恰饭呀。 我目前面了五家公司：滴滴、蚂蚁、拼多多、酷家乐、字节跳动，拼多多和酷家乐基本已拿到 offer，蚂蚁二面完了，滴滴和字节即将三面，我先把我已经面过的面经先总结出来，其他的不管过没过，这周内我都会…

前段时间看到懂车帝app有几个效果非常好的汽车展示方面的模块，再加上前年在公司写过一个关于汽车售后业务选择汽车部位的组件，就开始着手把这几个组件编写成一个组件库发布出去供大家使用，当然提供按需引入方式，使用的依然是vuecli3工具其中的vue-cli-service buil…

总结以前的开发经验可以发现，再复杂的项目都是有着必不可少的骨架，所做的工作都是往骨架中去添加更多的内容。 在除去一切可以去除的内容之后，三维动画可以用一个球体来描述。 书中第一章用了不少篇幅写环境搭建，实际上有前端基础的同学都可以略过这部分。 因为不是每一种材质（Materia…

Three.js（下面简称 Three） 作为一个 3D 库，不仅减少了我们学习 OpenGL 和 WebGL 的成本，还大大提升了前端在可视化上给用户带来更多的真实、沉浸式的体验。众所周知，Three 更多的是用 3D 模型 + 投影相机 + 用户交互的方式来构建一个「3D …

Three.js 现学现卖

最近在捣鼓 Three.js 相关, 觉得做一个微场景是一个很不错的选择，结果做下来发现效果还可以。 首先你要清楚自己想实现的效果, 就需要一张效果图, 然后才能根据效果图来建模。 我在网上找到一张自己喜欢的风格的建筑图做参考，明确自己大概要实现的效果，但结果不一定要一模一样。…

|└──── ... |└──── ... |└──── ... 如果它们发生更新，则将其设置为true，Three.js会通过判断，将数据重新传输到显存当中，并将配置项重新修改为false。此外，我们可以利用函数的节流防抖，对 animate 函数进行优化 | | | └─ …

canvas部分的功能：鼠标画线，采集线2端的点数据。 canvas的坐标是以左上角为默认（0,0）点。同时canvas宽高默认300*300。 three.js 中的坐标和camera相机有关。一般是y轴向上的3D坐标。（下图第一个） 于是，在点击生成3D的时候需要对我们存的…