HTML5的Canvas画图模拟太阳系运转(2)

var sun = new Sun();
            var mercury = new Mercury();
            var venus = new Venus();
            var earth = new Earth();
            var mars = new Mars();
            var jupiter = new Jupiter();
            var saturn = new Saturn();
            var uranus = new Uranus();
            var neptune = new Neptune();

function Move(){
             ctx.clearRect(0,0,1000,1000);
             drawTrack();
            sun.draw();
            mercury.draw();
            venus.draw();
            earth.draw();
            mars.draw();
            jupiter.draw();
            saturn.draw();
            uranus.draw();
            neptune.draw();
            }
            setInterval(Move,10);

</script>
 </body>
</html>

运行效果：

--------------------------------------分割线 --------------------------------------

HTML5 地理位置定位(HTML5 Geolocation)原理及应用

HTML5移动开发即学即用(双色) PDF+源码

HTML5入门学习笔记

HTML5移动Web开发笔记

HTML5 开发中的本地存储的安全风险

《HTML5与CSS3权威指南》及相配套源码

关于 HTML5 令人激动的 10 项预测

HTML5与CSS3实战指南 PDF

--------------------------------------分割线 --------------------------------------