这是一个实验性的互动式幻灯片与的数学形状和文本使用Canvas组件。的幻灯片包括对形状和文本,两个做出来的,用户可以交互导航时,过渡到下一对颗粒。用帆布,我们可以动态地使用JavaScript绘制2D的东西,这个实验显示了一些可能性。
alt=""/>
形状的颗粒,颗粒将被绘有一组预定义的颜色。文本将被建立起来的白色颗粒:
alt="" width="100%"/>
当导航到下一个(或以前)的幻灯片,文本和形状将演变成新的,创造一个有趣的效果:
alt="" width="100%"/>
改造后,我们可以看到下一张幻灯片的形状和文字:
alt="" width="100%"/>
文本和形状的颗粒是互动的一个办法,我们可以把他们推了一下周围:
alt="" width="100%"/>
希望你喜欢它,它给你一些启发!