太阳八大行星运行轨迹

最新推荐文章于 2024-07-05 22:08:32 发布
最新推荐文章于 2024-07-05 22:08:32 发布
阅读量1.2k 收藏 5
点赞数 1
文章标签： matlab python javascript ViewUI
原文链接：http://www.cnblogs.com/ldlx-mars/p/6895817.html
版权 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <canvas width="1000" height="1000" id="canvas" style="background: black">
        您的当前浏览器版本不支持canvas标签
    </canvas>
    <script type="text/javascript">
    //获取canvas元素
    var canvas=document.getElementById("canvas");
    //设置2d绘图环境
    var cxt=canvas.getContext("2d");
    var time=0;
    function draw(){
        //清除画布
        cxt.clearRect(0,0,1000,1000);
        //轨道
        for (var i = 0; i < 8; i++) {
            cxt.beginPath();
            cxt.strokeStyle="#fff";
            cxt.arc(500,500,50*(i+1),0,360,false);
            cxt.closePath();
            cxt.stroke();
        };
        //太阳
        cxt.beginPath();
        var sunColor=cxt.createRadialGradient(500,500,0,500,500,20);
        sunColor.addColorStop(0,"#f00");
        sunColor.addColorStop(1,"#f90");
        cxt.fillStyle=sunColor;
        cxt.arc(500,500,20,0,360,false);
        cxt.closePath();
        cxt.fill();
        //画地球
        cxt.save();
        //设置异次元空间的原点
        cxt.translate(500,500);
        //设置旋转角度
        cxt.rotate(time*360/365*Math.PI/180);
        cxt.beginPath();
        var earthColor=cxt.createRadialGradient(0,-150,0,0,-150,10);
        earthColor.addColorStop(0,"#78B1E1");
        earthColor.addColorStop(1,"#050C12");
        cxt.fillStyle=earthColor;
        cxt.arc(0,-150,10,0,360,false);
        cxt.closePath();
        cxt.fill();
        cxt.restore();


        //画水星
        cxt.save();
        //设置异次元空间的原点
        cxt.translate(500,500);
        //设置旋转角度
        cxt.rotate(time*360/88*Math.PI/180);
        cxt.beginPath();
        var mercuryColor=cxt.createRadialGradient(0,-50,0,0,-50,10);
        mercuryColor.addColorStop(0,"#A69697");
        mercuryColor.addColorStop(1,"#5C3E40");
        cxt.fillStyle=mercuryColor;
        cxt.arc(0,-50,10,0,360,false);
        cxt.closePath();
        cxt.fill();
        cxt.restore();


        //画金星
        cxt.save();
        //设置异次元空间的原点
        cxt.translate(500,500);
        //设置旋转角度
        cxt.rotate(time*360/225*Math.PI/180);
        cxt.beginPath();
        var venusColor=cxt.createRadialGradient(0,-100,0,0,-100,10);
        venusColor.addColorStop(0,"#C4BBAC");
        venusColor.addColorStop(1,"#050C12");
        cxt.fillStyle=venusColor;
        cxt.arc(0,-100,10,0,360,false);
        cxt.closePath();
        cxt.fill();
        cxt.restore();

        //画火星
        cxt.save();
        //设置异次元空间的原点
        cxt.translate(500,500);
        //设置旋转角度
        cxt.rotate(time*360/687*Math.PI/180);
        cxt.beginPath();
        var marsColor=cxt.createRadialGradient(0,-200,0,0,-200,10);
        marsColor.addColorStop(0,"#CEC9B6");
        marsColor.addColorStop(1,"#76422D");
        cxt.fillStyle=marsColor;
        cxt.arc(0,-200,10,0,360,false);
        cxt.closePath();
        cxt.fill();
        cxt.restore();

        //画木星
        cxt.save();
        //设置异次元空间的原点
        cxt.translate(500,500);
        //设置旋转角度
        cxt.rotate(time*360/4333*Math.PI/180);
        cxt.beginPath();
        var jupiterColor=cxt.createRadialGradient(0,-250,0,0,-250,10);
        jupiterColor.addColorStop(0,"#C0A48E");
        jupiterColor.addColorStop(1,"#322222");
        cxt.fillStyle=jupiterColor;
        cxt.arc(0,-250,10,0,360,false);
        cxt.closePath();
        cxt.fill();
        cxt.restore();

        //画土星
        cxt.save();
        //设置异次元空间的原点
        cxt.translate(500,500);
        //设置旋转角度
        cxt.rotate(time*360/10759*Math.PI/180);
        cxt.beginPath();
        var saturnColor=cxt.createRadialGradient(0,-300,0,0,-300,10);
        saturnColor.addColorStop(0,"#F7F9E3");
        saturnColor.addColorStop(1,"#5C4533");
        cxt.fillStyle=saturnColor;
        cxt.arc(0,-300,10,0,360,false);
        cxt.closePath();
        cxt.fill();
        cxt.restore();

        //画天王星
        cxt.save();
        //设置异次元空间的原点
        cxt.translate(500,500);
        //设置旋转角度
        cxt.rotate(time*360/30685*Math.PI/180);
        cxt.beginPath();
        var uranusColor=cxt.createRadialGradient(0,-350,0,0,-350,10);
        uranusColor.addColorStop(0,"#A7E1E5");
        uranusColor.addColorStop(1,"#19243A");
        cxt.fillStyle=uranusColor;
        cxt.arc(0,-350,10,0,360,false);
        cxt.closePath();
        cxt.fill();
        cxt.restore();

        //画海王星
        cxt.save();
        //设置异次元空间的原点
        cxt.translate(500,500);
        //设置旋转角度
        cxt.rotate(time*360/60190*Math.PI/180);
        cxt.beginPath();
        var neptuneColor=cxt.createRadialGradient(0,-400,0,0,-400,10);
        neptuneColor.addColorStop(0,"#0661B2");
        neptuneColor.addColorStop(1,"#1E3B73");
        cxt.fillStyle=neptuneColor;
        cxt.arc(0,-400,10,0,360,false);
        cxt.closePath();
        cxt.fill();
        cxt.restore();
        time+=1;
    }
    //地球动起来
        setInterval(draw,10);
    </script>
