沿着纵轴旋转45度的无透视游戏叫等距视角的游戏,通俗来说也叫2.5D游戏。很多小游戏都采用了这样的视觉,这个视角在2维的基础上塑造出了立体的视觉效果,相比正视图更有视觉表现力。这个视角看得挺多,但真正要想像一个方块如何在这个视角下转动,博主还真想像不出来-_-,于是就画了下面几张辅助图,一家之言,仅供参考。
一个正方形在正面视角转动的情况如上,如果给这个正方形一个外切圆,那么任意一次旋转时,正方形的4个点都会落在这个外切圆上,无论视角如何切换,这4个点始终会贴合这个外切的圆。
等距视角下,一个圆形看起来会类似上图中的椭圆形,这个椭圆的长短轴的比例大约是“1.732”,博主的绘制流程是,先画一个横向100长度,纵向173.2的椭圆,再将其顺时针旋转30度,就获得了图中这样的视觉效果。
将这个椭圆视作正视图时的圆形,我们标记出4个象限,会发现有两个象限的角度是120度,另2个象限的角度仅60度。正方形旋转45度的情况,其边线应该在象限的中间,也就是说,在60度的这个象限里,边线仅旋转了30度,而在120度这个象限里,边线需要旋转60度,刚好是60度象限里角度的2倍。
以60度象限每旋转5度,120度象限就增加10度的规律绘制了如上图形;
将所有图片叠加放置后得到如上的视觉效果,感觉还是有模有样的;
将svg图片导入scratch中动态播放了一下,真实的转动效果也较为吻合。