凡拓FT-E数字孪生平台

Appearance

复制
还原
运行
<html lang="en">

<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>条纹光墙</title>
<style>
* {
margin: 0;
padding: 0;
}

html,
body {
width: 100%;
height: 100%;
}

#three-container {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
}

</style>
</head>

<body>
<div id="three-container"></div>

<script src="../../public/lib/ftthree.js"></script>
<script>
let container = document.getElementById('three-container');
let viewer = new ftthree.Viewer(container, {
center: [0, 0],
height: 1000
});
window.viewer = viewer;
viewer.cameraControl.camera.position.set(-1356, 1642, 3000);
viewer.cameraControl.update();
let path = [];
path.push(new ftthree.Vector3(700, 0, 700));
path.push(new ftthree.Vector3(700, 0, -700));
path.push(new ftthree.Vector3(-700, 0, -700));
path.push(new ftthree.Vector3(-700, 0, 700));
path.push(new ftthree.Vector3(700, 0, 700));
let wall = new ftthree.RippleWall({
name: 'rippleWall',
color: '#9999FF',
path: path,
hiz: 0.15,
num: 5,
height: 500,
speed: 1.5
});
viewer.addEntityLayer([wall], 'effect');

</script>
</body>

</html>
隐藏代码