在线制作你的专属行星

有朋友推荐了一个有趣好玩的网站,可以在线制作行星地球的图片,简单使用了几次,觉得还是非常不错的,创意十足。于是在这里简单介绍分享一下,希望下次有机会可以参考它做出在程门立学站上的页面来,毕竟这个站点国内打开的速度还是相对比较慢的。网站的地址是:http://oskarstalberg.com/game/planet/planet.html

确实这个网站打开的速度还是比较慢的,第一次打开大概用了四五分钟的。毕竟这个网站也是在丹麦的服务器,虽然内容也是不多的,才15M不到的大小,但是第一次加载的网速还是挺慢的。

图1.网站加载界面1
图2.网站加载界面2
图3.开发者工具中查看加载的时间

网站内容加载成功后的主界面如下:

图4.网站的主界面

界面上主视图即是一个蓝色+绿色的星球,类似于我们的地球,在慢慢的自转,旁边还有一个小小的星球,大概就是月球了。

图5.地面元素-森林等
图6.元素的大小
图7.星球的大小

左侧分布了2个工具栏,为地面元素(森林、冰川、建筑、草地)、元素大小(小、中、大);右侧分布1个工具栏-星球大小(大、中、小)。当前选择的项目在侧边都有一个小的白色三角形箭头。鼠标选择相应的地面元素后,点击相应的位置则可布放到星球上。无视之前星球上的地形地貌。使用Ctrl+鼠标滚轮,也可以进行放大缩小星球的操作。

图8.安放森林
图9.可以自定义安放各种地貌元素

操作起来也是相对比较简单,但不清楚是否在操作的过程中,是否还会跟服务器交互,感觉总是有点卡卡的。如果无需与服务器通信的话,还有点卡,难道这I3的CPU已经支持不了这么小小的一个游戏了么?实测该页面非常的占用内存,约1G左右。

图10.在同一个位置一直放置同一个地面元素

如果在同一个位置一直放置同一个地面元素,如冰川的话,冰川会像山峰一样的不断增加海拔的高度的,如图所示,明显可以看到冰川已经高出了周围一大截出来了。

有个小小的缺陷,就是图片暂时没有找到导出的接口,只能通过截图的方式保存为图片的,另外网速也是限制了第一次加载的速度。下次有时间研究下看能否移植改造到本站上来。

另外有一个比较大点的GIF动画,可以看下玩玩的效果。就只放链接了:http://www.iappi.cn/wp-content/uploads/2019/06/图11.一个比较有意思的星球.gif