文件名称：用Threejs实现一个太阳系(附源码)
文件大小：8.28MB
文件格式：ZIP
更新时间：2024-06-06 03:12:38
Web开发源代码 JS/Ajax源代码
星球用 THREE.SphereGeometry 来构建，并贴上相应的材质。 地球等行星在自转的同时，还在围绕太阳公转。基本方法是调用requestAnimationFrame方法，以每秒60次（60帧）的频率执行重绘（render）。而在render方法内部我们可以改变行星的位置（position），旋转（rotation）。这样就可以让整个太阳系动起来。 公转轨道是利用Three.js的RingGeometry实现的。土星的光环也是利用同样的方法，只不过是加载了纹理材质。 满天繁星大概有10万颗利用BufferGeometry实现。
【文件预览】：
.gitignore
package.json
webpack.config.js
LICENSE
doc
----scene_planet.jpg(531KB)
----solar.gif(3.71MB)
----three_structure.jpg(139KB)
----sun.jpg(513KB)
----solar_static.jpg(686KB)
----threejs-structure.svg(121KB)
----frustum-3d.svg(6KB)
----buffer_geometry.svg(55KB)
----blog.md(6KB)
index.js
README.md
index.html
lib
----CSS2DRenderer.js(4KB)
index.css
img
----starry_sky_bg.jpg(182KB)
----moon_bg.jpg(1.68MB)
----mars_bg.jpg(117KB)
----mercury_bg.jpg(133KB)
----jupiter_bg.jpg(93KB)
----uranus_bg.jpg(33KB)
----saturn_bg.jpg(43KB)
----neptune_bg.jpg(31KB)
----pluto_bg.jpg(107KB)
----venus_bg.jpg(50KB)
----earth_bg.jpg(188KB)
----sun_bg.jpg(288KB)
----saturn_ring.jpg(9KB)
server.js