就是那种你编写代码就能出效果的那种....
手机

多了去了
小尾巴我就菜鸡一枚 https://18sui.net炮兵学院

@小杨，这个屌
红米Note4超高配版(银色)

@小杨，
确实，F12控制台才是最好的所见即所得编辑器。
@童真再见，推荐使用火狐或者EDGE，不要使用Chrome，因为Chrome的F12控制台没有汉化。Chromium内核EDGE的F12控制台都汉化了。

@老虎会游泳，老虎有听过这个网站吗？http://nodtotherhythm.com/make ，挺好玩的，网上也有这个网站的源码，我想把这个bgm换成别的，把原来的口型修改成新歌的口型，用虎友们推荐的那些还有下载了火狐用F12还是看不到它嘴动的参数...也不知道用什么工具，我看了源代码是好多数字控制的，就是弄不清规律....感觉这个很厉害，不用下载软件就可以让图片动起来。
手机

@童真再见，哦哦，没听过。使用火狐F12，在网络选项卡里面选择XHR，然后操作网页，也许可以看到它与服务器的通信。

但是它也可能使用了websocket，这样XHR就看不到了。如果确实用了，你可以搜一下websocket调试方法。

@老虎会游泳，chrome 原生支持调试 websocket 的

红米Note4超高配版(银色)

@水木易安，新版的火狐也支持了，老版本看不到通信内容
红米K30 Pro 变焦版

@老虎会游泳，它这个页面不会和服务器通讯，页面加载完成后不联网传一张图片也能出效果，我看了代码都写在js里了（ http://nodtotherhythm.com/ui/js/nod.js ）。火狐的f12所有选项卡我都试了页面运行时还是看不到有参数值变动...

就是那些数字控制口型的，除了最后一排是1798组数字，前面几排都是898组数字（这些数字我都想一个个的试了，但是太多了。。。）

这个页面特效好像是用webgl做的，但是我在百度搜不到调试webgl的方法，搜出来的都没法用...

手机

@胡椒舰长，测不出来，页面放里面运行不了。谢谢分享软件，我还是第一次知道这个..
手机

@童真再见，是的，就是使用的webgl，先把图片转到canvas画布上，剩下的就是数学上的知识了。

这是eval执行后的代码 eval.js（34.07 KB）

里面主要是定义了四个类Vector，Matrix，Line，Plane
红米K30 Pro 变焦版

@胡椒舰长，我擦 上古神器 Frontpage
我上初二(2007年左右)信息课接触到了的.

当时看到老师点击"html"代码栏直接开始写代码,我觉得好屌.
红米Note4超高配版(银色)

@童真再见，哦，那这就是一个纯前端程序啊。很多前端js代码发布时都进行了库代码内联、丑化（uglify）等预处理，不花功夫很难看出逻辑来的。