由于大家都注册了萌萌的 .moe 域名，我也来效仿一个。

光敏性癫痫提示
对于极少数人群，网站中的动画效果可能会引发癫痫或眩晕症状。
如果您感到头晕、恶心、眼睛抽搐、癫痫发作，请即刻关闭页面并立即就医。

ewe.moe

一些文字小技巧

中间的 🐑 logo 其实是字体，嘤为 threejs 对透明度图片的资瓷并不好。

然而，在 threejs 官方给的 typefont json 文件中，并没有提供中文/emoji 资瓷，为此，需要手动加入。

这个 facetype.js 可以将字体文件转换成 threejs 可以导入的 json 文件。但是，由于这个作者依然没考虑到 emoji，🐑 依然无法被导出。

那么就需要借助 IcoMoon 来导出一个自定义的字体文件。我预先将 🐑 的路径合并，然后将其作为字母 y 导入，这样生成出的 ttf 文件仅包含一个字符 y。使用上面的 facetype.js 即可将其对应的 json 导出。

一些长按小技巧

该内容最终并未加入到网站中。

vue 里处理长按事件是比较麻烦的，这里使用了 setTimeout 来解决这个问题。

1

<div @mousedown="clickStart" @mouseup="clickEnd" />

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

methods: {
  clickStart: () => {
    if (timer === null) {
      timer = setTimeout(() => {
        // ...
      }, 2000);
    }
  };
  clickEnd: () => {
    if (timer !== null) {
      clearTimeout(timer);
      timer = null;
    }
  };
},
data: ()=>({
  timer: null
})