1. 喷水效果
生成对象位于:BOS3D.Plugins.SprayWater 配置对象位于:BOS3D.Plugins.SprayWaterConfig。
1.1. 完整样例:
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="UTF-8">
<title>demo</title>
<style>
body {
margin: 0;
overflow: hidden;
position: fixed;
}
</style>
<link href="http://bos3d.bimwinner.com/static/UI/latest/BOS3DUI.min.css" rel="stylesheet">
</head>
<body>
<div id="viewport" class="viewport"></div>
<script>
const html = document.querySelector("html");
document.querySelector(".viewport").style.width = html.clientWidth + 'px';
document.querySelector(".viewport").style.height = html.clientHeight - 1 + 'px';
</script>
<script type="application/javascript" src="http://bos3d.bimwinner.com/static/latest/BOS3D.min.js"></script>
<script type="application/javascript" src="http://bos3d.bimwinner.com/static/UI/latest/BOS3DUI.min.js"></script>
<script>
var option = {
host: "http://bos3d.bimwinner.com",
viewport: "viewport"
};
var viewer3D = new BOS3D.Viewer(option);
viewer3D.addView("M1598257565598", "he3285593fdc4ea3b91784c5741ff8aa");
viewer3D.registerModelEventListener(BOS3D.EVENTS.ON_LOAD_COMPLETE, function (event) {
let SprayWaterConfig = new BOS3D.Plugins.SprayWaterConfig();
SprayWaterConfig.color.r = 231;
SprayWaterConfig.color.g = 254;
SprayWaterConfig.color.b = 255;
SprayWaterConfig.viewer = viewer3D;
SprayWaterConfig.originPitch = 0.5;
SprayWaterConfig.originYaw = 3;
SprayWaterConfig.originRadius = 50;
SprayWaterConfig.originIntensity = 0.2;
SprayWaterConfig.scale = 5;
SprayWaterConfig.originPosition = {
x: 66038.61120224059,
y: 46350.2137254963,
z: -41.97374815331568
};
SprayWaterConfig.particleQuantity = 105;
SprayWaterConfig.spread = 3.2;
let sprayWaterEffect = new BOS3D.Plugins.SprayWater(SprayWaterConfig);
});
</script>
</body>
</html>