Drew's Workbench
Latest stories (33)

[[堆积-1]意呆利/田宫A-10 1:72

13.05.20191 Min Read — In ScaleModel

制作过程中一度认为这是个失败的作品, 因为涂装跑偏太严重了. 期初因为身边没有 A-10 的丛林迷彩颜料, 于是想搞个沙漠迷彩. 手头的几个黄色看起来没什么问题, 但是实际效果真是有出入. A-10 的沙漠涂装(peanut schema…

[[堆积-1]意呆利Mig-29 1:72

02.05.20191 Min Read — In ScaleModel

制作第一架苏俄战机,(不算轰五和歼七)。Mig-29 与苏-27 系列共享气动外形,即使与兄弟相比略逊,但依然是颜值立命的一款战机。 box…

小事儿: Android风格Loading Indicator(Spinner)

17.04.20192 Min Read — In Code

这是一道我经常在面试中会问的css题:如何实现Android平台上常见的,线条长度会变化的Loading组件: 这是一个我自己也答不出来的题, 问这个题的目的只是试探一下候选人是不是思维特别敏捷或者真的有深厚的css…

小事儿: stackoverflow愚人节特效

03.04.20192 Min Read — In Code

4 月 1 号打开了 StackOverflow, 看见满屏幕中二元素还以为自己走错了板块. 后来才想到愚人节的事情. 除了独角兽和超 gay 配色, 还有个鼠标下雪的效果还行, 就想着做做看. 思路 目标区域监听事件, 获取鼠标位置. 图形: canvas 还是 DOM? 仔细看原实现, 雪花其实就是*号. 这样 DOM 会方便一些, 但 canvas 也不是不行. 动画: 动画部分由, 和 x…

小事儿: 线程阻塞对css animation和svg animation的影响

06.03.20192 Min Read — In Code

在测试前端解析一个比较大的 Excel 文件时候, 发现我们的 button 的 spinner 卡住了. 印象中即使线程阻塞了, 有些 GPU 加速的东西依然应该有效. 怀疑又是某种 css in js 的弱智用法(没错, 我就是讨厌 css in js). 查看了一下元素发现是用了 svg 的animateTransform. 写法上面感觉跟 css…