threejs实现一个三维城市效果代码
代码语言:html
所属分类:三维
代码描述:threejs实现一个三维城市效果代码
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<style>
:root {
--themeColor: #0072ff;
--secondColor: #00c6ff;
}
* {
margin: 0;
padding: 0;
}
html {
background: var(--themeColor);
background: -webkit-linear-gradient(to left, var(--themeColor) , var(--secondColor));
background: linear-gradient(to left, var(--themeColor), var(--secondColor));
}
body {
font-family: Arial, Helvetica, sans-serif;
}
.loading {
position: fixed;
height: 100%;
width: 100%;
left: 0;
top: 0;
background: #FFFFFF;
}
.loading .content {
height: 330px;
width: 540px;
position: absolute;
top: 50%;
left: 50%;
margin-top: -165px;
margin-left: -270px;
}
.loading .content .banner {
display: inline-block;
width: 540px;
height: 303px;
background: url('//repo.bfw.wiki/bfwrepo/icon/5f7abfbff367a.gif') no-repeat cen.........完整代码请登录后点击上方下载按钮下载查看
网友评论0