three实现滚动瀑布时间线大事记效果代码
代码语言：html
所属分类：其他
代码描述：three实现滚动瀑布时间线大事记效果代码
下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/modernizr.2.8.3.js"></script>
<link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/css/reset.min.css">
<style>
/* custom styles */
body {
font-family: open-sans, sans-serif;
overflow-x: hidden;
color: white;
background: black;
}
h2, h3 {
position: relative;
text-transform: uppercase;
font-family: open-sans-condensed, sans-serif;
font-size: 3rem;
font-weight: 100;
letter-spacing: .1em;
margin: 0 0 .5rem 0;
text-shadow: 0px 5px 10px rgba(0, 0, 0, 0.5);
}
h3 {
font-size: 1.5rem;
}
a {
text-decoration: none;
font-size: 1.5rem;
font-weight: 500;
}
a:hover {
color: white;
}
ol {
font-size: 3rem;
text-transform: uppercase;
list-style-type: decimal;
}
li {
line-height: 1.5;
}
.slide {
position: relative;
display: flex;
display: -webkit-flex;
-webkit-flex-direction: column;
-webkit-align-items: center;
-webkit-justify-content: center;
-moz-flex-direction: column;
-moz-align-items: center;
-moz-justify-content: center;
width: 100vw;
height: 100vh;
}
figure {
position: relative;
padding: 50px 80px;
width: 400px;
opacity: 0;
-moz-transition: -webkit-clip-path 1s, opacity 0.2s;
-o-transition: -webkit-clip-path 1s, opacity 0.2s;
-webkit-transition: -webkit-clip-path 1s, opacity 0.2s;
transition: -webkit-clip-path 1s, opacity 0.2s;
}
figure canvas {
position: absolute;
top: 0;
-moz-transform: scale(0);
-ms-transform: scale(0);
-webkit-transform: scale(0);
transform: scale(0);
-moz-transition: -webkit-transform 0.5s;
-o-transition: -webkit-transform 0.5s;
-webkit-transition: -webkit-transform 0.5s;
transition: -webkit-transform 0.5s;
}
figure.in {
opacity: 1;
}
figure.in canvas {
-moz-transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1);
}
figure.in figcaption {
opacity: 1;
}
figure.right {
float: right;
}
figure.right canvas {
left: 0;
}
figure.right figcaption {
border-left: 2px solid white;
text-align: left;
}
figure.left {
float: left;
}
figure.left canvas {
right: 0;
}
figure.left figcaption {
border-right: 2px solid white;
text-align: right;
}
figcaption {
position: relative;
padding: 0 10px;
z-index: 1;
text-transform: uppercase;
font-family: open-sans-condensed, sans-serif;
font-size: 1.3rem;
opacity: 0;
-moz-transition: -webkit-clip-path 1s, opacity 1s;
-o-transition: -webkit-clip-path 1s, opacity 1s;
-webkit-transition: -webkit-clip-path 1s, opacity 1s;
transition: -webkit-clip-path 1s, opacity 1s;
}
figcaption p {
line-height: 1.5;
}
.section {
width: 100vw;
height: 100vh;
}
.slide {
-webkit-box-sizing: border-box;
padding: 1rem;
}
#title {
margin: auto;
}
#scroll-btn {
position: fixed;
bottom: 0;
left: 50%;
margin-left: -54px;
opacity: 1;
-moz-transition: opacity 0.2s;
-o-transition: opacity 0.2s;
-webkit-transition: opacity 0.2s;
transition: opacity 0.2s;
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
#scroll-btn.out {
opacity: 0;
}
#ground {
top: 0;
left: 0;
position: fixed;
width: 100%;
height: 100%;
}
#deck {
z-index: 2;
}
</style>
</head>
<body>
<script id="skyVS">
varying vec2 vUv;
varying float time;
uniform float delta;
void main()
{
vUv = uv;
gl_Position = projectionMatrix * modelViewMatrix * vec4(position,1.0);
}
</script>
<script id="skyFS">
#ifdef GL_ES
precision highp float;
#endif
uniform vec2 resolution;
uniform float time;
uniform float delta;
varying vec2 vUv;
void main(void)
{
vec2 position = vUv;
float red = 0.1;
float green = 0.0;
float blue = 0.1;
if (vUv.y < 0.85) {
float offset = 0.1 + (0.85 - vUv.y) * (1.0 + sin(delta * 0.1) * 1.0);
blue = offset;
red = offset;
//blue *= (1.1 + cos(vUv.x + delta * 0.3) * 0.05);
blue *= 1.0 + cos(vUv.x + delta * 0.3) * 0.05;
}
if (vUv.y < 0.8) {
blue += 0.0 + cos(vUv.x + delta * 0.2) * 0.01;
}
vec3 rgb = vec3(red, green, blue);
vec4 color = vec4(rgb, 1.0);
gl_FragColor = color;
}
</script>
<canvas id="ground"></canvas>
<div id="whitepanel"></div>
<div id="deck">
<section id="cover" class="cover slide slide--green" data-x="0" data-y="0" data-z="0">
<h2>the great fall</h2>
<h3>scroll down</h3>
</section>
<section class="section">
<figure class="right">
<figcaption>
<h2>Conflict</h2>
<p>Conflict arises from attempts to control the flow of mana by use of technology or magic between different civilizations.</p>
</figcaption>
</figure>
</section>
<section class="section">
<figure class="left">
<figcaption>
<h2>knights</h2>
<p>An order of knights work to maintain balance of mana in the world to avert disaster, and protect the Mana Tree.</p>
</figcaption>
</figure>
</section>
<section class="section">
<figure class="right">
<figcaption>
<h2>cataclysm</h2>
<p>Hints that a cataclysm may be on the horizon, or has already happened in the past also play a large part in both games.</p>
</figcaption>
</figure>
</section>
<section class="section">
<figure class="left">
<figcaption>
<h2>Disobeying</h2>
<p>Disobeying their Elder's instructions, three boys from the small Potos village trespass into a local waterfall where a treasure is said to be kept.</p>
</figcaption>
</figure>
</section>
<section class="section">
<figure class="right">
<figcaption>
<h2>Randi</h2>
<p>One of the boys, the game's protagonist (named Randi in the original Japanese version), stumbles and falls into the lake, where he finds a rusty sword embedded in a stone.</p>
</figcaption>
</figure>
</section>
<section class="section">
<figure class="left">
<figcaption>
<h2>Sword</h2>
<p>Guided by a disembodied voice, he pulls the sword free, inadvertently unleashing monsters in the surrounding countryside of the village. </p>
</figcaption>
</figure>
</section>
<section class="section">
<figure class="right">
<figcaption>
<h2>Omen</h2>
<p>The villagers interpret the sword's removal as a bad omen and banish the boy from Potos forever. </p>
</figcaption>
</figure>
</section>
<section class="section">
<figure class="left">
<figcaption>
<h2>Jema</h2>
<p>An elderly knight named Jema recognizes the blade as the legendary Mana Sword, and encourages the hero to re-energize it by visiting the eight Mana Temples.</p>
</figcaption>
</figure>
</section>
<section class="section">
<figure class="right">
<figcaption>
<h2>journey</h2>
<p>During his journey, the hero is joined by an amnesiac sprite child and the daughter of a nobleman from Pandora. </p>
</figcaption>
</figure>
</section>
<section class="section">
<figure class="left">
<figcaption>
<h2>Sprite</h2>
<p>The orphaned sprite (named Popoi in the original Japanese version) initially tries to con the hero out of his money, but later accompanies him in hope of recovering his lost memory.</p>
</figcaption>
</figure>
</section>
<section class="section">
<figure class="right">
<figcaption>
<h2>THE Girl</h2>
<p>The girl (named Purimu in the original Japanese version) joins the party in search of her lost love, Dyluck, an officer in Pandora's army who has gone missing.</p>
</figcaption>
</figure>
</section>
</div>
<script src="//use.edgefonts.net/open-sans-condensed:n3,i3,n7;open-sans.js"></script>
<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/jquery.2.11.js"></script>
<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/three.58.js"></script>
<script>
var width = window.innerWidth,
height = window.innerHeight;
var tree3JSON = {
"metadata":
{
"formatVersion": 3.1,
"generatedBy": "Blender 2.66 Exporter",
"vertices": 20,
"faces": 20,
"normals": 20,
"colors": 0,
"uvs": [],
"materials": 1,
"morphTargets": 0,
"bones": 0 },
"scale": 1.000000,
"materials": [{
"DbgColor": 15658734,
"DbgIndex": 0,
"DbgName": "default",
"vertexColors": false },
{
"DbgColor": 15658734,
"DbgIndex": 0,
"DbgName": "default",
"vertexColors": false },
{
"DbgColor": 15658734,
"DbgIndex": 0,
"DbgName": "default",
"vertexColors": false },
{
"DbgColor": 15658734,
"DbgIndex": 0,
"DbgName": "default",
"vertexColors": false }],
"vertices": [-0.384493, 2.15155, 0.450871, -0.450871, 2.04304, -0.450871, 0.450871, 2.04304, -0.450871, 0.450871, 2.04304, 0.450871, 0, 2.94479, -1.28721e-07, -0.903065, 0.131832, 0.991255, -1.02229, 0.303017, -0.904973, 0.971855, 0.305063, -1.03035, 1.09108, 0.297934, 0.865882, 0.0333262, 1.65988, -0.0143675, -0.456714, 1.63861, 0.53556, -0.53556, 1.57575, -0.53556, 0.53556, 1.57575, -0.53556, 0.53556, 1.57575, 0.53556, 0, 2.64687, -1.15699e-07, -0.623452, 0.923065, 0.731083, -0.731083, 0.90026, -0.731083, 0.731083, 0.90026, -0.731083, 0.731083, 0.90026, 0.731083, 0, 2.36243, -1.03265e-07],
"morphTargets": [],
"normals": [-0.647328, -0.26838, 0.71337, -0.684561, -0.363506, -0.631825, 0.654927, -0.376934, -0.654927, 0.652242, -0.369182, 0.661977, 0.000763, 0.999908, -0.011841, -0.620594, -0.356273, 0.698477, -0.724784, -0.265603, -0.63567, 0.640645, -0.259743, -0.722556, 0.730247, -0.270974, 0.627094, -0.015564, 0.999664, 0.020203, -0.638447, -0.318827, 0.700491, -0.683309, -0.355205, -0.637867, 0.658864, -0.363018, -0.658864, 0.657735, -0.359294, 0.661977, -0.007172, 0.999939, -0.003082, -0.631367, -0.352702, 0.690603, -0.682791, -0.348857, -0.641926, 0.661611, -0.352824, -0.661611, 0.661367, -0.351848, 0.662404, -0.012299, 0.999908, 0.002564],
"colors": [],
"uvs": [],
"faces": [35, 0, 1, 2, 3, 0, 0, 1, 2, 3, 34, 1, 0, 4, 0, 1, 0, 4, 34, 4, 2, 1, 0, 4, 2, 1, 34, 4, 3, 2, 0, 4, 3, 2, 34, 4, 0, 3, 0, 4, 0, 3, 35, 5, 6, 7, 8, 1, 5, 6, 7, 8, 34, 6, 5, 9, 1, 6, 5, 9, 34, 9, 7, 6, 1, 9, 7, 6, 34, 9, 8, 7, 1, 9, 8, 7, 34, 9, 5, 8, 1, 9, 5, 8, 35, 10, 11, 12, 13, 2, 10, 11, 12, 13, 34, 11, 10, 14, 2, 11, 10, 14, 34, 14, 12, 11, 2, 14, 12, 11, 34, 14, 13, 12, 2, 14, 13, 12, 34, 14, 10, 13, 2, 14, 10, 13, 35, 15, 16, 17, 18, 3, 15, 16, 17, 18, 34, 16, 15, 19, 3, 16, 15, 19, 34, 19, 17, 16, 3, 19, 17, 16, 34, 19, 18, 17, 3, 19, 18, 17, 34, 19, 15, 18, 3, 19, 15, 18],
"bones": [],
"skinIndices": [],
"skinWeights": [],
"animation": {} };
var tree2JSON = {
"metadata":
{
"formatVersion": 3.1,
"generatedBy": "Blender 2.66 Exporter",
"vertices": 25,
"faces": 25,
"normals": 25,
"colors": 0,
"uvs": [],
"materials": 1,
"morphTargets": 0,
"bones": 0 },
"scale": 1.000000,
"materials": [{
"DbgColor": 15658734,
"DbgIndex": 0,
"DbgName": "default",
"vertexColors": false },
{
"DbgColor": 15658734,
"DbgIndex": 0,
"DbgName": "default",
"vertexColors": false },
{
"DbgColor": 15658734,
"DbgIndex": 0,
"DbgName": "default",
"vertexColors": false },
{
"DbgColor": 15658734,
"DbgIndex": 0,
"DbgName": "default",
"vertexColors": false },
{
"DbgColor": 15658734,
"DbgIndex": 0,
"DbgName": "default",
"vertexColors": false }],
"vertices": [-0.381251, 2.46059, 0.481524, -0.368815, 2.57757, -0.372408, 0.373601, 2.57757, -0.372408, 0.373601, 2.57757, 0.370008, 0.00239308, 3.76995, -0.00120012, -0.335636, 2.00953, 0.543474, -0.494786, 1.99896, -0.437448, 0.419681, 2.02364, -0.540157, 0.552143, 1.98717, 0.382232, 0.00472311, 3.13064, 0.023332, -0.38015, 1.46569, 0.673591, -0.66296, 1.51017, -0.524917, 0.307214, 1.48438, -0.738231, 0.667519, 1.48917, 0.353632, 0.00250664, 2.70949, -0.0278959, -0.513291, 0.894477, 0.77311, -0.853857, 1.10794, -0.427833, 0.411038, 0.980745, -0.809265, 0.769126, 0.939622, 0.391932, 0.102907, 2.45177, -0.0123701, -0.666356, 0.258842, 0.921625, -0.988865, 0.329769, -0.606348, 0.619169, 0.24497, -0.95924, 0.953303, 0.221119, 0.56905, 0.0783232, 2.06883, -0.0116724],
"morphTargets": [],
"normals": [-0.57561, -0.481765, 0.660695, -0.632038, -0.40025, -0.663533, 0.651173, -0.389721, -0.651173, 0.696524, -0.401379, 0.594714, -0.000244, 0.999908, -0.011383, -0.527238, -0.386242, 0.756828, -0.728202, -0.378368, -0.571429, 0.567766, -0.3549, -0.742698, 0.748802, -0.398938, 0.529221, -0.019013, 0.99939, 0.029176, -0.460799, -0.375896, 0.803949, -0.786798, -0.337596, -0.516648, 0.444105, -0.374676, -0.813837, 0.822504, -0.367992, 0.433637, 0.015595, 0.999725, 0.016511, -0.467605, -0.415052, 0.780389, -0.85699, -0.254769, -0.44792, 0.412519, -0.375408, -0.829951, 0.794824, -0.429029, 0.42909, 0.092288, 0.995514, 0.019623, -0.523515, -0.363445, 0.770592, -0.803156, -0.318461, -0.503464, 0.48619, -0.384655, -0.7846, 0.767388, -0.406934, 0.495468, 0.051973, 0.998596, 0.007172],
"colors": [],
"uvs": [],
"faces": [35, 0, 1, 2, 3, 0, 0, 1, 2, 3, 34, 1, 0, 4, 0, 1, 0, 4, 34, 4, 2, 1, 0, 4, 2, 1, 34, 4, 3, 2, 0, 4, 3, 2, 34, 4, 0, 3, 0, 4, 0, 3, 35, 5, 6, 7, 8, 1, 5, 6, 7, 8, 34, 6, 5, 9, 1, 6, 5, 9, 34, 9, 7, 6, 1, 9, 7, 6, 34, 9, 8, 7, 1, 9, 8, 7, 34, 9, 5, 8, 1, 9, 5, 8, 35, 10, 11, 12, 13, 2, 10, 11, 12, 13, 34, 11, 10, 14, 2, 11, 10, 14, 34, 14, 12, 11, 2, 14, 12, 11, 34, 14, 13, 12, 2, 14, 13, 12, 34, 14, 10, 13, 2, 14, 10, 13, 35, 15, 16, 17, 18, 3, 15, 16, 17, 18, 34, 16, 15, 19, 3, 16, 15, 19, 34, 19, 17, 16, 3, 19, 17, 16, 34, 19, 18, 17, 3, 19, 18, 17, 34, 19, 15, 18, 3, 19, 15, 18, 35, 20, 21, 22, 23, 4, 20, 21, 22, 23, 34, 21, 20, 24, 4, 21, 20, 24, 34, 24, 22, 21, 4, 24, 22, 21, 34, 24, 23, 22, 4, 24, 23, 22, 34, 24, 20, 23, 4, 24, 20, 23],
"bones": [],
"skinIndices": [],
"skinWeights": [],
"animation": {} };
var tree1JSON = {
"metadata":
{
"formatVersion": 3.1,
"generatedBy": "Blender 2.66 Exporter",
"vertices": 25,
"faces": 25,
"normals": 25,
"colors": 0,
"uvs": [],
"materials": 1,
"morphTargets": 0,
"bones": 0 },
"scale": 1.000000,
"materials": [{
"DbgColor": 15658734,
"DbgIndex": 0,
"DbgName": "default",
"vertexColors": false },
{
"DbgColor": 15658734,
"DbgIndex": 0,
"DbgName": "default",
"vertexColors": false },
{
"DbgColor": 15658734,
"DbgIndex": 0,
"DbgName": "default",
"vertexColors": false },
{
"DbgColor": 15658734,
"DbgIndex": 0,
"DbgName": "default",
"vertexColors": false },
{
"DbgColor": 15658734,
"DbgIndex": 0,
"DbgName": "default",
"vertexColors": false }],
"vertices": [-0.384493, 2.15155, 0.450871, -0.450871, 2.04304, -0.450871, 0.450871, 2.04304, -0.450871, 0.450871, 2.04304, 0.450871, 0, 2.94479, -1.28721e-07, -0.440028, 1.79487, 0.659569, -0.64158, 1.70484, -0.532317, 0.473414, 1.71002, -0.656506, 0.572686, 1.70061, 0.46373, 0.0344466, 2.50608, 0.0317644, -0.464576, 1.2496, 0.820814, -0.808085, 1.35004, -0.505353, 0.370291, 1.35131, -0.894201, 0.807913, 1.34607, 0.431966, 8.58753e-05, 2.19146, -0.0334176, -0.514008, 0.72839, 0.939779, -0.951392, 0.865516, -0.517962, 0.581622, 0.867154, -0.977926, 1.01901, 0.861444, 0.479815, 0.0339138, 1.95241, -0.0148396, -0.738519, 0.131832, 1.12223, -1.14525, 0.303017, -0.733694, 0.806508, 0.305063, -1.16143, 1.21324, 0.297934, 0.694501, 0.0337269, 1.65988, -0.0143163],
"morphTargets": [],
"normals": [-0.647328, -0.26838, 0.71337, -0.684561, -0.363506, -0.631825, 0.654927, -0.376934, -0.654927, 0.652242, -0.369182, 0.661977, 0.000763, 0.999908, -0.011841, -0.559313, -0.218909, 0.799493, -0.764916, -0.278848, -0.580615, 0.583148, -0.297037, -0.756096, 0.746849, -0.336894, 0.573321, 0.053743, 0.99826, 0.02356, -0.461226, -0.322336, 0.826624, -0.842372, -0.255043, -0.474685, 0.428053, -0.247017, -0.86932, 0.85464, -0.255043, 0.452223, 0.003693, 0.999817, 0.018281, -0.446089, -0.356273, 0.820978, -0.850032, -0.265603, -0.454787, 0.460128, -0.259743, -0.848994, 0.85342, -0.270974, 0.445204, -0.01059, 0.999664, 0.023194, -0.506943, -0.356273, 0.784875, -0.813196, -0.265603, -0.517808, 0.523057, -0.259743, -0.811731, 0.817286, -0.270974, 0.508499, -0.012299, 0.999664, 0.02234],
"colors": [],
"uvs": [],
"faces": [35, 0, 1, 2, 3, 0, 0, 1, 2, 3, 34, 1, 0, 4, 0, 1, 0, 4, 34, 4, 2, 1, 0, 4, 2, 1, 34, 4, 3, 2, 0, 4, 3, 2, 34, 4, 0, 3, 0, 4, 0, 3, 35, 5, 6, 7, 8, 1, 5, 6, 7, 8, 34, 6, 5, 9, 1, 6, 5, 9, 34, 9, 7, 6, 1, 9, 7, 6, 34, 9, 8, 7, 1, 9, 8, 7, 34, 9, 5, 8, 1, 9, 5, 8, 35, 10, 11, 12, 13, 2, 10, 11, 12, 13, 34, 11, 10, 14, 2, 11, 10, 14, 34, 14, 12, 11, 2, 14, 12, 11, 34, 14, 13, 12, 2, 14, 13, 12, 34, 14, 10, 13, 2, 14, 10, 13, 35, 15, 16, 17, 18, 3, 15, 16, 17, 18, 34, 16, 15, 19, 3, 16, 15, 19, 34, 19, 17, 16, 3, 19, 17, 16, 34, 19, 18, 17, 3, 19, 18, 17, 34, 19, 15, 18, 3, 19, 15, 18, 35, 20, 21, 22, 23, 4, 20, 21, 22, 23, 34, 21, 20, 24, 4, 21, 20, 24, 34, 24, 22, 21, 4, 24, 22, 21, 34, 24, 23, 22, 4, 24, 23, 22, 34, 24, 20, 23, 4, 24, 20, 23],
"bones": [],
"skinIndices": [],
"skinWeights": [],
"animation": {} };
var cloud2JSON = {
"metadata":
{
"formatVersion": 3.1,
"generatedBy": "Blender 2.66 Exporter",
"vertices": 23,
"faces": 42,
"normals": 23,
"colors": 0,
"uvs": [],
"materials": 1,
"morphTargets": 0,
"bones": 0 },
"scale": 1.000000,
"materials": [{
"DbgColor": 15658734,
"DbgIndex": 0,
"DbgName": "Material",
"blending": "NormalBlending",
"colorAmbient": [0.6400000190734865, 0.6400000190734865, 0.6400000190734865],
"colorDiffuse": [0.6400000190734865, 0.6400000190734865, 0.6400000190734865],
"colorSpecular": [0.5, 0.5, 0.5],
"depthTest": true,
"depthWrite": true,
"shading": "Lambert",
"specularCoef": 50,
"transparency": 1.0,
"transparent": false,
"vertexColors": false }],
"vertices": [0.264565, 0.190335, 0.23983, -0.407119, 0.282942, 0.292677, -0.399785, 0.337511, -0.300026, 0.268916, 0.190184, -0.234818, 0.207358, 0.456511, 0.298214, -0.199247, 0.406566, 0.294489, -0.150372, 0.469028, -0.297686, 0.199243, 0.509608, -0.294489, -0.210521, 0.172333, -0.33376, -0.216009, 0.172524, 0.264947, 0.341617, 0.371295, 0.181447, 0.346175, 0.408321, -0.175147, 0.536695, 0.167716, 0.0936085, 0.543608, 0.159727, -0.063679, 0.566838, 0.26125, 0.0837765, 0.573751, 0.253262, -0.0735111, -0.443357, 0.339024, -0.00404965, -0.328773, 0.373073, -0.0031145, -0.600928, 0.264937, 0.17272, -0.597605, 0.264821, -0.18982, -0.688149, 0.170952, -0.157842, -0.559727, 0.166492, 0.155074, -0.693294, 0.268144, -0.00941288],
"morphTargets": [],
"normals": [-0.286019, 0.956389, 0.058992, -0.438643, 0.516984, -0.735038, -0.548143, 0.657582, -0.51677, 0.295846, 0.607746, 0.73693, 0.321055, 0.698996, -0.638966, -0.219245, 0.636219, 0.739647, 0.258614, -0.675375, 0.690603, 0.006653, -0.756706, 0.653706, -0.373028, 0.925108, 0.070742, -0.029695, -0.651448, -0.75808, 0.309915, -0.674306, -0.670247, 0.653523, 0.537522, 0.532853, -0.406171, 0.243629, 0.880703, -0.433637, -0.790613, 0.432234, 0.541215, -0.688986, 0.482009, -0.721793, 0.346141, 0.599292, 0.686941, 0.572253, -0.447859, 0.541337, -0.750755, -0.378521, 0.839442, 0.306742, 0.448531, -0.782464, -0.461745, -0.417707, -0.914151, 0.362102, 0.182104, -0.210456, 0.771966, -0.59978, 0.853755, 0.202277, -0.47972],
"colors": [],
"uvs": [],
"faces": [34, 16, 2, 19, 0, 0, 1, 2, 34, 4, 7, 5, 0, 3, 4, 5, 34, 0, 4, 9, 0, 6, 3, 7, 34, 16, 17, 2, 0, 0, 8, 1, 34, 8, 7, 3, 0, 9, 4, 10, 34, 7, 4, 10, 0, 4, 3, 11, 34, 9, 1, 21, 0, 7, 12, 13, 34, 0, 3, 12, 0, 6, 10, 14, 34, 1, 16, 18, 0, 12, 0, 15, 34, 3, 11, 13, 0, 10, 16, 17, 34, 14, 12, 13, 0, 18, 14, 17, 34, 21, 18, 20, 0, 13, 15, 19, 34, 11, 10, 14, 0, 16, 11, 18, 34, 3, 7, 11, 0, 10, 4, 16, 34, 10, 0, 12, 0, 11, 6, 14, 34, 4, 0, 10, 0, 3, 6, 11, 34, 1, 5, 17, 0, 12, 5, 8, 34, 0, 9, 8, 0, 6, 7, 9, 34, 8, 9, 21, 0, 9, 7, 13, 34, 2, 8, 20, 0, 1, 9, 19, 34, 22, 16, 19, 0, 20, 0, 2, 34, 7, 6, 5, 0, 4, 21, 5, 34, 6, 17, 5, 0, 21, 8, 5, 34, 4, 5, 9, 0, 3, 5, 7, 34, 5, 1, 9, 0, 5, 12, 7, 34, 17, 6, 2, 0, 8, 21, 1, 34, 2, 6, 8, 0, 1, 21, 9, 34, 6, 7, 8, 0, 21, 4, 9, 34, 11, 7, 10, 0, 16, 4, 11, 34, 1, 18, 21, 0, 12, 15, 13, 34, 3, 13, 12, 0, 10, 17, 14, 34, 16, 22, 18, 0, 0, 20, 15, 34, 11, 15, 13, 0, 16, 22, 17, 34, 15, 14, 13, 0, 22, 18, 17, 34, 18, 22, 20, 0, 15, 20, 19, 34, 22, 19, 20, 0, 20, 2, 19, 34, 15, 11, 14, 0, 22, 16, 18, 34, 14, 10, 12, 0, 18, 11, 14, 34, 16, 1, 17, 0, 0, 12, 8, 34, 3, 0, 8, 0, 10, 6, 9, 34, 20, 8, 21, 0, 19, 9, 13, 34, 19, 2, 20, 0, 2, 1, 19],
"bones": [],
"skinIndices": [],
"skinWeights": [],
"animation": {} };
var mountainJSON = {
"metadata":
{
"formatVersion": 3.1,
"generatedBy": "Blender 2.66 Exporter",
"vertices": 35,
"faces": 62,
"normals": 33,
"colors": 0,
"uvs": [],
"materials": 1,
"morphTargets": 0,
"bones": 0 },
"scale": 1.000000,
"materials": [{
"DbgColor": 15658734,
"DbgIndex": 0,
"DbgName": "Material",
"blending": "NormalBlending",
"colorAmbient": [0.6400000190734865, 0.6400000190734865, 0.6400000190734865],
"colorDiffuse": [0.6400000190734865, 0.6400000190734865, 0.6400000190734865],
"colorSpecular": [0.5, 0.5, 0.5],
"depthTest": true,
"depthWrite": true,
"shading": "Lambert",
"specularCoef": 50,
"transparency": 1.0,
"transparent": false,
"vertexColors": false },
{
"DbgColor": 15597568,
"DbgIndex": 1,
"DbgName": "Material.001",
"blending": "NormalBlending",
"colorAmbient": [0.6400000190734865, 0.6400000190734865, 0.6400000190734865],
"colorDiffuse": [0.6400000190734865, 0.6400000190734865, 0.6400000190734865],
"colorSpecular": [0.5, 0.5, 0.5],
"depthTest": true,
"depthWrite": true,
"shading": "Lambert",
"specularCoef": 50,
"transparency": 1.0,
"transparent": false,
"vertexColors": false }],
"vertices": [2.17009, 0.153452, -2.17009, 2.17009, 0.153452, 2.17009, -2.1.........完整代码请登录后点击上方下载按钮下载查看
热门代码搜索
其他语言代码库
Html代码库
Python代码库
Java代码库
Php代码库
Phpcli代码库
Golang代码库
C#代码库
Nodejs代码库
C代码库
C++代码库
Sql代码库
R代码库
Rust代码库
Ruby代码库
Dart代码库
Vb代码库
D代码库
F#代码库
Typescript代码库
Coffeescript代码库
Julia代码库
Kotlin代码库
Perl代码库
Groovy代码库
Lua代码库
Vala代码库
Ocaml代码库
Assembly代码库
Objectc代码库
Scala代码库
Erlang代码库
Pascal代码库
Swift代码库
Fortran代码库
Bash代码库
Clojure代码库
Ada代码库
Elixir代码库
Cobol代码库
Haskell代码库
Nim代码库
Racket代码库
Lisp代码库
网友评论0