就是实现一个球形地图无限无缝放大效果代码

代码语言:html

所属分类:动画

代码描述:就是实现一个球形地图无限无缝放大效果代码

代码标签: 球形 地图 无限 无缝 放大 效果

下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html lang="en" >

<head>

  <meta charset="UTF-8">
  

  
  
<style>
html {
  height: 100%;
}
img {
  display: none;
}
body {
  background: #000;
  overflow: hidden;
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  text-align: center;
}
canvas {
  height: 100%;
  width: 100%;
  margin: auto;
}
</style>




</head>

<body >
  <!-- VertexShader code here -->
<script id="vertexShader" type="x-shader/x-vertex">#version 300 es
precision highp float;
in vec4 vPosition;
void main() {
	gl_Position = vPosition;
}
</script>
<!-- FragmentShader code here -->
<script id="fragmentShader" type="x-shader/x-fragment">#version 300 es
precision highp float;
out vec4 fragColor;
  
uniform vec4 mouse;
uniform vec2 resolution;
uniform float time;

#define R   resolution
#define T   time
#define M   mouse
#define PI  3.14159265359
#define PI2 6.28318530718

#define MAX_DIST    30.00
#define MIN_DIST    0.001
.........完整代码请登录后点击上方下载按钮下载查看

网友评论0