three按住左键降速动画效果代码
代码语言:html
所属分类:动画
代码描述:three按住左键降速动画效果代码
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<html lang="en">
<head>
<meta charset="UTF-8">
<style>
@import url(https://fonts.googleapis.com/css?family=Open+Sans:800);
#instructions {
position: absolute;
width: 100%;
top: 50%;
margin: auto;
margin-top: 100px;
font-family: 'Open Sans', sans-serif;
color: #fff;
font-size: 1.2em;
text-transform: uppercase;
text-align: center;
}
#world {
background-color: #8cdfd4;
}
body {
background-color: #fff;
overflow: hidden;
}
#credits {
position: absolute;
width: 100%;
margin: auto;
bottom: 0;
margin-bottom: 20px;
font-family: 'Open Sans', sans-serif;
color: #56ac9f;
font-size: 0.7em;
text-transform: uppercase;
text-align: center;
}
#credits a {
color: #56ac9f;
}
</style>
</head>
<body>
<div id="world">
<div id="instructions">
Press and hold<br>to slow down
</div>
<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/three.72.js"></script>
<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/Stats-16.js"></script>
<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/TweenMax.min.js"></script>
<script>
var scene, camera, shadowLight, light, backLight, renderer;
var container,
HEIGHT,
WIDTH,
fieldOfView,
aspectRatio,
nearPlane,
farPlane,
stats,
mouseX = 0,
mouseY = 0,
windowHalfX,
windowHalfY,
distortionAngle = 0,
shakeAngle = 0,
shakeAngle2 = 0,
meteorite, metCore,
wasteArray = [],
frequency = 1,
freqCount = 0,
metShakeSpeed = .1,
metRotateSpeed = .1,
slowMoFactor = 1,
shakeAmp = 3,
colorsBright = ['#a3b509', '#79b68a', '#f4da7e', '#ff8f4e', '#9d797d', '#b91b2a', '#b4885c', '#dd6316', .........完整代码请登录后点击上方下载按钮下载查看
















网友评论0