这是我结合两个程序修改的版本， 其中， 教室出自http://wenku.baidu.com/link?url=T4WNTvbp4IeCklDiGDSYG5Db6TGD1PJbXjS9xgR-Szk1Rxzs6hcPGFdaPc0Lz-QdtqR2ABXW9xZzj4T25EGBHtHfjXBsapZFlJmwlm-1r-K，地球仪出自，我结合了两个程序， 修改成了一个教室里面有一个转动的地球仪。
一.杂谈 搞前端嘛，我想不是那种作业式的或者是什么有着极强的高水准追求，我相信大家大概率也是想搞一个类似一个个人博客，博客功能内容齐全，看起来又有很多??效果的各种交互。我也是其中一个，显然那种看起来非常不错的网页会很吸引我们，时不时电脑里文件夹就会长一些从外面下载的网页。（说实话，随着互联网的发展，前端也逐渐趋于
转载
2024-06-19 09:02:10
127阅读
概述这是一个系列的Android平台下OpenGl ES介绍，从最基本的使用最终到VR图的展示的实现，属于基础篇。（后面针对VR视频会再有几篇文章，属于进阶篇）本篇概述前面的所有文章其实只是一小部分铺垫，从这篇文章开始才真正的进入正题，也就是做一些看起来有意思的事情，最终我们要实现VR图展示。先从一个个的概念起。天空盒、天空穹、天空球和VR天空盒（Sky Box）是放到场景中的一个立方体，经常是由
# 如何实现 HTML5 3D 科技地球
## 引言
在当今的网络应用中，3D 可视化越来愈受到欢迎，特别是应用于地球展示、科学可视化等领域。使用 HTML5 和 WebGL，我们可以轻松创建一个 3D 科技地球的效果。在这篇文章中，我将带你一步一步完成这个项目，适合初学者入门，同时也能让你掌握一些基础的 3D 图形编程知识。
## 流程概览
在开始之前，我们先来看看整个项目的工作流程。以
原创
2024-09-10 04:16:26
297阅读
先建立一个合适尺寸的PSD文档，我是建立画板的，画板便于调整大小。然后拉个大的矩形，填充好颜色（#231f20）做为整个画面的背景。 然后就是做地球。拉个椭圆填充蓝色（#5faac7）放在文档中间。接着做地球上面的大洲，北美洲、南美洲还有小部分的欧洲，都是用钢笔工具描绘出来的，（这步需注意在上面钢笔工具栏那里改成绘制形状，如果是绘制路径上色就不太好。）颜色为6个f(纯白） 。使用钢笔
对以前来讲，3D动画拿到网页上展示是一件非常奢侈的事情，第一是浏览器不够先进，第二是大部分只能用flash实现伪3D。HTML5的出现，让实现网页3D动画变得非常简单，当然前提是你不要再使用像IE678之类的浏览器了。下面精选的几款HTML5 3D动画，希望你会喜欢。1、HTML5 SVG 3D空间模型 可拖拽缩放这是一个基于HTML5和SVG的3D空间模型，这个3D模型提供了x、y、z三个坐标轴
转载
2023-07-24 02:48:58
874阅读
上学那会儿，经常看到老师拿着地球仪给我们上课，当时看着漂亮的转动着的地球仪真想自己也拥有一个。现在这个愿望终于实现了！嘿嘿，不是花钱买，而是使用Flash制作！而且还是一个带有立体感的透明的地球(如图1)，它可以广泛地运用在很多Flash动画中，比如一些网站开头动画和Flash短片中。
图1
[1b]素材准备[/1b]：
1、启动Flash
转载
2023-11-14 19:09:25
91阅读
WebGL是HTML5中的3D技术。WebGL从何而来？目前，主流的3D技术标准包括微软的DirectX和业界广泛使用的OpenGL(Open Graphics Library)/OpenCL。而WebGL正是基于OpenGL ES（OpenGL for Embedded Systems）制定的，浏览器内核通过对Open GL API的封装，实现可以通过调用Javascript（Canvas等）调
转载
2023-10-16 09:43:36
370阅读
three.js是JavaScript编写的WebGL第三方库。提供了非常多的3D显示功能。Three.js 是一款运行在浏览器中的 3D 引擎，你可以用它创建各种三维场景，包括了摄影机、光影、材质等各种对象。文章末尾有Threee.js的下载地址和效果演示地址。首先创建一个HTML文件,引入three.js引擎包.声明全局变量相机:OpenGL(WebGL)中、三维空间中的物体投影到二维空间的方
转载
2023-06-14 15:41:34
708阅读
# 3D HTML5：动手实践与应用
随着 web 技术的迅速发展，3D 图形在浏览器中的应用变得日益普及。HTML5 提供了强大的功能，使我们能够创建交互性和视觉吸引力强的三维图形和动画。在本文中，我们将探讨 3D HTML5 的基本概念，并通过实际代码示例来实现基础 3D 图形，以及用 Mermaid 语法展示甘特图和饼状图的可视化效果。
## 什么是 3D HTML5？
HTML5 是
# Android地球仪开发指南
## 概述
在这篇文章中，我将教你如何开发一个基于Android平台的地球仪应用程序。我们将从头开始，一步一步地实现这个功能。下面是整个开发过程的流程表格：
|步骤|操作|
|---|---|
|1|创建新的Android项目|
|2|引入地球仪相关的库|
|3|设计地球仪界面|
|4|添加地球仪的视图|
|5|加载地球的纹理贴图|
|6|实现地球的旋转动画|
原创
2023-11-29 06:15:33
320阅读
# 如何实现 Android 地球仪
本文将为刚入行的小白开发者详细介绍如何在 Android 中实现一个地球仪。以下是整个流程的步骤展示：
## 实现步骤
| 步骤 | 描述 |
|------|----------------------------|
| 1 | 设置开发环境及依赖库 |
| 2 | 创建 OpenGL
原创
2024-10-18 10:15:03
93阅读
一 概述：HttpWatch强大的网页数据分析工具.集成在Internet Explorer工具栏.包括网页摘要.Cookies管理.缓存管理.消息头发送/接受.字符查询.POST 数据和目录管理功能.报告输出 HttpWatch 是一款能够收集并显示页页深层信息的软件。它不用代理服务器或一些复杂的网络监控工具，就能够在显示网页同时显示网页请求和回应的日志信息。甚至可以显示浏览器缓存和IE之间的交
Turbulenz开发团队宣布开源Turbulenz HTML5游戏引擎，该项目基于MIT许可证。目前项目托管在GitHub上，文档详细介绍了如何建立开发环境以及如何使用Turbulenz Engine API，欢迎查看。 近日，Turbulenz开发团队宣布开源Turbulenz HTML5游戏引擎，该项目基于MIT许可证。目前项目托管在GitHub，详细介绍了如何建立开发环境以及如何使用Tu
转载
2023-12-22 14:29:19
50阅读
今天给大家分享一下如何制作
3D透明立体首先还是说一下原理； 在一个大盒子中包含六个小盒子，每个盒子中放置一张图片，通过我们使用rotate和translate属性，让每一张图片旋转一定的角度，从而使其拼接为一个立方体，最后再使用animation属性让其整体呈现规律性旋转就可以了。 最终效果如下： 话不多说，我们直接开始。1. 添加六张图片<div class="container">
转载
2023-12-03 07:09:02
457阅读
原标题：基于 HTML5 WebGL 的 3D 场景中的灯光效果构建 3D 的场景除了创建模型，对模型设置颜色和贴图外，还需要有灯光的效果才能更逼真的反映真实世界的场景。这个例子我觉得既美观又代表性很强，所以拿出来给大家分享一下。本例地址：http://www.hightopo.com/guide/guide/core/lighting/examples/example_flowing.html例
转载
2024-08-22 19:48:56
75阅读
原标题：玩转 HTML5 下 WebGL 的 3D 模型交并补CSG 构造实体几何这个概念在工业水利水电施工上、游戏上已经有很多人使用了，最简单的实体表示叫作体元，通常是形状简单的物体，如立方体、圆柱体、棱柱、棱锥、球体、圆锥等。根据每个软件包的不同这些体元也有所不同，在一些软件包中可以使用弯曲的物体进行 CSG 处理，在另外一些软件包中则不支持这些功能。构造物体就是将体元根据集合论的布尔逻辑组合
转载
2024-08-11 22:36:36
228阅读
一、2D世界地图 代码 from pyecharts import options as opts from pyecharts.charts import Map from pyecharts.faker import Faker c = ( Map(init_opts=opts.InitOpts
原创
2024-09-26 11:05:11
260阅读
以下是我完成的三个3D模型（内有分析和源代码） 主要是使用： -webkit-perspective:1000px;/透视距/ transform-style: preserve-3d;/指定嵌套元素如何在3D空间中呈现。他主要有两个属性值：flat（就是2D的）和preserve-3d。/ transform对3D模型进行操作；我们首先要准备一个平台作为基准（也就是所有的3D元素的父节点），也就
转载
2023-08-16 21:27:16
272阅读
《数百个 HTML5 例子学习 HT 图形组件 – WebGL 3D 篇》里提到 很多情况下不需要借助 3Ds Max 和 Blender 等专业 3D 建模工具也能做出很多效果，例如 这个 3D 电信机房监控例子整个都是通过 提供的 API 构建而成：不过这个例子中的模型都比较规矩，也就消防栓由一个球 + 圆通构成，其他图形通过
