Skip to content

iot_mobile_login
iot_mobile_login
Commit eaa86fc7 authored by wuhao's avatar wuhao 🎯
Browse files
Options

asder

parents
Show whitespace changes
Inline Side-by-side
Showing with 2547 additions and 0 deletions
.DS_Store 0 → 100644
View file @ eaa86fc7
File added
.gitignore 0 → 100644
View file @ eaa86fc7
.history
\ No newline at end of file
index.html 0 → 100644
View file @ eaa86fc7
<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="UTF-8">
<title>Iot 登录页</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge"><link rel="stylesheet" href="./style.css">
</head>
<body>
<!-- partial:index.partial.html -->
<div class="m-layout cpc-triadic codepenchallenge" id="container">
<canvas id="canvas3d"></canvas>
<div class="m-container m-container--login">
<a class="logo"></a>
<form class="m-form">
<h2 class="m-form_title">
立即登录
</h2>
<div class="m-form_group">
<label class="m-form_label" for="username">用户名</label><input class="m-form_input" id="username" name="username" type="text" value="Brawada" />
</div>
<div class="m-form_group">
<label class="m-form_label" for="password">密码</label><input class="m-form_input" id="password" name="password" type="password" value="Brawada" />
</div>
<div class="m-form_group">
<button class="m-form_btn" type="submit">登录</button>
</div>
<!-- <div class="m-form_link">
<a class="m-form_btn-register">Register</a>
</div> -->
</form>
</div>
</div>
<script>
var SPE = {};
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r121/three.min.js"></script>
<script src="https://cdn.spline.design/lib/anime.min.js"></script>
<script src="https://cdn.spline.design/lib/spline.runtime.min.js"></script>
<!-- partial -->
<script src="./script.js"></script>
</body>
</html>
script.js 0 → 100644
View file @ eaa86fc7
var SPLINE_ASSETS_LIST = { fonts: [], images: [], models: [], animations: [] };
var SPLINE_EXPORTED_SCENE = {
scenes: [{ nodes: [0]}],
nodes: [
{ children: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13] },
{
spe_interaction: 0,
camera: 0,
translation: [0, 0, 1000],
rotation: [0, 0, 0.374606593415912, 0.9271838545667874],
hiddenMatrix: [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1],
visible: true,
uuid: "3246F4AD-E471-4916-BFC7-905B75343A77"
},
{
spe_interaction: 1,
translation: [81, 0, 0],
hiddenMatrix: [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1],
uuid: "90532C84-4C62-417F-A958-73EF9D6CDCDF",
visible: true,
extensions: { KHR_lights_punctual: { light: 0 } }
},
{
mesh: 0,
material: 0,
spe_interaction: 2,
translation: [-61.00000000000007, -259.5000000000005, 19],
rotation: [
-0.5546150517417414,
-0.6661172954441327,
0.2999152864430018,
0.39842278304523693
],
scale: [1, 1, 1],
visible: true,
castShadow: true,
receiveShadow: true,
hiddenMatrix: [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1],
type: "mesh3d",
uuid: "18E54D75-F9E9-476B-A7FC-B72D6D56E871",
spe_cloner_data: {}
},
{
mesh_spe: 0,
material: 1,
spe_interaction: 3,
translation: [168.00000000000026, -90.50000000000033, 24.53260067489464],
rotation: [
0.09660238966001666,
-0.7060995710523401,
-0.10021060291417802,
0.6942976372819173
],
scale: [1, 1, 1],
visible: true,
castShadow: true,
receiveShadow: true,
hiddenMatrix: [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1],
type: "mesh3d",
uuid: "5A122C8F-15EE-45F2-82E0-233CAFBBE419",
spe_cloner_data: {}
},
{
mesh_spe: 1,
material: 2,
spe_interaction: 4,
translation: [
-19.526760019411828,
-252.8769480331752,
-12.916928280520679
],
rotation: [
0.09112651894361411,
-0.9342385227349046,
0.13134866914757104,
0.318813216941338
],
scale: [1, 1, -1],
visible: true,
castShadow: true,
receiveShadow: true,
hiddenMatrix: [
1,
0,
0,
0,
0,
1,
0,
0,
0,
0,
1,
0,
2.526760019411757,
0.8769480331748412,
12.463503133763783,
1
],
type: "mesh3d",
uuid: "6B566309-3B26-4463-8BA2-E82C2F3D4FD7",
spe_cloner_data: {}
},
{
mesh_spe: 2,
material: 3,
spe_interaction: 5,
translation: [118.75203403700093, -207.80665238033086, -7.75940824688746],
rotation: [
-0.673172614167815,
-0.148540519319919,
0.5520524976564151,
0.4690547787689116
],
scale: [1, 1, 1],
visible: true,
castShadow: true,
receiveShadow: true,
hiddenMatrix: [
1,
0,
0,
0,
0,
1,
0,
0,
0,
0,
1,
0,
-6.418700703668314,
-0.4299989517780034,
-59.32218024628145,
1
],
type: "mesh3d",
uuid: "5189B354-19E5-46A9-9A39-D070D755C635",
spe_cloner_data: {}
},
{
mesh_spe: 3,
material: 4,
spe_interaction: 6,
translation: [76.82258445295102, -232.24079612630064, -8.51899024497795],
rotation: [
0.7361753144510239,
-0.33038194571228513,
0.2445855576737057,
0.5376537745777881
],
scale: [1, 1, 1],
visible: true,
castShadow: true,
receiveShadow: true,
hiddenMatrix: [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1],
type: "mesh3d",
uuid: "D272366C-20BE-4890-AEA4-84AB7C10D905",
spe_cloner_data: {}
},
{
mesh_spe: 4,
material: 5,
spe_interaction: 7,
translation: [168.5671689660208, 149.88623780664392, -9.628995184333165],
rotation: [
0.2408522361383696,
0.08362365241270707,
0.87653005214905,
0.40827974819220414
],
scale: [1, 1, 1],
visible: true,
castShadow: true,
receiveShadow: true,
hiddenMatrix: [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1],
type: "mesh3d",
uuid: "1C8B89AC-B80A-4946-8DF9-836D4C18B60D",
spe_cloner_data: {}
},
{
mesh_spe: 5,
material: 6,
spe_interaction: 8,
translation: [81.4732399805883, 212.12305196682547, -13.768071375973832],
rotation: [
0.5501394383803087,
0.5760025170565773,
-0.6028795462089981,
-0.04586885049702685
],
scale: [1, 1, -1],
visible: true,
castShadow: true,
receiveShadow: true,
hiddenMatrix: [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1],
type: "mesh3d",
uuid: "6F67592E-3947-4A44-843F-66C8F1910074",
spe_cloner: true,
spe_cloner_data: {
parameters: {
type: "radial",
hideBase: false,
count: 0,
ra_radius: 43,
ra_startAngle: 0,
ra_endAngle: 360,
ra_align: false,
ra_axis: "z",
ra_scale: [0, 0, 0],
ra_rotation: [0, 0, 0, "XYZ"],
ra_position: [0, 0, 0],
li_scale: [0, 0, 0],
li_rotation: [0, 0, 0, "XYZ"],
li_position: [33, 0, 0],
gr_count: [2, 2, 2],
gr_size: [33, 33, 33],
gr_fromCenter: true
}
}
},
{
mesh_spe: 6,
material: 7,
spe_interaction: 9,
translation: [124.27218413221061, 196.8203468454102, 3.103696417616945],
rotation: [
0.4282116225348179,
-0.7582854008413104,
0.45352947415012484,
0.18960240840807738
],
scale: [1, 1, 1],
visible: true,
castShadow: true,
receiveShadow: true,
hiddenMatrix: [
1,
0,
0,
0,
0,
1,
0,
0,
0,
0,
1,
0,
6.500000000000057,
-8.539388020833186,
-75.05744477832016,
1
],
type: "mesh3d",
uuid: "A1B96647-7BBA-4322-AC6E-AA53E8ABCF85",
spe_cloner_data: {}
},
{
mesh_spe: 7,
material: 8,
spe_interaction: 10,
translation: [137.37132673436577, -171.5739647577374, -0.292124578190851],
rotation: [
0.7447358967953716,
-0.6348764335790748,
0.20525809993761285,
-0.013018084356360413
],
scale: [1, 1, 1],
visible: true,
castShadow: true,
receiveShadow: true,
hiddenMatrix: [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1],
type: "mesh3d",
uuid: "159776C4-48FF-4247-BE14-92BC858D8D39",
spe_cloner_data: {}
},
{
spe_interaction: 11,
camera: 1,
translation: [0, 6.123233995736766e-14, 1000],
rotation: [-3.061616997868383e-17, 0, 0, 1],
hiddenMatrix: [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1],
visible: true,
uuid: "21EE38D3-7D2A-416F-8753-2B1F8B4F9BB6",
children: [14]
},
{ visible: true, extensions: { KHR_lights_punctual: { light: 1 } } },
{
spe_interaction: null,
translation: [850000, 1300000, 1000000],
rotation: [0, 0, 0.5, 0],
hiddenMatrix: [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1],
uuid: "A1AA57B6-6394-4EC0-8CF2-2B704ECD6117",
visible: true,
extensions: { KHR_lights_punctual: { light: 2 } }
}
],
meshes: [
{
primitives: [{ attributes: { POSITION: 0, NORMAL: 1, UV: 2 } }],
parameters: { width: 20, height: 20, depth: 20 }
}
],
meshes_spe: [
{
type: "IcosahedronGeometry",
parameters: { width: 40, height: 40, depth: 40, detail: 0 }
},
{
type: "IcosahedronGeometry",
parameters: { width: 30, height: 30, depth: 30, detail: 0 }
},
{
type: "IcosahedronGeometry",
parameters: { width: 30, height: 30, depth: 30, detail: 0 }
},
{
type: "IcosahedronGeometry",
parameters: { width: 30, height: 30, depth: 30, detail: 0 }
},
{
type: "IcosahedronGeometry",
parameters: { width: 30, height: 30, depth: 30, detail: 0 }
},
{
type: "IcosahedronGeometry",
parameters: { width: 30, height: 30, depth: 30, detail: 0 }
},
{
type: "IcosahedronGeometry",
parameters: { width: 70, height: 70, depth: 70, detail: 0 }
},
{
type: "IcosahedronGeometry",
parameters: { width: 70, height: 70, depth: 70, detail: 0 }
}
],
materials: [
{
material_0_Phong: {
extensions: {
KHR_materials_common: {
technique: "PHONG",
values: {
ambient: [
0.34901960784313724,
0.34901960784313724,
0.34901960784313724
],
diffuse: [
0.34901960784313724,
0.34901960784313724,
0.34901960784313724
],
specular: [
0.06666666666666667,
0.06666666666666667,
0.06666666666666667
],
shininess: 30,
emission: [0, 0, 0],
transparent: true,
transparency: 1
}
}
},
spe_options: {
side: 0,
wireframe: false,
flatShading: false,
visible: true
},
spe_layers: [
{
type: "gradient",
uniforms: {
alpha: { name: "alpha", value: 1, type: 1 },
mode: { name: "mode", value: 0, type: 1 },
gl_type: { name: "gl_type", value: 0, type: 1 },
num: { name: "num", value: 3, type: 1 },
smooth: { name: "smooth", value: false, type: 0 },
colors: {
name: "colors",
value: [
0,
1,
0.9882352941176471,
1,
0.5263157894736842,
1,
0.9944272445820433,
1,
0.9882352941176471,
0,
1,
1,
0,
0,
0,
1,
0,
0,
0,
1,
0,
0,
0,
1,
0,
0,
0,
1,
0,
0,
0,
1,
0,
0,
0,
1,
0,
0,
0,
1
],
type: 11
},
steps: {
name: "steps",
value: [0, 0.5263, 1, 1, 1, 1, 1, 1, 1, 1],
type: 7
},
offset: { name: "offset", value: [0, 0], type: 3 },
morph: { name: "morph", value: [0, 0], type: 3 },
angle: { name: "angle", value: 0, type: 1 }
}
},
{
type: "light",
uniforms: {
alpha: { name: "alpha", value: 1, type: 1 },
mode: { name: "mode", value: 0, type: 1 }
}
}
]
}
},
{
material_1_Phong: {
extensions: {
KHR_materials_common: {
technique: "PHONG",
values: {
ambient: [
0.11372549019607843,
0.1568627450980392,
0.21568627450980393
],
diffuse: [
0.11372549019607843,
0.1568627450980392,
0.21568627450980393
],
specular: [
0.06666666666666667,
0.06666666666666667,
0.06666666666666667
],
shininess: 30,
emission: [0, 0, 0],
transparent: true,
transparency: 1
}
}
},
spe_options: {
side: 0,
wireframe: false,
flatShading: false,
visible: true
},
spe_layers: [
{
type: "color",
uniforms: {
alpha: { name: "alpha", value: 1, type: 1 },
mode: { name: "mode", value: 0, type: 1 },
color: { name: "color", value: 1910839, type: 6 }
}
},
{
type: "light",
uniforms: {
alpha: { name: "alpha", value: 1, type: 1 },
mode: { name: "mode", value: 0, type: 1 }
}
}
]
}
},
{
material_2_Phong: {
extensions: {
KHR_materials_common: {
technique: "PHONG",
values: {
ambient: [
0.34901960784313724,
0.34901960784313724,
0.34901960784313724
],
diffuse: [
0.34901960784313724,
0.34901960784313724,
0.34901960784313724
],
specular: [
0.06666666666666667,
0.06666666666666667,
0.06666666666666667
],
shininess: 30,
emission: [0, 0, 0],
transparent: true,
transparency: 1
}
}
},
spe_options: {
side: 0,
wireframe: false,
flatShading: false,
visible: true
},
spe_layers: [
{
type: "color",
uniforms: {
alpha: { name: "alpha", value: 1, type: 1 },
mode: { name: "mode", value: 0, type: 1 },
color: { name: "color", value: 1910839, type: 6 }
}
},
{
type: "light",
uniforms: {
alpha: { name: "alpha", value: 1, type: 1 },
mode: { name: "mode", value: 0, type: 1 }
}
}
]
}
},
{
material_3_Phong: {
extensions: {
KHR_materials_common: {
technique: "PHONG",
values: {
ambient: [
0.34901960784313724,
0.34901960784313724,
0.34901960784313724
],
diffuse: [
0.34901960784313724,
0.34901960784313724,
0.34901960784313724
],
specular: [
0.06666666666666667,
0.06666666666666667,
0.06666666666666667
],
shininess: 30,
emission: [0, 0, 0],
transparent: true,
transparency: 1
}
}
},
spe_options: {
side: 0,
wireframe: false,
flatShading: false,
visible: true
},
spe_layers: [
{
type: "gradient",
uniforms: {
alpha: { name: "alpha", value: 1, type: 1 },
mode: { name: "mode", value: 0, type: 1 },
gl_type: { name: "gl_type", value: 0, type: 1 },
num: { name: "num", value: 3, type: 1 },
smooth: { name: "smooth", value: false, type: 0 },
colors: {
name: "colors",
value: [
0,
1,
0.9882352941176471,
1,
0.9882352941176471,
0,
1,
1,
1,
0.9882352941176471,
0,
1,
0,
0,
0,
1,
0,
0,
0,
1,
0,
0,
0,
1,
0,
0,
0,
1,
0,
0,
0,
1,
0,
0,
0,
1,
0,
0,
0,
1
],
type: 11
},
steps: {
name: "steps",
value: [0, 0.5188, 1, 1, 1, 1, 1, 1, 1, 1],
type: 7
},
offset: { name: "offset", value: [0, 0], type: 3 },
morph: { name: "morph", value: [0, 0], type: 3 },
angle: { name: "angle", value: 0, type: 1 }
}
},
{
type: "light",
uniforms: {
alpha: { name: "alpha", value: 1, type: 1 },
mode: { name: "mode", value: 0, type: 1 }
}
}
]
}
},
{
material_4_Phong: {
extensions: {
KHR_materials_common: {
technique: "PHONG",
values: {
ambient: [
0.34901960784313724,
0.34901960784313724,
0.34901960784313724
],
diffuse: [
0.34901960784313724,
0.34901960784313724,
0.34901960784313724
],
specular: [
0.06666666666666667,
0.06666666666666667,
0.06666666666666667
],
shininess: 30,
emission: [0, 0, 0],
transparent: true,
transparency: 1
}
}
},
spe_options: {
side: 0,
wireframe: false,
flatShading: false,
visible: true
},
spe_layers: [
{
type: "color",
uniforms: {
alpha: { name: "alpha", value: 1, type: 1 },
mode: { name: "mode", value: 0, type: 1 },
color: { name: "color", value: 1910839, type: 6 }
}
},
{
type: "light",
uniforms: {
alpha: { name: "alpha", value: 1, type: 1 },
mode: { name: "mode", value: 0, type: 1 }
}
}
]
}
},
{
material_5_Phong: {
extensions: {
KHR_materials_common: {
technique: "PHONG",
values: {
ambient: [
0.34901960784313724,
0.34901960784313724,
0.34901960784313724
],
diffuse: [
0.34901960784313724,
0.34901960784313724,
0.34901960784313724
],
specular: [
0.06666666666666667,
0.06666666666666667,
0.06666666666666667
],
shininess: 30,
emission: [0, 0, 0],
transparent: true,
transparency: 1
}
}
},
spe_options: {
side: 0,
wireframe: false,
flatShading: false,
visible: true
},
spe_layers: [
{
type: "gradient",
uniforms: {
alpha: { name: "alpha", value: 1, type: 1 },
mode: { name: "mode", value: 0, type: 1 },
gl_type: { name: "gl_type", value: 0, type: 1 },
num: { name: "num", value: 3, type: 1 },
smooth: { name: "smooth", value: false, type: 0 },
colors: {
name: "colors",
value: [
0,
1,
0.9882352941176471,
1,
0.9882352941176471,
0,
1,
1,
1,
0.9882352941176471,
0,
1,
0,
0,
0,
1,
0,
0,
0,
1,
0,
0,
0,
1,
0,
0,
0,
1,
0,
0,
0,
1,
0,
0,
0,
1,
0,
0,
0,
1
],
type: 11
},
steps: {
name: "steps",
value: [0, 0.5188, 1, 1, 1, 1, 1, 1, 1, 1],
type: 7
},
offset: { name: "offset", value: [0, 0], type: 3 },
morph: { name: "morph", value: [0, 0], type: 3 },
angle: { name: "angle", value: 0, type: 1 }
}
},
{
type: "light",
uniforms: {
alpha: { name: "alpha", value: 1, type: 1 },
mode: { name: "mode", value: 0, type: 1 }
}
}
]
}
},
{
material_6_Phong: {
extensions: {
KHR_materials_common: {
technique: "PHONG",
values: {
ambient: [
0.34901960784313724,
0.34901960784313724,
0.34901960784313724
],
diffuse: [
0.34901960784313724,
0.34901960784313724,
0.34901960784313724
],
specular: [
0.06666666666666667,
0.06666666666666667,
0.06666666666666667
],
shininess: 30,
emission: [0, 0, 0],
transparent: true,
transparency: 1
}
}
},
spe_options: {
side: 0,
wireframe: false,
flatShading: false,
visible: true
},
spe_layers: [
{
type: "color",
uniforms: {
alpha: { name: "alpha", value: 1, type: 1 },
mode: { name: "mode", value: 0, type: 1 },
color: { name: "color", value: 1910839, type: 6 }
}
},
{
type: "light",
uniforms: {
alpha: { name: "alpha", value: 1, type: 1 },
mode: { name: "mode", value: 0, type: 1 }
}
}
]
}
},
{
material_7_Phong: {
extensions: {
KHR_materials_common: {
technique: "PHONG",
values: {
ambient: [
0.34901960784313724,
0.34901960784313724,
0.34901960784313724
],
diffuse: [
0.34901960784313724,
0.34901960784313724,
0.34901960784313724
],
specular: [
0.06666666666666667,
0.06666666666666667,
0.06666666666666667
],
shininess: 30,
emission: [0, 0, 0],
transparent: true,
transparency: 1
}
}
},
spe_options: {
side: 0,
wireframe: false,
flatShading: false,
visible: true
},
spe_layers: [
{
type: "color",
uniforms: {
alpha: { name: "alpha", value: 1, type: 1 },
mode: { name: "mode", value: 0, type: 1 },
color: { name: "color", value: 1910839, type: 6 }
}
},
{
type: "light",
uniforms: {
alpha: { name: "alpha", value: 1, type: 1 },
mode: { name: "mode", value: 0, type: 1 }
}
}
]
}
},
{
material_8_Phong: {
extensions: {
KHR_materials_common: {
technique: "PHONG",
values: {
ambient: [
0.34901960784313724,
0.34901960784313724,
0.34901960784313724
],
diffuse: [
0.34901960784313724,
0.34901960784313724,
0.34901960784313724
],
specular: [
0.06666666666666667,
0.06666666666666667,
0.06666666666666667
],
shininess: 30,
emission: [0, 0, 0],
transparent: true,
transparency: 1
}
}
},
spe_options: {
side: 0,
wireframe: false,
flatShading: false,
visible: true
},
spe_layers: [
{
type: "color",
uniforms: {
alpha: { name: "alpha", value: 1, type: 1 },
mode: { name: "mode", value: 0, type: 1 },
color: { name: "color", value: 1910839, type: 6 }
}
},
{
type: "light",
uniforms: {
alpha: { name: "alpha", value: 1, type: 1 },
mode: { name: "mode", value: 0, type: 1 }
}
}
]
}
}
],
cameras: [
{
type: "Orthographic",
orthographic: { xmag: 375, ymag: 667, zfar: 50000, znear: 50 },
spe_options: { zoom: 1 }
},
{
type: "Orthographic",
orthographic: { xmag: 375, ymag: 667, zfar: 50000, znear: -50000 },
spe_options: { zoom: 1 }
}
],
buffers: [
{
uri:
"data:application/octet-stream;base64,AAAAALtdZECzdxVBicC4QInAuECJwLhAicC4wInAuECJwLhAicC4QInAuECJwLhAu11kQLN3FUEAAAAAicC4wInAuECJwLhAu11kQLN3FUEAAAAAu11kwLN3FUEAAAAAicC4wInAuECJwLhAs3cVQQAAAAC7XWRAs3cVQQAAAAC7XWTAicC4QInAuECJwLhAs3cVQQAAAAC7XWTAicC4QInAuECJwLjAicC4QInAuECJwLhAicC4QInAuECJwLjAu11kQLN3FUEAAAAAicC4QInAuECJwLhAicC4QInAuMCJwLjAAAAAALtdZMCzdxXBs3cVQQAAAAC7XWTAAAAAALtdZMCzdxXBAAAAALtdZECzdxXBs3cVQQAAAAC7XWTAAAAAALtdZECzdxXBicC4QInAuECJwLjAs3cVQQAAAAC7XWTAicC4wInAuMCJwLjAs3cVwQAAAAC7XWTAAAAAALtdZMCzdxXBs3cVwQAAAAC7XWTAicC4wInAuECJwLjAAAAAALtdZMCzdxXBicC4wInAuECJwLjAAAAAALtdZECzdxXBAAAAALtdZMCzdxXBu11kwLN3FcEAAAAAicC4wInAuMCJwLhAicC4wInAuMCJwLjAicC4wInAuMCJwLhAs3cVwQAAAAC7XWRAicC4wInAuMCJwLjAs3cVwQAAAAC7XWRAs3cVwQAAAAC7XWTAicC4wInAuMCJwLjAAAAAALtdZECzdxXBicC4wInAuECJwLjAicC4QInAuECJwLjAicC4wInAuECJwLjAu11kwLN3FUEAAAAAicC4QInAuECJwLjAu11kwLN3FUEAAAAAu11kQLN3FUEAAAAAicC4QInAuECJwLjAs3cVwQAAAAC7XWTAs3cVwQAAAAC7XWRAicC4wInAuECJwLjAs3cVwQAAAAC7XWRAicC4wInAuECJwLhAicC4wInAuECJwLjAicC4wInAuECJwLhAu11kwLN3FUEAAAAAicC4wInAuECJwLjAicC4wInAuMCJwLhAAAAAALtdZMCzdxVBs3cVwQAAAAC7XWRAAAAAALtdZMCzdxVBAAAAALtdZECzdxVBs3cVwQAAAAC7XWRAAAAAALtdZECzdxVBicC4wInAuECJwLhAs3cVwQAAAAC7XWRAu11kQLN3FcEAAAAAu11kwLN3FcEAAAAAicC4QInAuMCJwLjA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",
byteLength: 3456
}
],
bufferViews: [{ buffer: 0, byteOffset: 0, byteLength: 3456, target: 34962 }],
accessors: [
{
bufferView: 0,
byteOffset: 0,
componentType: 5126,
count: 108,
type: "VEC3"
},
{
bufferView: 0,
byteOffset: 1296,
componentType: 5126,
count: 108,
type: "VEC3"
},
{
bufferView: 0,
byteOffset: 2592,
componentType: 5126,
count: 108,
type: "VEC2"
}
],
extensions: {
KHR_lights_punctual: {
lights: [
{
type: "point",
name: "Point Light",
color: [1, 1, 1],
intensity: 2,
range: 10000,
decay: 1,
shadows: {
castShadow: false,
shadowmapViewNear: 100,
shadowmapViewFar: 2500
}
},
{
type: "hemispheric",
name: "Default Ambient Light",
color: [0.8274509803921568, 0.8274509803921568, 0.8274509803921568],
intensity: 0.75
},
{
type: "directional",
name: "Default Directional Light",
color: [1, 1, 1],
intensity: 0.75,
shadows: {
castShadow: false,
shadowmapViewRight: 5,
shadowmapViewLeft: -5,
shadowmapViewTop: 5,
shadowmapViewBottom: -5,
shadowmapViewNear: 0.5,
shadowmapViewFar: 500
}
}
]
}
},
spline: {
interactions: [
{
uuid: "7CAAB518-C207-488A-B8C7-C62E96B5D06F",
selectedState: 1,
states: [
"784E1EB4-8123-4626-9837-141E6C98080E",
"13291C9A-D335-4D7D-BE03-8A5892C6F06C"
],
events: [
{
type: 2,
ui: { isCollapsed: false },
targets: [
{
easing: 4,
duration: 5000,
delay: 0,
cubicControls: [0.5, 0.05, 0.1, 0.3],
springParameters: {
mass: 1,
stiffness: 80,
damping: 10,
velocity: 0
},
repeat: true,
cycle: true,
rewind: true,
object: "3246F4AD-E471-4916-BFC7-905B75343A77",
state: "13291C9A-D335-4D7D-BE03-8A5892C6F06C"
}
]
}
]
},
{
uuid: "ABAB46E3-2D17-4AEC-8AB9-44CA045AA824",
selectedState: 1,
states: [
"3E2CAD1F-E0AE-492C-959A-2159700511CD",
"9F5C1AC4-3A8D-4994-8C70-42365B40F98F"
],
events: [
{
type: 0,
ui: { isCollapsed: false },
targets: [
{
easing: 4,
duration: 1000,
delay: 0,
cubicControls: [0.5, 0.05, 0.1, 0.3],
springParameters: {
mass: 1,
stiffness: 80,
damping: 10,
velocity: 0
},
repeat: true,
cycle: true,
rewind: true,
object: "90532C84-4C62-417F-A958-73EF9D6CDCDF",
state: "9F5C1AC4-3A8D-4994-8C70-42365B40F98F"
}
]
}
]
},
{
uuid: "505F8FF4-F577-487F-A188-6BFA4A219520",
selectedState: 1,
states: [
"9F15E1ED-FCFA-43D5-A063-5088A9878688",
"5334D62A-66B3-4A11-AF35-B2C36A679067"
],
events: [
{
type: 7,
ui: { isCollapsed: false },
targets: [
{
easing: 4,
duration: 6000,
delay: 0,
cubicControls: [0.5, 0.05, 0.1, 0.3],
springParameters: {
mass: 1,
stiffness: 80,
damping: 10,
velocity: 0
},
repeat: true,
cycle: true,
rewind: true,
object: "18E54D75-F9E9-476B-A7FC-B72D6D56E871",
state: "5334D62A-66B3-4A11-AF35-B2C36A679067"
}
]
}
]
},
{
uuid: "EDDCD052-9B6D-4885-A702-0784DD5F00EE",
selectedState: 1,
states: [
"9B40176F-BA2E-414B-B56A-195E4A7ABC30",
"8072262E-12CB-4697-9632-4892E2C96CF4"
],
events: [
{
type: 7,
ui: { isCollapsed: false },
targets: [
{
easing: 4,
duration: 4000,
delay: 1000,
cubicControls: [0.5, 0.05, 0.1, 0.3],
springParameters: {
mass: 1,
stiffness: 80,
damping: 10,
velocity: 0
},
repeat: true,
cycle: true,
rewind: true,
object: "5A122C8F-15EE-45F2-82E0-233CAFBBE419",
state: "8072262E-12CB-4697-9632-4892E2C96CF4"
}
]
}
]
},
{
uuid: "EF2A4A8C-28F6-484F-87BC-99C0AF84BFD7",
selectedState: 1,
states: [
"95CCEC20-B33E-4DE3-82A6-D5E27BCACA3C",
"BAF31A03-BA90-4B62-B895-DC9D72ADE846"
],
events: [
{
type: 7,
ui: { isCollapsed: false },
targets: [
{
easing: 4,
duration: 6000,
delay: 1000,
cubicControls: [0.5, 0.05, 0.1, 0.3],
springParameters: {
mass: 1,
stiffness: 80,
damping: 10,
velocity: 0
},
repeat: true,
cycle: true,
rewind: true,
object: "6B566309-3B26-4463-8BA2-E82C2F3D4FD7",
state: "BAF31A03-BA90-4B62-B895-DC9D72ADE846"
}
]
}
]
},
{
uuid: "5DDB5EEA-ADB1-4F18-8B22-7033C8980A4F",
selectedState: 1,
states: [
"09BA63A1-B85D-4E40-9E1A-4AEEA5848FFD",
"FEE729EC-D01F-4AF9-8ADF-C0F0E37C6478"
],
events: [
{
type: 7,
ui: { isCollapsed: false },
targets: [
{
easing: 4,
duration: 3000,
delay: 0,
cubicControls: [0.5, 0.05, 0.1, 0.3],
springParameters: {
mass: 1,
stiffness: 80,
damping: 10,
velocity: 0
},
repeat: true,
cycle: true,
rewind: true,
object: "5189B354-19E5-46A9-9A39-D070D755C635",
state: "FEE729EC-D01F-4AF9-8ADF-C0F0E37C6478"
}
]
}
]
},
{
uuid: "9C3F6060-B818-4139-8A05-689CAA7E0EF0",
selectedState: 1,
states: [
"541A5FA4-61D6-43B6-8E60-2055AD87F435",
"DD73C88F-E510-4BC9-A827-459231A12A99"
],
events: [
{
type: 7,
ui: { isCollapsed: false },
targets: [
{
easing: 4,
duration: 4000,
delay: 0,
cubicControls: [0.5, 0.05, 0.1, 0.3],
springParameters: {
mass: 1,
stiffness: 80,
damping: 10,
velocity: 0
},
repeat: true,
cycle: true,
rewind: false,
object: "D272366C-20BE-4890-AEA4-84AB7C10D905",
state: "DD73C88F-E510-4BC9-A827-459231A12A99"
}
]
}
]
},
{
uuid: "71B711D9-5C3D-427A-A8B0-4DB7992D3A01",
selectedState: 1,
states: [
"BD08FA2C-7F01-4398-A9BE-24E1CF543D1E",
"457E4BDC-8239-4903-9F43-BA10689EF927"
],
events: [
{
type: 7,
ui: { isCollapsed: false },
targets: [
{
easing: 4,
duration: 4000,
delay: 1000,
cubicControls: [0.5, 0.05, 0.1, 0.3],
springParameters: {
mass: 1,
stiffness: 80,
damping: 10,
velocity: 0
},
repeat: true,
cycle: true,
rewind: true,
object: "1C8B89AC-B80A-4946-8DF9-836D4C18B60D",
state: "457E4BDC-8239-4903-9F43-BA10689EF927"
}
]
}
]
},
{
uuid: "AA81CB69-3499-4587-990E-1EC341D48065",
selectedState: 1,
states: [
"BDF4A134-89E4-4FFA-AE14-4199429D6CC2",
"92C98A39-98F9-428B-98F8-D3BEFB26DA48"
],
events: [
{
type: 7,
ui: { isCollapsed: false },
targets: [
{
easing: 4,
duration: 4000,
delay: 1000,
cubicControls: [0.5, 0.05, 0.1, 0.3],
springParameters: {
mass: 1,
stiffness: 80,
damping: 10,
velocity: 0
},
repeat: true,
cycle: true,
rewind: true,
object: "6F67592E-3947-4A44-843F-66C8F1910074",
state: "92C98A39-98F9-428B-98F8-D3BEFB26DA48"
}
]
}
]
},
{
uuid: "632637E4-01C4-4161-8C90-4BA39ADE358F",
selectedState: 1,
states: [
"4D539BBE-3515-4766-ADA0-BBCF6538819A",
"9DBA301A-88ED-4E44-B1D8-19066D700774"
],
events: [
{
type: 7,
ui: { isCollapsed: false },
targets: [
{
easing: 4,
duration: 5000,
delay: 0,
cubicControls: [0.5, 0.05, 0.1, 0.3],
springParameters: {
mass: 1,
stiffness: 80,
damping: 10,
velocity: 0
},
repeat: true,
cycle: true,
rewind: true,
object: "A1B96647-7BBA-4322-AC6E-AA53E8ABCF85",
state: "9DBA301A-88ED-4E44-B1D8-19066D700774"
}
]
}
]
},
{
uuid: "8A5293C0-50F7-4E51-9278-F7D862716B38",
selectedState: 1,
states: [
"0952DC62-85D8-44D5-9B53-EA3A537B0645",
"80B790BF-3CEC-4BE4-B0EC-5743560D4B0C"
],
events: [
{
type: 7,
ui: { isCollapsed: false },
targets: [
{
easing: 4,
duration: 6000,
delay: 0,
cubicControls: [0.5, 0.05, 0.1, 0.3],
springParameters: {
mass: 1,
stiffness: 80,
damping: 10,
velocity: 0
},
repeat: true,
cycle: true,
rewind: true,
object: "159776C4-48FF-4247-BE14-92BC858D8D39",
state: "80B790BF-3CEC-4BE4-B0EC-5743560D4B0C"
}
]
}
]
},
{ uuid: "AA8709DD-D63C-492B-8677-4F75C93313BB" }
],
interactionStates: {
"784E1EB4-8123-4626-9837-141E6C98080E": {
uuid: "784E1EB4-8123-4626-9837-141E6C98080E",
name: "Base State",
position: [0, 0, 1000],
rotation: [0, 0, 0, "XYZ"],
scale: [1, 1, 1],
hiddenMatrix: [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1],
camera: { zoomPersp: 1, zoomOrtho: 1 }
},
"13291C9A-D335-4D7D-BE03-8A5892C6F06C": {
uuid: "13291C9A-D335-4D7D-BE03-8A5892C6F06C",
name: "State 1",
position: [0, 0, 1000],
rotation: [0, 0, 0.767944870877505, "XYZ"],
scale: [1, 1, 1],
hiddenMatrix: [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1],
camera: { zoomPersp: 1, zoomOrtho: 1 }
},
"3E2CAD1F-E0AE-492C-959A-2159700511CD": {
uuid: "3E2CAD1F-E0AE-492C-959A-2159700511CD",
name: "Base State",
position: [0, 0, 0],
rotation: [0, 0, 0, "XYZ"],
scale: [1, 1, 1],
hiddenMatrix: [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1]
},
"9F5C1AC4-3A8D-4994-8C70-42365B40F98F": {
uuid: "9F5C1AC4-3A8D-4994-8C70-42365B40F98F",
name: "State 1",
position: [81, 0, 0],
rotation: [-0.6632251157578454, 0, 0, "XYZ"],
scale: [1, 1, 1],
hiddenMatrix: [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1]
},
"9F15E1ED-FCFA-43D5-A063-5088A9878688": {
uuid: "9F15E1ED-FCFA-43D5-A063-5088A9878688",
name: "Base State",
position: [-74.00000000000009, -256.5000000000003, 19],
rotation: [
-1.3571617174697428,
-0.077013899319541,
-0.34080396519610423,
"XYZ"
],
scale: [1, 1, 1],
hiddenMatrix: [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1],
geometry: { width: 20, height: 20, depth: 20 },
material: {
layersList: [
{
id: 0,
type: "gradient",
defines: { USE_UV: "", GRAD_MAX: "10" },
uniforms: {
f0_alpha: { value: 1 },
f0_mode: { value: 0 },
f0_gl_type: { value: 0 },
f0_num: { value: 3 },
f0_smooth: { value: false },
f0_colors: {
value: [
{ x: 0, y: 1, z: 0.9882352941176471, w: 1 },
{
x: 0.5263157894736842,
y: 1,
z: 0.9944272445820433,
w: 1
},
{ x: 0.9882352941176471, y: 0, z: 1, w: 1 },
{ x: 0, y: 0, z: 0, w: 1 },
{ x: 0, y: 0, z: 0, w: 1 },
{ x: 0, y: 0, z: 0, w: 1 },
{ x: 0, y: 0, z: 0, w: 1 },
{ x: 0, y: 0, z: 0, w: 1 },
{ x: 0, y: 0, z: 0, w: 1 },
{ x: 0, y: 0, z: 0, w: 1 }
]
},
f0_steps: { value: [0, 0.5263, 1, 1, 1, 1, 1, 1, 1, 1] },
f0_offset: { value: { x: 0, y: 0 } },
f0_morph: { value: { x: 0, y: 0 } },
f0_angle: { value: 0 }
}
},
{
id: 1,
type: "light",
defines: {},
uniforms: { f1_alpha: { value: 1 }, f1_mode: { value: 0 } }
}
]
}
},
"5334D62A-66B3-4A11-AF35-B2C36A679067": {
uuid: "5334D62A-66B3-4A11-AF35-B2C36A679067",
name: "State 1",
position: [-61.00000000000007, -259.5000000000005, 19],
rotation: [
-3.057463561027995,
-1.0421045403625755,
-1.7046658868046842,
"XYZ"
],
scale: [1, 1, 1],
hiddenMatrix: [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1],
geometry: { width: 20, height: 20, depth: 20 },
material: {
layersList: [
{
id: 0,
type: "gradient",
defines: { USE_UV: "", GRAD_MAX: "10" },
uniforms: {
f0_alpha: { value: 1 },
f0_mode: { value: 0 },
f0_gl_type: { value: 0 },
f0_num: { value: 3 },
f0_smooth: { value: false },
f0_colors: {
value: [
{ x: 0, y: 1, z: 0.9882352941176471, w: 1 },
{
x: 0.5263157894736842,
y: 1,
z: 0.9944272445820433,
w: 1
},
{ x: 0.9882352941176471, y: 0, z: 1, w: 1 },
{ x: 0, y: 0, z: 0, w: 1 },
{ x: 0, y: 0, z: 0, w: 1 },
{ x: 0, y: 0, z: 0, w: 1 },
{ x: 0, y: 0, z: 0, w: 1 },
{ x: 0, y: 0, z: 0, w: 1 },
{ x: 0, y: 0, z: 0, w: 1 },
{ x: 0, y: 0, z: 0, w: 1 }
]
},
f0_steps: { value: [0, 0.5263, 1, 1, 1, 1, 1, 1, 1, 1] },
f0_offset: { value: { x: 0, y: 0 } },
f0_morph: { value: { x: 0, y: 0 } },
f0_angle: { value: 0 }
}
},
{
id: 1,
type: "light",
defines: {},
uniforms: { f1_alpha: { value: 1 }, f1_mode: { value: 0 } }
}
]
}
},
"9B40176F-BA2E-414B-B56A-195E4A7ABC30": {
uuid: "9B40176F-BA2E-414B-B56A-195E4A7ABC30",
name: "Base State",
position: [167.0000000000002, -116.50000000000028, 24.88315016872366],
rotation: [0, 0, 0, "XYZ"],
scale: [1, 1, 1],
hiddenMatrix: [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1],
geometry: { width: 40, height: 40, depth: 40 },
material: {
layersList: [
{
id: 0,
type: "color",
defines: {},
uniforms: {
f0_alpha: { value: 1 },
f0_mode: { value: 0 },
f0_color: { value: 1910839 }
}
},
{
id: 1,
type: "light",
defines: {},
uniforms: { f1_alpha: { value: 1 }, f1_mode: { value: 0 } }
}
]
}
},
"8072262E-12CB-4697-9632-4892E2C96CF4": {
uuid: "8072262E-12CB-4697-9632-4892E2C96CF4",
name: "State 1",
position: [168.00000000000026, -90.50000000000033, 24.53260067489464],
rotation: [
-2.705260340591211,
-1.5533430342749424,
-2.9845130209103026,
"XYZ"
],
scale: [1, 1, 1],
hiddenMatrix: [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1],
geometry: { width: 40, height: 40, depth: 40 },
material: {
layersList: [
{
id: 0,
type: "color",
defines: {},
uniforms: {
f0_alpha: { value: 1 },
f0_mode: { value: 0 },
f0_color: { value: 1910839 }
}
},
{
id: 1,
type: "light",
defines: {},
uniforms: { f1_alpha: { value: 1 }, f1_mode: { value: 0 } }
}
]
}
},
"95CCEC20-B33E-4DE3-82A6-D5E27BCACA3C": {
uuid: "95CCEC20-B33E-4DE3-82A6-D5E27BCACA3C",
name: "Base State",
position: [
-55.526760019411824,
-236.87694803317518,
-12.690215707142798
],
rotation: [
1.9196771753797486,
-0.24959720779093408,
0.8770168855800615,
"XYZ"
],
scale: [1, 1, -1],
hiddenMatrix: [
1,
0,
0,
0,
0,
1,
0,
0,
0,
0,
1,
0,
2.526760019411757,
0.8769480331748412,
12.463503133763783,
1
],
geometry: { width: 30, height: 30, depth: 30 },
material: {
layersList: [
{
id: 0,
type: "color",
defines: {},
uniforms: {
f0_alpha: { value: 1 },
f0_mode: { value: 0 },
f0_color: { value: 1910839 }
}
},
{
id: 1,
type: "light",
defines: {},
uniforms: { f1_alpha: { value: 1 }, f1_mode: { value: 0 } }
}
]
}
},
"BAF31A03-BA90-4B62-B895-DC9D72ADE846": {
uuid: "BAF31A03-BA90-4B62-B895-DC9D72ADE846",
name: "State 1",
position: [
-19.526760019411828,
-252.8769480331752,
-12.916928280520679
],
rotation: [
2.762622992690941,
-0.6086452098866653,
2.8267996630069194,
"XYZ"
],
scale: [1, 1, -1],
hiddenMatrix: [
1,
0,
0,
0,
0,
1,
0,
0,
0,
0,
1,
0,
2.526760019411757,
0.8769480331748412,
12.463503133763783,
1
],
geometry: { width: 30, height: 30, depth: 30 },
material: {
layersList: [
{
id: 0,
type: "color",
defines: {},
uniforms: {
f0_alpha: { value: 1 },
f0_mode: { value: 0 },
f0_color: { value: 1910839 }
}
},
{
id: 1,
type: "light",
defines: {},
uniforms: { f1_alpha: { value: 1 }, f1_mode: { value: 0 } }
}
]
}
},
"09BA63A1-B85D-4E40-9E1A-4AEEA5848FFD": {
uuid: "09BA63A1-B85D-4E40-9E1A-4AEEA5848FFD",
name: "Base State",
position: [90.7520340370009, -205.80665238033072, -7.948216877013465],
rotation: [
1.3386754333918491,
-0.3840834318847042,
0.4160552113018321,
"XYZ"
],
scale: [1, 1, 1],
hiddenMatrix: [
1,
0,
0,
0,
0,
1,
0,
0,
0,
0,
1,
0,
-6.418700703668314,
-0.4299989517780034,
-59.32218024628145,
1
],
geometry: { width: 30, height: 30, depth: 30 },
material: {
layersList: [
{
id: 0,
type: "gradient",
defines: { USE_UV: "", GRAD_MAX: "10" },
uniforms: {
f0_alpha: { value: 1 },
f0_mode: { value: 0 },
f0_gl_type: { value: 0 },
f0_num: { value: 3 },
f0_smooth: { value: false },
f0_colors: {
value: [
{ x: 0, y: 1, z: 0.9882352941176471, w: 1 },
{ x: 0.9882352941176471, y: 0, z: 1, w: 1 },
{ x: 1, y: 0.9882352941176471, z: 0, w: 1 },
{ x: 0, y: 0, z: 0, w: 1 },
{ x: 0, y: 0, z: 0, w: 1 },
{ x: 0, y: 0, z: 0, w: 1 },
{ x: 0, y: 0, z: 0, w: 1 },
{ x: 0, y: 0, z: 0, w: 1 },
{ x: 0, y: 0, z: 0, w: 1 },
{ x: 0, y: 0, z: 0, w: 1 }
]
},
f0_steps: { value: [0, 0.5188, 1, 1, 1, 1, 1, 1, 1, 1] },
f0_offset: { value: { x: 0, y: 0 } },
f0_morph: { value: { x: 0, y: 0 } },
f0_angle: { value: 0 }
}
},
{
id: 1,
type: "light",
defines: {},
uniforms: { f1_alpha: { value: 1 }, f1_mode: { value: 0 } }
}
]
}
},
"FEE729EC-D01F-4AF9-8ADF-C0F0E37C6478": {
uuid: "FEE729EC-D01F-4AF9-8ADF-C0F0E37C6478",
name: "State 1",
position: [118.75203403700093, -207.80665238033086, -7.75940824688746],
rotation: [
-1.4652052173593606,
-1.0813653799140348,
0.7425959330621987,
"XYZ"
],
scale: [1, 1, 1],
hiddenMatrix: [
1,
0,
0,
0,
0,
1,
0,
0,
0,
0,
1,
0,
-6.418700703668314,
-0.4299989517780034,
-59.32218024628145,
1
],
geometry: { width: 30, height: 30, depth: 30 },
material: {
layersList: [
{
id: 0,
type: "gradient",
defines: { USE_UV: "", GRAD_MAX: "10" },
uniforms: {
f0_alpha: { value: 1 },
f0_mode: { value: 0 },
f0_gl_type: { value: 0 },
f0_num: { value: 3 },
f0_smooth: { value: false },
f0_colors: {
value: [
{ x: 0, y: 1, z: 0.9882352941176471, w: 1 },
{ x: 0.9882352941176471, y: 0, z: 1, w: 1 },
{ x: 1, y: 0.9882352941176471, z: 0, w: 1 },
{ x: 0, y: 0, z: 0, w: 1 },
{ x: 0, y: 0, z: 0, w: 1 },
{ x: 0, y: 0, z: 0, w: 1 },
{ x: 0, y: 0, z: 0, w: 1 },
{ x: 0, y: 0, z: 0, w: 1 },
{ x: 0, y: 0, z: 0, w: 1 },
{ x: 0, y: 0, z: 0, w: 1 }
]
},
f0_steps: { value: [0, 0.5188, 1, 1, 1, 1, 1, 1, 1, 1] },
f0_offset: { value: { x: 0, y: 0 } },
f0_morph: { value: { x: 0, y: 0 } },
f0_angle: { value: 0 }
}
},
{
id: 1,
type: "light",
defines: {},
uniforms: { f1_alpha: { value: 1 }, f1_mode: { value: 0 } }
}
]
}
},
"541A5FA4-61D6-43B6-8E60-2055AD87F435": {
uuid: "541A5FA4-61D6-43B6-8E60-2055AD87F435",
name: "Base State",
position: [46.822584452951, -239.2407961263006, -8.25949512248878],
rotation: [
-0.865173571294923,
-0.15690717962487033,
0.6457718232379022,
"XYZ"
],
scale: [1, 1, 1],
hiddenMatrix: [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1],
geometry: { width: 30, height: 30, depth: 30 },
material: {
layersList: [
{
id: 0,
type: "color",
defines: {},
uniforms: {
f0_alpha: { value: 1 },
f0_mode: { value: 0 },
f0_color: { value: 1910839 }
}
},
{
id: 1,
type: "light",
defines: {},
uniforms: { f1_alpha: { value: 1 }, f1_mode: { value: 0 } }
}
]
}
},
"DD73C88F-E510-4BC9-A827-459231A12A99": {
uuid: "DD73C88F-E510-4BC9-A827-459231A12A99",
name: "State 1",
position: [76.82258445295102, -232.24079612630064, -8.51899024497795],
rotation: [
1.8778130483161874,
0.004853518387519818,
0.8472333493556095,
"XYZ"
],
scale: [1, 1, 1],
hiddenMatrix: [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1],
geometry: { width: 30, height: 30, depth: 30 },
material: {
layersList: [
{
id: 0,
type: "color",
defines: {},
uniforms: {
f0_alpha: { value: 1 },
f0_mode: { value: 0 },
f0_color: { value: 1910839 }
}
},
{
id: 1,
type: "light",
defines: {},
uniforms: { f1_alpha: { value: 1 }, f1_mode: { value: 0 } }
}
]
}
},
"BD08FA2C-7F01-4398-A9BE-24E1CF543D1E": {
uuid: "BD08FA2C-7F01-4398-A9BE-24E1CF543D1E",
name: "Base State",
position: [160.40382083354032, 159.70654788162403, -9.20158507940046],
rotation: [
-2.9691623483354292,
-0.3158860959366471,
2.5267807346518363,
"XYZ"
],
scale: [1, 1, 1],
hiddenMatrix: [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1],
geometry: { width: 30, height: 30, depth: 30 },
material: {
layersList: [
{
id: 0,
type: "gradient",
defines: { USE_UV: "", GRAD_MAX: "10" },
uniforms: {
f0_alpha: { value: 1 },
f0_mode: { value: 0 },
f0_gl_type: { value: 0 },
f0_num: { value: 3 },
f0_smooth: { value: false },
f0_colors: {
value: [
{ x: 0, y: 1, z: 0.9882352941176471, w: 1 },
{ x: 0.9882352941176471, y: 0, z: 1, w: 1 },
{ x: 1, y: 0.9882352941176471, z: 0, w: 1 },
{ x: 0, y: 0, z: 0, w: 1 },
{ x: 0, y: 0, z: 0, w: 1 },
{ x: 0, y: 0, z: 0, w: 1 },
{ x: 0, y: 0, z: 0, w: 1 },
{ x: 0, y: 0, z: 0, w: 1 },
{ x: 0, y: 0, z: 0, w: 1 },
{ x: 0, y: 0, z: 0, w: 1 }
]
},
f0_steps: { value: [0, 0.5188, 1, 1, 1, 1, 1, 1, 1, 1] },
f0_offset: { value: { x: 0, y: 0 } },
f0_morph: { value: { x: 0, y: 0 } },
f0_angle: { value: 0 }
}
},
{
id: 1,
type: "light",
defines: {},
uniforms: { f1_alpha: { value: 1 }, f1_mode: { value: 0 } }
}
]
}
},
"457E4BDC-8239-4903-9F43-BA10689EF927": {
uuid: "457E4BDC-8239-4903-9F43-BA10689EF927",
name: "State 1",
position: [168.5671689660208, 149.88623780664392, -9.628995184333165],
rotation: [
0.05749198014462438,
0.512677346307241,
2.254704273248392,
"XYZ"
],
scale: [1, 1, 1],
hiddenMatrix: [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1],
geometry: { width: 30, height: 30, depth: 30 },
material: {
layersList: [
{
id: 0,
type: "gradient",
defines: { USE_UV: "", GRAD_MAX: "10" },
uniforms: {
f0_alpha: { value: 1 },
f0_mode: { value: 0 },
f0_gl_type: { value: 0 },
f0_num: { value: 3 },
f0_smooth: { value: false },
f0_colors: {
value: [
{ x: 0, y: 1, z: 0.9882352941176471, w: 1 },
{ x: 0.9882352941176471, y: 0, z: 1, w: 1 },
{ x: 1, y: 0.9882352941176471, z: 0, w: 1 },
{ x: 0, y: 0, z: 0, w: 1 },
{ x: 0, y: 0, z: 0, w: 1 },
{ x: 0, y: 0, z: 0, w: 1 },
{ x: 0, y: 0, z: 0, w: 1 },
{ x: 0, y: 0, z: 0, w: 1 },
{ x: 0, y: 0, z: 0, w: 1 },
{ x: 0, y: 0, z: 0, w: 1 }
]
},
f0_steps: { value: [0, 0.5188, 1, 1, 1, 1, 1, 1, 1, 1] },
f0_offset: { value: { x: 0, y: 0 } },
f0_morph: { value: { x: 0, y: 0 } },
f0_angle: { value: 0 }
}
},
{
id: 1,
type: "light",
defines: {},
uniforms: { f1_alpha: { value: 1 }, f1_mode: { value: 0 } }
}
]
}
},
"BDF4A134-89E4-4FFA-AE14-4199429D6CC2": {
uuid: "BDF4A134-89E4-4FFA-AE14-4199429D6CC2",
name: "Base State",
position: [71.47323998058829, 216.12305196682541, -13.384035687985616],
rotation: [
2.8014965375856344,
-0.05037056647803821,
1.176606084756326,
"XYZ"
],
scale: [1, 1, -1],
hiddenMatrix: [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1],
geometry: { width: 30, height: 30, depth: 30 },
material: {
layersList: [
{
id: 0,
type: "color",
defines: {},
uniforms: {
f0_alpha: { value: 1 },
f0_mode: { value: 0 },
f0_color: { value: 1910839 }
}
},
{
id: 1,
type: "light",
defines: {},
uniforms: { f1_alpha: { value: 1 }, f1_mode: { value: 0 } }
}
]
}
},
"92C98A39-98F9-428B-98F8-D3BEFB26DA48": {
uuid: "92C98A39-98F9-428B-98F8-D3BEFB26DA48",
name: "State 1",
position: [81.4732399805883, 212.12305196682547, -13.768071375973832],
rotation: [
1.9662615944056905,
-0.7983087733599905,
-2.164578148976308,
"XYZ"
],
scale: [1, 1, -1],
hiddenMatrix: [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1],
geometry: { width: 30, height: 30, depth: 30 },
material: {
layersList: [
{
id: 0,
type: "color",
defines: {},
uniforms: {
f0_alpha: { value: 1 },
f0_mode: { value: 0 },
f0_color: { value: 1910839 }
}
},
{
id: 1,
type: "light",
defines: {},
uniforms: { f1_alpha: { value: 1 }, f1_mode: { value: 0 } }
}
]
}
},
"4D539BBE-3515-4766-ADA0-BBCF6538819A": {
uuid: "4D539BBE-3515-4766-ADA0-BBCF6538819A",
name: "Base State",
position: [124.27218413221061, 196.8203468454102, 3.103696417616945],
rotation: [
1.2854530061562923,
-0.42663069995577985,
-3.068389610206499,
"XYZ"
],
scale: [1, 1, 1],
hiddenMatrix: [
1,
0,
0,
0,
0,
1,
0,
0,
0,
0,
1,
0,
6.500000000000057,
-8.539388020833186,
-75.05744477832016,
1
],
geometry: { width: 70, height: 70, depth: 70 },
material: {
layersList: [
{
id: 0,
type: "color",
defines: {},
uniforms: {
f0_alpha: { value: 1 },
f0_mode: { value: 0 },
f0_color: { value: 1910839 }
}
},
{
id: 1,
type: "light",
defines: {},
uniforms: { f1_alpha: { value: 1 }, f1_mode: { value: 0 } }
}
]
}
},
"9DBA301A-88ED-4E44-B1D8-19066D700774": {
uuid: "9DBA301A-88ED-4E44-B1D8-19066D700774",
name: "State 1",
position: [124.27218413221061, 196.8203468454102, 3.103696417616945],
rotation: [
2.1169131186054395,
0.10103953830900672,
2.170319931660458,
"XYZ"
],
scale: [1, 1, 1],
hiddenMatrix: [
1,
0,
0,
0,
0,
1,
0,
0,
0,
0,
1,
0,
6.500000000000057,
-8.539388020833186,
-75.05744477832016,
1
],
geometry: { width: 70, height: 70, depth: 70 },
material: {
layersList: [
{
id: 0,
type: "color",
defines: {},
uniforms: {
f0_alpha: { value: 1 },
f0_mode: { value: 0 },
f0_color: { value: 1910839 }
}
},
{
id: 1,
type: "light",
defines: {},
uniforms: { f1_alpha: { value: 1 }, f1_mode: { value: 0 } }
}
]
}
},
"0952DC62-85D8-44D5-9B53-EA3A537B0645": {
uuid: "0952DC62-85D8-44D5-9B53-EA3A537B0645",
name: "Base State",
position: [
119.37132673436574,
-184.57396475773734,
-0.1460622890954255
],
rotation: [
0.24242956954889694,
0.3566990832809208,
-0.08613695207713809,
"XYZ"
],
scale: [1, 1, 1],
hiddenMatrix: [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1],
geometry: { width: 70, height: 70, depth: 70 },
material: {
layersList: [
{
id: 0,
type: "color",
defines: {},
uniforms: {
f0_alpha: { value: 1 },
f0_mode: { value: 0 },
f0_color: { value: 1910839 }
}
},
{
id: 1,
type: "light",
defines: {},
uniforms: { f1_alpha: { value: 1 }, f1_mode: { value: 0 } }
}
]
}
},
"80B790BF-3CEC-4BE4-B0EC-5743560D4B0C": {
uuid: "80B790BF-3CEC-4BE4-B0EC-5743560D4B0C",
name: "State 1",
position: [137.37132673436577, -171.5739647577374, -0.292124578190851],
rotation: [
2.8839191080721376,
0.32811155233915906,
1.4547575542000775,
"XYZ"
],
scale: [1, 1, 1],
hiddenMatrix: [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1],
geometry: { width: 70, height: 70, depth: 70 },
material: {
layersList: [
{
id: 0,
type: "color",
defines: {},
uniforms: {
f0_alpha: { value: 1 },
f0_mode: { value: 0 },
f0_color: { value: 1910839 }
}
},
{
id: 1,
type: "light",
defines: {},
uniforms: { f1_alpha: { value: 1 }, f1_mode: { value: 0 } }
}
]
}
}
},
textures: {},
images: {},
mainCameraIndex: 12,
usePrimitives: true,
bgColor: [0.11372549019607843, 0.1568627450980392, 0.21568627450980393],
bgAlpha: 1,
orbitDamped: false,
orbitTarget: [0, 0, 0],
cameraType: "Orthographic",
cameraRotate: true,
cameraPan: true,
cameraZoom: true,
viewMode: 2,
viewWidth: 375,
viewHeight: 667,
quality: "default",
useOrbitControls: false
}
};
var SPE_USES_PREVIEW_IMAGE = false;
const runtime = new SpeRuntime(SPLINE_EXPORTED_SCENE, SPLINE_ASSETS_LIST);
runtime.mScene.background = "0x000000"
runtime.run();
\ No newline at end of file
style.css 0 → 100644
View file @ eaa86fc7
@import url("https://fonts.googleapis.com/css2?family=Comfortaa:wght@300&display=swap");
html {
height: 100%;
}
body {
background: linear-gradient(to bottom, #142f4d, #657b90);
height: 100%;
margin: 0;
display: flex;
align-items: center;
justify-content: center;
color: rgba(255, 255, 255, 0.6);
}
a {
color: #fff;
text-decoration: none;
cursor: pointer;
}
.m-layout {
position: relative;
width: 375px;
height: 667px;
border-radius: 16px;
overflow: hidden;
box-sizing: border-box;
background: linear-gradient(to bottom, #142f4d, #657b90) !important;
box-shadow: 0px 32px 47px rgba(32, 23, 23, 0.09);
}
.logo {
position: absolute;
top: 30px;
left: 30px;
width: 44px;
height: 44px;
background-color: #375071;
opacity: 1;
}
.m-container {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 2;
}
.m-form, .m-content {
width: 100%;
padding: 0 30px;
box-sizing: border-box;
}
.m-form_title {
width: 100%;
font-size: 24px;
margin: 0 0 20px;
}
.m-form_group {
display: flex;
flex-wrap: wrap;
-webkit-box-pack: justify;
justify-content: space-between;
padding-bottom: 18px;
}
.m-form_link {
text-align: center;
}
.m-form_input {
width: 100%;
appearance: none;
outline: 0;
line-height: 44px;
border: 1px solid rgba(255, 255, 255, 0.09);
background-color: rgba(255, 255, 255, 0.04);
border-radius: 3px;
padding: 0 15px;
display: block;
font-size: 18px;
box-sizing: border-box;
color: #fff;
font-weight: 300;
}
.m-form_label {
display: block;
margin-bottom: 10px;
}
.m-form_btn {
appearance: none;
outline: 0;
background-color: #375071;
border: 0;
margin-top: 15px;
line-height: 44px;
padding: 0 15px;
color: #fff;
font-weight: 500;
border-radius: 3px;
width: 100%;
cursor: pointer;
font-size: 18px;
text-align: center;
opacity: 1;
}
canvas {
width: 100% !important;
height: 100% !important;
outline: none;
}
.spline-watermark {
position: fixed;
bottom: 16px;
right: 16px;
width: 32px;
height: 32px;
z-index: 2;
opacity: 1;
}
.spline-watermark:hover {
opacity: 0.8;
}
.spline-watermark img {
display: block;
width: 100%;
height: 100%;
}
@media (max-width: 400px) {
.m-layout {
width: 100% !important;
border-radius: 0;
border: none;
}
}
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment