魔方是个结构简单而变化无穷的神奇玩具。那么如何在万能的浏览器里模拟出魔方的无尽变换，又如何将其还原呢？下面让我们一步步地来一探究竟吧。 拆解过魔方的同学可能知道，现实中魔方的内部结构包含了中轴、弹簧、螺丝等机械装置。但当我们只是想要「模拟」它的时候，我们只需抓住它最显著的性质即…

近年来随着引力波的发现、黑洞照片的拍摄、火星上存在水的证据发现等科学上的突破，以及文学影视作品中诸如《三体》、《流浪地球》、《星际穿越》等的传播普及，宇宙空间中那些原本遥不可及的事物离我们越来越近，人们对未知文明的关注和对宇宙空间的好奇达到了前所未有的高度。站在更高的立足点上，…

为了实现上面的效果我们先来构建出canvas的DOM，以及相关的shader代码。 这里的步骤和这篇文章中第一步是相同的，你可以移步这里查看，或者在最后我也会附上全部的代码（不要忘记引入相关的js文件）。 需要注意的是为了让火焰的位置在中间我这边canvas的宽度设置为了375…