SVG大神专访：感谢科蚪，和你天马行空的特效设计。

2023-04-23 11:25 作者:黑科技编辑器 0人读过 | 我要投稿

今天是感恩节，我们也同步开启了平台大神的专访活动，先期将主要对话 E2.COOL 编辑器中 UGC 专区的业内顶尖开发者。从中，你一定能看到他们独特的学习方式，和创造力的培养方法。

而之所以选择此刻推出这个专栏，也是对他们以原创精神不断拓宽行业边界，并帮助广大广告公司、品牌客户提升新媒体美学水平的感恩。任何行业工具的发展，都离不开先锋开拓者们的支持，感谢有你们携手前行。

关于科蚪

科蚪作为头部的独立开发者，在去年为行业引入了一批尤为亮眼的特效模型，包括吸附滑动、无限往返伸缩器、挤压伸长、微积分思路伸长等，同时在他的模型基础上，GL 等其他同行大佬进一步研制出了标签抽拉等前所未有的循环体逻辑 SVG 结构。他的模型也在 Apple 官方公众号亮相过，具体可阅读《组件同款特效亮相Apple公众号｜无限展开-收缩｜科蚪原创》。

目前他在 E2.COOL 编辑器的 UGC 专区发布由多个精品组件：

1）UGC 原创上新｜圆孔切换组件

2）UGC 原创上新｜挤压伸长组件

3）UGC 原创上新｜探照灯组件

4）UGC 原创上新｜轮式自动切换组件

访谈实录

1.科兄的很多技术模型都对行业具有革命性意义，包括挤压伸长、无限伸长-收缩以及后期演变出的标签抽拉等结构，在去年极大丰富了 SVG 交互的想象空间。那么你平时是如何钻研学习，进而达到这般脑洞研发实力的呢？

科蚪回答:在掌握一些 svg 技术之后，我又从基础的 css 开始看起，每看到一个点我都会想“如果这里放个 svg 呢？”。然后也看一些高阶的 css 玩法，来介入 svg 。这是我的一个学习和创新（开脑洞）的方法。然后，行动力还是在于“热爱”。对于交互式排版，我觉得我配得上“热爱”这个词，因为代码的运用逻辑已经影响到我的正常生活逻辑。比如有一次我在收拾屋子，有一叠书，中间的一本，我想把它放在最上面，然后我居然想去拿键盘给它加个 transform: scale(1);

2.科兄自己最得意的模型或者作品是哪个？可以分享分享创作经历吗？

科蚪回答:我最得意的模型永远是“下一个”，现在的“下一个”是一个“无限选择器”，暂无有案例，未公布，希望你们可以游说推广一下，hhh~

换个词吧，我重新回答——“最喜欢”。我最喜欢的模型是挤压伸长，创作过程是：我像往常一样，在看基础 css 教程，情节来到我的最爱 flex ，我就在想：“如果里面的盒子都会变宽度呢？”。于是加了 svg 宽度动画……哦豁~，你们自己可以试一下。但是，现在这样只是有点魔性，没有什么应用场景。后来看一些刁钻的 css 文章的时候认识了 width: max-content; 这个是展开内容为什么会跟着缩放的关键代码。

建立在此之下，为了完成现在看到的挤压伸长的效果，我当时跟计老师一起琢磨了半个月，最终首发于华为终端公众号《精彩看「板」，EMUI11助你新年心愿实现》。我喜欢它有多个技术原理，可以发散。

3.听说科兄主业是做三维玩具设计，相当硬核的技术类目。那么当初是怎么考虑到业余玩 SVG 交互的呢？似乎跨行很远啊！

科蚪回答:兴趣广，我接触公众号最开始是想写点方言文化的文章，后来发现了还有公众号的第三方编辑器，用了编辑器，一不小心就认识了代码，最气人的是，这代码一看就懂，再后来看到国梁（国梁最帅）玩 svg 特别有意思，就跟着入坑了……但是，最最气人的是，明明我才是最帅的，可一说到国梁，脑子里就会冒出“国梁最帅！”，啊西八，被国梁洗脑了，这是个邪教徒。

4.科兄一直是一位神秘感很强的大佬，而真人可谓是“SVG圈仁科”，穿搭也有一套自己的心得。可以给广大开发者一些穿搭建议吗？

科蚪回答：我的老天鹅~原来在你们眼里我是会穿搭的人，还能给出建议，我的 Tina。那我就硬憋出点建议呗，关于我们开发者，我默认大都是不注重仪表的死肥/瘦宅，弯腰驼背龟颈高低肩，如果真没有正经学过穿衣搭配，也不屑于学这些，也请不要相信自己的形体和审美。

记住两个小窍门：

1、衣服往简洁里选（颜色越少越不容易搭配错、极小面积的图案，或者没有图案）；

2、简洁里往贵点的买；

3、多运动吧，走路挺拔有精神头就是最好的穿搭。

如此这般，你的仪表分数就会超过全国据我瞎扯的不完全统计75%的开发者了，hhh。

我自己就干脆只穿白色和黑色，运动喜欢骑行和乒乓球，人在汕头，骑行可约，约约约。