首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

基于 HTML5 + WebGL 的宇宙 3D 展示系统

:   1.作为科研成果、新发现的载体,做 3D 太空数据可视化呈现,用于向普通民众科普太阳系的构成、各行星组织结构等知识,可置于博物馆大屏、学校大屏,也可用于互联网产品,作为航空航天类网站的门户页、展示页...预览地址: https://www.hightopo.com/demo/solar-system/ 界面简介及效果预览  主题一:太阳系检测系统  本系统主要展示8大行星绕太阳公转轨道、相对位置、星体质量...shape3d.autorotate', false); } } } }); } 效果: 主题二:戴森球星体 3D 拓扑结构 本系统主要展示用户所点选的行星与其它星际物质的相互作用...,也可用于展示行星周围卫星的分布情况,以及展示星体间引力、辐射范围等的拓扑结构。...该功能可用于地形的呈现,也可以用于星体大气层的气象状态展示。 左下角实时监控点位的地质热量、气象流动数据。

69610

基于 HTML5 + WebGL 的宇宙 3D 展示系统

:   1.作为科研成果、新发现的载体,做 3D 太空数据可视化呈现,用于向普通民众科普太阳系的构成、各行星组织结构等知识,可置于博物馆大屏、学校大屏,也可用于互联网产品,作为航空航天类网站的门户页、展示页...本系统主要展示8大行星绕太阳公转轨道、相对位置、星体质量、资源含量等信息。...本系统主要展示用户所点选的行星与其它星际物质的相互作用,也可用于展示行星周围卫星的分布情况,以及展示星体间引力、辐射范围等的拓扑结构。...该功能可用于地形的呈现,也可以用于星体大气层的气象状态展示。 左下角实时监控点位的地质热量、气象流动数据。

1.3K30
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    基于 HTML5 Canvas 的元素周期表展示

    界面展示 整个页面由 HT UI 组件构成,使用 ht.ui.TabLayout 标签页布局组件,进行 23D 界面的分别展示。...拓扑图中展示的 118 个元素,每一个都是 ht.Node 拓扑节点,默认的节点展示是一个小电脑样式,在这里我们通过 setImage 设置节点显示的图片信息,如下图: ?...this.htView.legend.s('2d.visible', true); // 显示类别图例 4 this.htView.addClassification(); // 展示分类...元素类别图例也是一个 ht.Node 节点,同样是绘制的矢量,它从一开始就在图纸中, node.s('2d.visible', false) 设置为不可见,要展示分类时,再设置为 true 显示。...表单面板 右边的表单面板有 6 行,第 2 行为元素周期表展示和轮播展示的单选按钮,来切换展示效果。 ?

    1.8K10

    HTML5html5开篇基础(3)

    在 HTML 中,可以使用

    标签创建表格,并通过 rowspan 和 colspan 属性来合并单元格。

    7010

    HTML5

    四、HTML5 一、什么是 HTML5 1.HTML5 的概念与定义 定义:HTML5 定义了 HTML 标准的最新版本,是对 HTML 的第五次重大修改,号称下一代的 HTML 两个概念: 是一个新版本的...HTML 语言,定义了新的标签、特性和属性 拥有一个强大的技术集,这些技术集是指: HTML5 、CSS3 、javascript, 这也是广义上的 HTML5 2.HTML5 拓展了哪些内容 语义化标签...本地存储 兼容特性 2D、3D 动画、过渡 CSS3 特性 性能与集成 3.HTML5 的现状 绝对多数新的属性,都已经被浏览器所支持,最新版本的浏览器已经开始陆续支持最新的特性, 总的来说:HTML5...已经是大势所趋 二、HTML5 新增标签 1.什么是语义化 2.新增了那些语义化标签 header --- 头部标签 nav --- 导航标签 article --- 内容标签 section...image.png 3.使用语义化标签的注意 语义化标签主要针对搜索引擎 新标签可以使用一次或者多次 在 IE9 浏览器中,需要把语义化标签都转换为块级元素 语义化标签,在移动端支持比较友好, 另外,HTML5

    3.2K20

    HTML5

    1、HTML5是什么? HTML5是超文本标记语言的第五次重大修改,2014年10月29日标准规范制定完成。 HTML5的设计目的是为了在移动设备上支持多媒体。...在SQL数据库中存储数据的通用标准(Web SQL) 2、HTML5有哪些新特性? 2.1 语义特性 HTML5赋予网页更好的意义和结构。...2.2 本地存储特性 基于HTML5开发的网页APP拥有更短的启动时间,更快的联网速度,这些全得益于HTML5 APP Cache,以及本地存储功能。...3、HTML5有哪些变化? HTML5提供了一些新的元素和属性,例如(网站导航块)和。...将内容和展示分离 b 和 i 标签依然保留,但它们的意义已经和之前有所不同,这些标签的意义只是为了将一段文字标识出来,而不是为了为它们设置粗体或斜体式样。

    4.5K50
    领券