月亮绕着地球转,太阳绕着地球转canvas

2024-10-08

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

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

OpenGL “太阳、地球和月亮”天体运动动画例子

http://oulehui.blog.163.com/blog/static/7961469820119186616743/ OpenGL “太阳.地球和月亮”天体运动动画例子 2011-10-18 18:06:16| 分类: OpenGL | 标签:opengl 实例例子 |举报|字号订阅 #include <GL/glut.h>#include <stdio.h>#include <time.h> // 太阳.地球和月亮// 假设每个月都是

WPF太阳、地球、月球运动轨迹模拟

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

55.纯 CSS 创作一个太阳、地球、月亮的运转模型

原文地址:https://segmentfault.com/a/1190000015313341 感想:主要运用边框.伪元素.动画. HTML code: <div class="container"> <div class="sun"></div> <div class="earth"> <div class="moon"></div> </div

前端每日实战：55# 视频演示如何用纯 CSS 创作一个太阳、地球、月亮的运转模型

效果预览按下右侧的"点击预览"按钮可以在当前页面预览,点击链接可以全屏预览. https://codepen.io/comehope/pen/RJjQYY 可交互视频此视频是可以交互的,你可以随时暂停视频,编辑视频中的代码. 请用 chrome, safari, edge 打开观看. https://scrimba.com/p/pEgDAM/cLQLyTR 源代码下载每日前端实战系列的全部源代码请从 github 下载: https://github.com/comehope/f

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

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

canvas动画---- 太阳、地球、月球

