龙空技术网

spacekit开源3D空间可视化Javascript库

HelloWeb3 1968

前言:

如今小伙伴们对“js地球”大体比较关切,看官们都想要学习一些“js地球”的相关文章。那么小编也在网上搜集了一些有关“js地球””的相关资讯,希望咱们能喜欢,小伙伴们快快来了解一下吧!

简介

Spacekit是一个用于创建交互式3D空间可视化的JavaScript库 - 无论是地球/月球系统,太阳系还是其他系统。MIT协议,版本号0.0.1, Github Star 158+, 比较小众的项目,Github 官网地址:

酷炫效果图快速上手html

<div id="main-container"></div><script src=""></script><script src=""></script><script src=""></script>
javascript
const viz = new Spacekit.Simulation(document.getElementById('main-container'), { basePath: '',});// Create a background using Yale Bright Star Catalog data.viz.createStars();// Create our first object - the sun - using a preset space object.viz.createObject('sun', Spacekit.SpaceObjectPresets.SUN);// Then add some planetsviz.createObject('mercury', Spacekit.SpaceObjectPresets.MERCURY);viz.createObject('venus', Spacekit.SpaceObjectPresets.VENUS);viz.createObject('earth', Spacekit.SpaceObjectPresets.EARTH);viz.createObject('mars', Spacekit.SpaceObjectPresets.MARS);viz.createObject('jupiter', Spacekit.SpaceObjectPresets.JUPITER);viz.createObject('saturn', Spacekit.SpaceObjectPresets.SATURN);viz.createObject('uranus', Spacekit.SpaceObjectPresets.URANUS);viz.createObject('neptune', Spacekit.SpaceObjectPresets.NEPTUNE);const roadster = viz.createObject('spaceman', { labelText: 'Tesla Roadster', ephem: new Spacekit.Ephem({ // These parameters define orbit shape. a: 1.324870564730606E+00, e: 2.557785995665682E-01, i: 1.077550722804860E+00,  // These parameters define the orientation of the orbit. om: 3.170946964325638E+02, w: 1.774865822248395E+02, ma: 1.764302192487955E+02,  // Where the object is in its orbit. epoch: 2458426.500000000, }, 'deg'),});

result:

总结

spacekit是一款可以画流星雨,古老的地球等等非常酷炫的3D效果图的开源3D引擎,感兴趣的朋友,可以自行到官网了解起来。

标签: #js地球 #可视化js #js流星雨代码