前言 hello, 大家好, 我是徐小夕, 今天又到了我们的博学时间。 本文带大家从零实现基于vue3的验证码组件

事情是这样的，前天上午产品经理说想要做一个心愿墙，问我能不能行 我心想，这太容易了，但为了多摸一天鱼，我说还是有点挑战的 结果下午，产品经理和设计师就给我发来了设计参考 他们说，心愿墙的设计大致是这样

迎冬奥，一起向未来！2022冬奥会马上就要开始了，本文使用 Three.js + React 技术栈，实现冬日和奥运元素，制作了一个充满趣味和纪念意义的冬奥主题 3D 页面。本文涉及到的知识点主要包括

在掘金看到一篇three.js开发汽车展示厅的教程，就动手用vue3实现一个，模型上sketchFab上找的特斯拉模型,ui操作用vue 实现，three的基本概念在掘金也很多，就不多说了。废话少说

最近看到自如团队发布的自如客APP裸眼3D效果的实现，随即按照自己的思路用 Flutter 实现一遍，本文会着重介绍我在实现过程中的思路和设计，无论是FE/iOS/Android/都可以参考

背景 移动端界面设计如此火热的今天，各类大厂的设计规范和设计语言已经非常的成熟，我们想做一些在这套成熟的设计规范之外的尝试和创新，所以有别于传统的banner交互形式成为了我们的发力点。 设计理念 由

ThingJS 场景中可以加载园区，加载后系统自动创建了园区、建筑、楼层、房间等物体对象，这些对象也自然把场景分成了不同的层级。 通过 CamBuilder 可搭建并输出一个园区，该园区可在 ThingJS 场景中加载。 完成场景搭建后，即可导出ThingJS场景包(.tjs)…

最后将画布背景设为白色。 照相机就像人的视觉或说从什么角度去看场景，看场景的位置和视线的方向决定了渲染到页面的内容。故一般需要设置两个参数相机位置position、视线方向lookAt，，在webgl其实是需要三组参数视点，观察点，和上方向。thresjs中好像是默认Y轴为上方…

因为我未搭建个人服务器。截几张图给大家看看效果我做的效果（大部分是和原来的一样）。可能一部分人已经见过这个经典动画了。（这里是原项目地址：https://threejs.org/examples/css3d_periodictable.html） 除了优化了原来的HELIX和G…