<div> <canvas id="canvas" width="500" height="500"></canvas> </div> function draw(){ var canvas = document.getElementById("canvas"); if (!canvas.getContext) return; var ctx = canvas.getContex

编写高质量代码：改善Java程序的151个建议（第二章：基本类型）

编写高质量代码:改善Java程序的151个建议(第二章:基本类型) 目录建议21:用偶判断,不用奇判断建议22:用整数类型处理货币建议23:不要让类型默默转换建议24:边界还是边界建议25:不要让四舍五入亏了一方建议26:提防包装类型的null值建议27:谨慎包装类型的大小比较建议28:优先使用整型池建议29:优先选择基本类型建议30:不要随便设置随机种子建议21:用偶判断,不用奇判断判断一个数是奇数还是偶数是小学里的基本知识,能够被2整除的整数是偶数,不能被2整除的数是

java开发150个建议

阅读目录建议1:不要在常量和变量中出现易混淆的字母建议2:莫让常量蜕变成变量建议3:三元操作符的类型务必一致建议4:避免带有变长参数的方法重载建议5:别让null值和空值威胁到变长方法建议1:不要在常量和变量中出现易混淆的字母包名全小写,类名首字母全大写,常量全部大写并用下划线分隔,变量采用驼峰命名法(Camel Case)命名等,这些都是最基本的Java编码规范,是每个javaer都应熟知的规则,但是在变量的声明中要注意不要引入容易混淆的字母.尝试阅读如下代码,思考打印结果的i是

OpenGL学习笔记之三（简单示例太阳月亮地球）

#include<glut.h> // 太阳.地球和月亮 // 假设每个月都是30天 // 一年12个月,共是360天 ;//day的变化:从0到359 void myDisplay(void) { glDepthFunc(GL_LEQUAL);//设置深度<=通过,与物体之间的前后有关 glEnable(GL_DEPTH_TEST);//深度检测 glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT); glMatrixMode(GL_PR

OpenGL ES 光照模型之——漫反射光（RenderMonkey测试，地球日出效果）

概述及目录(版权所有,请勿转载 http://www.cnblogs.com/feng-sc) 本文在上一篇(OpenGL ES 光照模型之——环境光照(RenderMonkey测试))环境光基础上,增加漫反射光照.我们主要使用漫反射光模拟太阳光,实现如下两种效果: 1.地球自传,太阳光固定的日出效果: 2.地球静止,太阳光围绕地球旋转的效果. 本文主要包括如下方面内容: 1.漫反射光模型简介: 2.地球自转日出效果Shader实现: 3.地球静止,太阳光围绕地球旋转Shader实现. 漫反射光

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"

ARCGIS进行地理配准并加载到谷歌地球中查看

普通的地图图片如何能让其附有经纬度坐标和投影信息,如何能将普通的地图图片加载到诸如谷歌地球等相关的三维地球软件当中进行生产或学习使用呢,这就要用到gis当中常用的一种功能,叫做地理配准.地理配准并不复杂,只要有基准影像和能够进行地理配准的软件就可以对普通的地图图片进行地理配准.本文所要配准的图片是在百度图片中下载的最新北京地铁图(之所以选择地铁图是因为图上有站点信息,可以方便的选取控制点,选取控制点是一个繁琐的工作,需要耐心,这里偷点懒).如图: 下面就来介绍如何进行地理配准.本文需要用的软件工

地球坐标-火星坐标-百度坐标及之间的转换算法 C#

美国GPS使用的是WGS84的坐标系统,以经纬度的形式来表示地球平面上的某一个位置.但在我国,出于国家安全考虑,国内所有导航电子地图必须使用国家测绘局制定的加密坐标系统,即将一个真实的经纬度坐标加密成一个不正确的经纬度坐标,在业内将前者称之为地球坐标,后者称之为火星坐标.国家保密插件,也叫做加密插件或者加偏或者SM模组,其实就是对真实坐标系统进行人为的加偏处理,按照几行代码的算法,将真实的坐标加密成虚假的坐标,而这个加偏并不是线性的加偏,所以各地的偏移情况都会有所不同.而加密后的坐标也常被人称

three.js实现球体地球2018年全球GDP前十国家标记

概况如下: 1.SphereGeometry实现自转的地球: 2.THREE.Math.degToRad,Math.sin,Math.cos实现地图经纬度与三位坐标x,y,z之间的转换: 3.ImageUtils加载球体贴图: 4.THREE.CubicBezierCurve3 创建标记立体轨迹,调用getPoints将轨迹分成需要的段数: 5.轨迹中根据分段数与相应国家gdp值来实现标记. 效果图如下: 预览地址:three.js实现球体地球2018年全球GDP前十国际标记初始化场景.相机.

three.js实现球体地球城市模拟迁徙

概况如下:1.SphereGeometry实现自转的地球:2.THREE.ImageUtils.loadTexture加载地图贴图材质:3.THREE.Math.degToRad,Math.sin,Math.cos实现地图经纬度与三位坐标x,y,z之间的转换:4.轨迹中根据分段数与相应国家gdp值来实现城市标记. 效果图如下: 预览地址:three.js实现球体地球城市模拟迁徙初始化场景.相机.渲染器,设置相机位置,初始化光源,光源采用HemisphereLight,设置光源位置为场景中心位置

vue用echarts 画3d地球且画线

页面效果如下: 项目结构如下: 引入的包 "dependencies": { "core-js": "^3.3.2", "register-service-worker": "^1.6.2", "vue": "^2.6.10", "vue-aplayer": "^1.6.1", "vue-router": &

Cesium加载地形数据只显示半个地球

Cesium第0级地形包括两个瓦片:0/0/0.terrain,0/1/0.terrain,分别为左半球和右半球(具体参考:https://blog.csdn.net/u013929284/article/details/71616600 ),若缺失其一,则无法显示完整的地球. 相关问题:下载的局部区域地形经转换和瓦片分割后得到的地形terrain数据,利用cesium加载展示后,只显示半个地球,另外一半地球透明. 解决方法: 方法1. 当heightmap格式地形数据的全局配置文件为json文

opengl入门学习

OpenGL入门学习说起编程作图,大概还有很多人想起TC的#include <graphics.h>吧? 但是各位是否想过,那些画面绚丽的PC游戏是如何编写出来的?就靠TC那可怜的640*480分辨率.16色来做吗?显然是不行的. 本帖的目的是让大家放弃TC的老旧图形接口,让大家接触一些新事物. OpenGL作为当前主流的图形API之一,它在一些场合具有比DirectX更优越的特性. 1.与C语言紧密结合. OpenGL命令最初就是用C语言函数来进行描述的,对于学习过C语言的人来讲,Open

OpenGL入门学习(转)

OpenGL入门学习 http://www.cppblog.com/doing5552/archive/2009/01/08/71532.html 说起编程作图,大概还有很多人想起TC的#include <graphics.h>吧? 但是各位是否想过,那些画面绚丽的PC游戏是如何编写出来的?就靠TC那可怜的640*480分辨率.16色来做吗?显然是不行的. 本帖的目的是让大家放弃TC的老旧图形接口,让大家接触一些新事物. OpenGL作为当前主流的图形API之一,它在一些场合具有比Direct

OpenGL------三维变换

我们生活在一个三维的世界——如果要观察一个物体,我们可以:1.从不同的位置去观察它.(视图变换)2.移动或者旋转它,当然了,如果它只是计算机里面的物体,我们还可以放大或缩小它.(模型变换)3.如果把物体画下来,我们可以选择:是否需要一种“近大远小”的透视效果.另外,我们可能只希望看到物体的一部分,而不是全部(剪裁).(投影变换)4.我们可能希望把整个看到的图形画下来,但它只占据纸张的一部分,而不是全部.(视口变换)这些,都可以在OpenGL中实现. OpenGL变换实际上是通过矩阵乘法来实现.无

月亮绕着地球转,太阳绕着地球转canvas

热门专题