</body>
</html>

转载于:https://www.cnblogs.com/ldlx-mars/p/6895817.html

weixin_30788619
关注
  • 1
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
万有引力太阳系行星轨迹模拟
ArcheL的博客
04-26 4286
一、运行结果 二、MATLAB程序 %太阳及水金地火四行星的运行轨迹模拟 %Author: Lei Zhen %Date: 2019-04-26 %万有引力公式F=GMm/r^2 %物体运动是速度与加速度产生的位置变化 clc clear all close all set(0,'defaultfigurecolor','w'); %T 质量 x坐标 y...
太阳系各大行星运行轨迹
weixin_45723705的博客
03-25 6529
利用CSS构造太阳系各大行星运行轨迹动画图网页 废话少说，直接上代码，然后再详细介绍构造过程。 代码 <!DOCTYPE html> <html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>利用CSS构造太阳系各大行星运行轨迹动画图网页</title> <style> .solarsys{ width
行星运动轨迹的程序实现
weixin_33918357的博客
09-17 2170
      这里将以万有引力和势能动能守恒定律为基础,实现行星运动轨迹.然后再假设有两个固定的恒星,让行星在这两个恒星的力场中运动(这是三体问题的一种噢).前面我写过关于混沌曲线的文章:混沌数学及其软件模拟.这类混沌曲线的本质是一个导数方程,即我不知道这条曲线是什么样子,也不知道这条曲线最终通往何处去,我只知道,曲线上的任意一点的切线方向,从而得到它下一点的位置.从而得到整条曲线上的顶点位置.学过...
HTML5 canvas太阳系八大行星运行轨道图.zip
05-27
HTML5 canvas太阳系八大行星运行轨道图，鼠标经过目标行星显示行星名称。
【CSS3】模拟太阳系八大行星运行轨迹
iuukai
07-30 1975
Tips Safari 浏览器需设置 -webkit- 前缀，Chrome 倒是都可以； -webkit- 的渐变角度进行需要换算： 90 - 原角度 = 需设角度：background-image: linear-gradient(135deg, red, yellow);background-image: -webkit-linear-gradient(-45deg, red, yellow); -webkit- 径向渐变属性为百分号，"shape size at position 不适用：backg
OpenGl C++太阳系小行星运行系统 可切换视角
03-25
在这个C++项目中，开发者构建了一个太阳系小行星运行的模拟系统，其中小行星按照真实天文学规律绕太阳运动。用户可以通过键盘上的WASD键来改变视角，从而获得不同的观察体验。 在实现这个系统时，首先需要理解的是...
D3D模拟太阳系八大行星系统
01-09
在这一天的时间里，开发者通过编程技巧和对天文学的理解，将太阳系中的八大行星——水星、金星、地球、火星、木星、土星、天王星和海王星——以及它们相对太阳的运动轨迹，以精确但不追求极致精度的方式展现出来。...
solar_Solar_planets_太阳系行星运动模拟_
09-30
太阳系是由太阳和围绕它运行的八大行星（水星、金星、地球、火星、木星、土星、天王星和海王星）组成的。这个项目旨在通过数学模型和计算机模拟来展示这些行星的运动轨迹，这有助于我们理解开普勒定律和牛顿的...
八大行星运行图，介绍，网页源代码
12-08
最精彩的莫过于八大行星运转图，介绍部分参考是百度百科的样式。
html5 canvas太阳系九大行星运行动态图代码
09-08
html5 canvas太阳系九大行星运行动态图代码
用MATLAB进行星球轨迹仿真程序
12-04
通过星球间的万有引力建立关于速度、加速度的微分方程，并用MATLAB进行仿真。
认识星座、八大行星的观察
weixin_30521161的博客
01-28 273
1. 北斗七星 北斗七星属于大熊座，春夏可见； 2. 八大行星 太阳系的八大行星基本位于同一轨道面，如以地球轨道面为基准，相互间轨道倾角的差距甚至不到5度（不包括水星）。太阳系各大行星公转平面与地球黄道平面的倾角为： 金星：金星是内行星，离地球比较近，和地球相当大小，所以金星几乎永远是夜空中最亮的星。因为是内行星，所以总是出现在清晨和傍晚...
HTML+CSS绘制太阳系九大行星运行轨迹
自由&不束缚的博客
02-23 4159
HTML+CSS绘制太阳系九大行星运行轨迹 最近正在学习前端的相关知识，学习过程中发现这个项目比较有趣且知识涵盖比较多，所以就写篇博客记录一下，方便以后查看。这是我第一次写技术博客，如遇有缘人觉得写的不好的话，请指点。 首先先展示一下运行效果 原本效果是动态的，但第一次发表，不会导入视频，现只插入图片，以后学会再更改回来。 代码部分 HTML代码 <!DOCTYPE html> &l...
天文网站
01-28 5378
1. 八大行星的实时位置 太阳系 内行星包括：水星、金星、地球、火星；
第一个JAVA小项目（太阳系行星运动模型）
kobekobe2408的博客
10-29 5555
第一个JAVA小项目（太阳系行星运动模型）1. 窗体的构建对于游戏来说，需要构建一个桌面窗体，建立MyFrame类，继承Frame类，专用用于游戏窗体的构建。在MyFrame类中建立launchFrame()方法，用于实现窗口的生成。这三行代码分别用于设置窗体大小，位置和可见的，这三个方法继承自Frame类。 setSize(Constant.GAME_HEIGHT,Cons
Java课程设计——模拟行星运动
weixin_30597269的博客
07-31 426
期待了很久的Java语言程序设计也拉下了帷幕，在几个月的时间里基本掌握了java的简单用法，学习了java的主要基础知识，面向对象思想，多线程并发控制，swing界面设计，动画制作等，最后结课了也打算制作一个课程设计能够尽可能多的涵盖所学知识，将其进行串联，因此考虑实现了一个简单的模拟行星运动的小软件，主要思路如下： 利用动画实现行星运动的模拟，主面板里有一个中心行星，同时绘制了椭圆轨道，...
行星轨迹制作_FLASH做的八大行星的轨道图的教学
weixin_39520595的博客
12-20 2001
展开全部1、打下面的bai图导入到背du景；2、裁剪出8个行星，并分别把八zhi个行星转换成图dao形元件，再回转换为电影剪辑，答放在不同的图层，按背景图摆好8个行星的位置；3、从里到外做各个行星的引导线动画：例如，先做水星的动画，双击水星电影剪辑，进入水星电影剪辑的编辑界面，在水星图层的上面插入一个引导层，按背景图画出椭圆的轨迹，擦一个小口，按逆时针做水星的运动补间动画，注意起始帧与结束帧的水星...
matlab 绘制高等数学中的二维函数示例
最新发布
zhanghanqmx的博客
07-05 534
【代码】matlab 绘制高等数学中的二维函数示例。
实现太阳系八大行星运行3d图
06-09
好的，实现太阳系八大行星运行3D图，可以借助 WebGL 技术和 Three.js 库来实现。下面是一个简单的实现思路： 1. 在 HTML 文件中引入 Three.js 库和一个用于渲染的 canvas 元素。 2. 使用 Three.js 中的几何体...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值