Drew's Workbench
Latest stories (34)

GGoogle的无限手套特效

11.06.20196 Min Read — In Code

注: 本页的 demo 需要较新的浏览器(推荐 Chrome70+)才能正常执行 大概<妇联 4>上映的时候, google 也上线了一个无限手套的特效(点此链接再点屏幕右侧的手套). 搜索结果中的条目, 随机的一半机会随风消逝, 同时附加一些屏幕滚动以及搜索总数目的变化. 除了敬佩还是敬佩! 从那时就有了复刻一下这个效果的想法. 简单考察了一下, 控制台打出了的 log…

[[堆积-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…

© 2021 by Drew Xiu. All rights reserved for sale.
GitHub Repo
Last build: 02.07.2021