地球绕着太阳转,月球绕着地球转!HTML5

2024-11-09

玩转html5(五)---月球绕着地球转，地球绕着太阳转（canvas实现，同样可以动哦）

关于运动速度的参数与真实速度有点差距,大家可以自行调整 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>地球绕着太阳转,月球绕着地球转</title> </head> <body> <canvas wi

开玩笑html5(五岁以下儿童)---绕地球月球，地球绕太阳运动（canvas实现，同样可以移动哦）

请珍惜劳动小编成果,这篇文章是原来小编,转载请注明出处. 速度的參数与真实速度有点差距.大家能够自行调整 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>地球绕着太阳转,月球绕着地球转</title> </head> &

Canvas动画：地球绕着太阳转

<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <title>Canvas动画</title> </head> <body> <div id="canvas-warp"> <canvas id="canvas" style="b

原文:WPF太阳.地球.月球运动轨迹模拟版权声明:本文为博主原创文章,未经博主允许不得转载. https://blog.csdn.net/yangyisen0713/article/details/18216803 WPF模拟太阳.月球.地球三者运动轨迹的模拟,现在还没有加上太阳自传的动画,有兴趣的可以加上. 主要是利用EllipseGeometry实现路径的绘制 xaml代码如下: <Window x:Class="WpfApp11.MainWindow" xmlns=&qu

航空概论（历年资料，引之百度文库，PS：未调格式，有点乱）

航空航天尔雅选择题1. 已经实现了<天方夜谭>中的飞毯设想.—— A——美国2. 地球到月球大约—— C 38 万公里3. 建立了航空史上第一条定期空中路线—— B——德国4. 对于孔明灯来说,最重要的是—— C——自重5. 世界公认的人类第一次重于空气的,有动力驱动的飞行器进行的载人飞行的空速是每小时—— B——46 公里6. 一战期间飞机使用的是双翼飞机—— B——双翼7. 航空业才逐渐兴起—— B——(一次世界大战后)8. 德国制造了第一架喷气式飞机—— D——德国9. 美国实现了人类

Unity3D游戏开发初探—2.初步了解3D模型基础

一.什么是3D模型? 1.1 3D模型概述简而言之,3D模型就是三维的.立体的模型,D是英文Dimensions的缩写. 3D模型也可以说是用3Ds MAX建造的立体模型,包括各种建筑.人物.植被.机械等等,比如一个大楼的3D模型图.3D模型也包括玩具和电脑模型领域. 互联网的形态一直以来都是2D模式的,但是随着3D技术的不断进步,在未来的时间里,将会有越来越多的互联网应用以3D的方式呈现给用户,包括网络视讯.电子阅读.网络游戏.虚拟社区.电子商务.远程教育等等.甚至对于旅游业,3D互联网也能

前端开发工程师 - 03.DOM编程艺术 - 第1章.基础篇(下)

第1章.基础篇(下) Abstract: 数据通信.数据存储.动画.音频与视频.canvas.BOM.表单操作.列表操作数据通信(HTTP协议) HTTP事务: 客户端向服务器端发送HTTP请求报文:服务器端接收到HTTP请求报文后,经过处理,向浏览器返回一个包含事务结果的HTTP响应报文请求报文: i.e. 请求行:GET music.163.com HTTP/1.1 请求方法主机地址 HTTP版本请求头:由很多键值对构成 Accept:浏览器端可接受的媒体类型 Accept-

Cesium入门8 - Configuring the Scene - 配置视窗

Cesium入门8 - Configuring the Scene - 配置视窗 Cesium中文网:http://cesiumcn.org/ | 国内快速访问:http://cesium.coinidea.com/ 接下来将添加一些更多的正确的时间和空间设置到Viewer中.涉及到与viewer.scene进行交互,该类控制了viewer中的所有图形元素. 首先,我们配置一下我们的scene,用以下代码激活基于太阳位置的光照: // Enable lighting based on sun/m

html+ccs3太阳系行星运转动画之土星有个环，地球有颗小卫星

在上一篇<html+ccs3太阳系行星运转动画>中实现了太阳系八大行星的基本运转动画. 太阳系又何止这些内容,为丰富一下动画,接下来增加“土星环”和“月球”来充盈太阳系动画. 下面是充盈后的动画效果静态图. 一.土星环修改原来土星的div,在外面放一个包裹层div,class设成saturn-container. 内部放4个div,一个用来显示土星这个圆球,3个用来显示土星环. <div class='saturn-container'> <div class="

HTML5 + CSS3 实现地球绕太阳公转

使用的是正面视角,主要是用 HTML5 + CSS3 来实现,JS只是用来画图. test.html: <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>地球-太阳自转与公转</title> <link type="text/css" rel='stylesheet' href="test.css"

谷歌地球 Google Earth v7.3.2.5495 专业版

