让写代码有动画特效
1191
0
2022-03-08
2022-05-17
Hey、小怪兽
- • 如何在Visual Studio Code敲代码的时候有动画特效？
- • 首先打开Vscode的插件商店搜索power或者power mode，第二个就是了，因为我已经安装过了，没安装过的右边有个安装的按钮
- • 点击安装，安装后打字就有动画效果了，这里可以配置一下，点击那个齿轮，选择拓展设置
- • 第一个就是这个插件的开启和关闭，默认开启的
- • 接下去是各个动画的效果
- - particles：粒子动画，这个挺好看的
- - fireworks：烟花动画，这个烟花的也不错
- - flames：火焰动画，火焰的也还可以
- - magic：魔术动画，感觉一般
- - clippy：这啥东西不知道，挺丑的
- - simple-rift：简单裂痕动画，蛮丑的
- - exploding-rift：爆炸裂痕动画，巨丑
- • 这是设置Combo的，第一个设置是否显示，default和show是显示，hide是隐藏
- • 第二个设置是文字的尺寸
- • Combo就是右上角的这个东西，打一个字就1X
- • 这个设置我不知道是啥，还是不要改好了，上面写的是控制Combo信息是否显示，但是上面又写了Location，就default就可以了
- • 这个阈值好像也没啥用，默认0好了
- • Timeout就是Combo的进度条，第一个设置是多久后这个计数器会重置，3就是3秒，0就是一直会计数，第二个设置就是是否显示进度条
- • shake就是屏幕震动，默认开启的，最好把他关掉，晃得都瞎了
- • Background Mode这个挺神奇的，它显示选择了Mask其实并没有生效，可以点击下面的在setting.json里编辑
- • 在里面添加一句：
-
"powermode.explosions.backgroundMode": "mask" - • 这个mask的作用好像是改变颜色，据我测试是这样的，比方说刚才的火焰动画是红色的，现在就是白色了
- • 它会根据你输入的颜色改变自己的颜色，这里我输入的代码是白色的，所以它是白色的，可以找点别的颜色比如绿色
- • 接下去这个Duration是动画的持续时间，1000就是1秒，设置成0就会一直持续，也就是这个火焰会一直烧，这个持续时间是根据最后一个动画的，比方说你打了5个字，会出现5次动画，只有最后一次的动画会一直持续
- • 这个设置是动画的开启和关闭，默认开启的，关闭了打字就没动画了
- • 这两个设置不晓得啥用，说是触发动画需要按键的次数，我设置成1和5还是一样
- • 最大动画数量
- • 如果设置成5就可以同时看到5个火焰
- • 动画的位置，设置成1比较正常，或者默认，默认是0.35
- • 设置成0.1
- • 设置成1.5
- • 动画的规模，默认是6
- • 这些设置可以直接在这里修改，也可以去刚才的setting.json里修改，打个powermode就可以自己配置了
- • 附上我的setting.json配置代码（注意添加到自己的花括号里，不是黏贴全部，因为你的vscode可能配置了其他的东西）：
-
{ "workbench.colorTheme": "Material Theme Palenight", "window.zoomLevel": 1, "prettier.printWidth": 500, "prettier.tabWidth": 4, "editor.defaultFormatter": "esbenp.prettier-vscode", "editor.formatOnSave": true, "liveServer.settings.donotShowInfoMsg": true, // 把下面的代码添加到你的setting.json，上面是我其他插件的配置 "powermode.enabled": true, "powermode.shake.enabled": false, "powermode.presets": "flames", "powermode.combo.timeout": 20, "powermode.explosions.backgroundMode": "mask", "powermode.explosions.offset": 1 }