谷歌地球(Google Earth,GE)是一款谷歌公司开发的虚拟地球软件,它把卫星照片.航空照相和GIS布置在一个地球的三维模型上.谷歌地球于2005年向全球推出,被<PC 世界杂志>评为2005年全球100种最佳新产品之一.用户们可以通过一个下载到自己电脑上的客户端软件,免费浏览全球各地的高清晰度卫星图片.Google地球分为免费版.专业版. Google Earth来源于Keyhole(锁眼)公司自家原有的旗舰软件. Keyhole是一家卫星图像公司,总部位于美国加州山景城(Mounta

threejs地球之后：动画的控制

上一篇知道如何制作threejs地球之后,就正式coding了,当然还是使用最心爱的Vue.本篇会有一些代码,但是都是十几行的独立片段,相信你不用担心. 布局在进入本篇主题前,要简单看一下xplan中的自适应解决方案,即如何在不同尺寸设备中,都保证地球最合适的大小和位置,并且与其配套的一些图片(虚线的椭圆轨道.正中心白色的圆环等)都不会显示的错位. xplan用的方式简单直接,固定大小内作布局,然后针对不同的设备尺寸进行缩放. 固定画布大小(375 * 600),所有和地球相关的元素都可以在这

three.js 制作太阳系统

最近学了three.js,想拿来练练手,喜欢宇宙,于是亲手撸代码来完成这个,为了更真实,于是查了一些相关资料.1. 距离太阳由近及远分别是[水星,金星,地球,火星,木星,土星,天王星,海王星]2. 他们分别到太阳的距离为5791, 10820, 14960, 22794, 77833, 142940, 287099, 450400(单位万千米)3. 他们的半径分别为2440, 6052, 6371, 3397, 71492, 60268, 25559, 24766(千米)4. 他们的公转周期分别

iOS开发之SceneKit框架--实战地月系统围绕太阳旋转

1.创建地月太阳系统scn文件注意:moon在earth结构下,earth和moon在sun结构下. 2.获取scn中模型的对应节点和自转(太阳为例) 获取节点: name是对应的Identity字符串 self.sunNode = [scene.rootNode childNodeWithName:@"sun" recursively:YES]; 自转:围绕Y轴旋转 [self.sunNode runAction:[SCNAction repeatActionForever:[SC

Scratch与物理·天文：模拟中国嫦娥探月工程，探索月球的背面！

北京时间2019年5月16日凌晨,国际顶级学术期刊<自然>(Nature)在线发表了一篇来自中国科学家的成果:中国的嫦娥四号月球探测器2019年1月3日在月球背面的冯卡门陨石坑(Von Kármán crater)着陆,并部署了玉兔二号月球车对南极-艾托肯盆地(South Pole-Aitken)进行探测,科学家利用可视-近红外成像光谱仪(VINS)的光谱初始观测结果推断出,月球表面存在的低钙辉石和橄榄石矿物可能起源于月球地幔.这也是人类首份月球背面幔源物质初步证据. 01 先来两张今天案例效

web前端：css

css简介: web文档的结构由html元素定义,而这些html元素是如何显示的,则是由层叠样式表css来定义,这样就实现了结构与表现的分离. 1.外部样式表可以将样式定义放在一个单独的文件中,并且在需要该样式的文档中使用,这样样式表称为外部样式表. 2.嵌入式样式表嵌入式样式表是用<style>元素将样式包含在网页内部的样式设置,其作用范围仅限于该网页. <style>元素与其它html元素一样,有一个开始标记和一个结束标记.在两个标记之间的任何代码都被看作为样式定义.同样,

认识GMT和UTC时间-附带地理知识

GMT-格林尼治标准时 GMT 的全名是格林威治标准时间或格林威治平时 (Greenwich Mean Time),这个时间系统的概念在 1884 年确立,由英国伦敦的格林威治皇家天文台计算并维护,并在往后的几十年往欧陆其他国家扩散.在 1924 年开始,格林威治天文台每小时就会向全世界播报时间. 在刚开始的几十年,GMT 的测量方法非常简单:观测者随时监控太阳在天空的位置,并且把每天太阳爬升到仰角最高的时候记录下来,这个时间点称呼为“过中天”.一般人对于一天 24 小时的理解,大致上就相等于两

认识我们的太阳系(Solar System)

一.初识太阳系如果太阳是一颗篮球,那么我们的地球是什么?? 如果太阳系里最大的行星:木星是一颗足球,那么我们的地球是什么?? 如果我们的地球是一颗排球,那么其他行星是什么?? 由此,我们可以看到,我们的地球跟太阳相比,是多么渺小,跟木星相比,依然是很渺小,但是地球是所有太阳内行星里的老大(岩石行星). 我们合起来比较一下: 二.什么是太阳系太阳系是以太阳为中心,和所有受到太阳的重力约束天体的集合体:8颗行星(2006年冥王星被去掉,因为其运动轨迹与其它八大行星不同,所以只剩下金星.水星.地球

《F4+2》——团队项目的原型设计与开发

目录 1 · 团队信息 2 · NABCD模型 3. 原型设计的工具 4 · 原型设计 5 · PSP表格 6 · 团队设计过程 7 · 原型设计心得一 · 团队信息成员列表成员: 201571030322/马仲山 201571030320/马世芳 201571030312/马婧 201571030313/马婧 201571030319/马绍辉 20157103033

OpenGL编程（八）3D数学与坐标变换

笛卡尔坐标一维坐标系以一个点为原点,选定一个方向为正方向(相反的方向为反方向),以一定的距离为标尺建立一维坐标系.一维坐标系一般应用于描述在一维空间中的距离. 举个例子:一维坐标系好比一条拉直的电线(忽略长度),一只老鼠在电线上,对于这只老鼠来说,这个一维坐标系(电线)就是它的世界,只能沿着电线的方向向前或向后运动(当然也可以不动),这只老鼠这个时候是活在"一维"世界里. 二维坐标系百度百科:二维,两根的坐标轴,有平面直角坐标丶自然坐标丶极坐标等,研究平面运动时用.二维坐标系可以