Babylonjs实现模型围栏效果

用 CreateLines 生成几条线，对生成的线添加动画，HighlightLayer 添加模糊效果。


// 创建模型护栏特效class CreateRail {constructor( scene) {this.scene = scene;this.linesArr = [];this.LineColor = new BABYLON.Color3(1, 1, 0)};create() {const points = [];this.linesArr.length = 0;points.push(new BABYLON.Vector3(2, 0, 2));points.push(new BABYLON.Vector3(2, 0, -2));points.push(new BABYLON.Vector3(-2, 0, -2));points.push(new BABYLON.Vector3(-2, 0, 2));points.push(points[0]); //close the triangle;var hl = new BABYLON.HighlightLayer("hl1", this.scene, true);hl.blurVerticalSize = 5; //模糊hl.blurHorizontalSize = 5;for (let i = 0; i < 5; i++) {let LineMesh = BABYLON.MeshBuilder.CreateLines("triangle" + i, { points: points }, this.scene);this.linesArr.push(LineMesh);hl.addMesh(LineMesh, this.LineColor);}};startAnimation() {const frameRate = 10;const xSlide = new BABYLON.Animation("xSlide", "position.y", frameRate, BABYLON.Animation.ANIMATIONTYPE_FLOAT, BABYLON.Animation.ANIMATIONLOOPMODE_CYCLE);const keyFrames = [];keyFrames.push({frame: 0,value: 0});keyFrames.push({frame: 1 * frameRate,value: 1});keyFrames.push({frame: 2 * frameRate,value: 2        });xSlide.setKeys(keyFrames);this.linesArr.forEach((item, index) => {console.log(index)item.animations.push(xSlide);this.scene.beginAnimation(item, 0, (index + 0.5) * 3, true);})};}

Babylonjs实现模型围栏效果相关推荐

斩获VCR竞赛榜第一，腾讯微视推出BLENDer单模型，超越多模型最好效果
出品 | CSDN(ID:CSDNnews) 视觉常识推理VCR (Visual Commonsense Reasoning )是人工智能领域的前沿热点问题,我国<新一代人工智能发展规划> ...
使用Ezy-Slice插件实现类似Beat Saber的模型切割效果（一）
简单地手动实现模型切割效果为了更清楚的了解插件是如何使用的,我们先看看如何手动实现这样的切割效果. 1.在Github上下载插件ezy-slice. 地址:https://github.com/Da ...
深度学习中模型训练效果不好的原因以及防止过拟合的方法
深度学习中模型训练效果不好的原因 1. 是否选择合适的损失函数 2. 是否选择了合适的Mini-batch size 3. 是否选择了合适的激活函数 4. 是否选择了合适的学习率 5. 优化算法是否使 ...
采用策略分布曲线评估信用风险模型的效果
在信贷业务的风控体系中,模型的构建与应用始终是一项重点内容,最常见的莫过于贷前环节的申请信用风险模型.作为典型的二分类模型,为了有效识别好坏用户群体,我们经常选取某些评价指标来量化模型的综合性能,例如 ...
three.js 精灵模型-树林效果
详情进入:Three.js零基础入门教程(郭隆邦) 通过一张背景透明的树纹理贴图tree.png作为精灵模型的纹理贴图.map模拟一个树林效果. 效果: 代码: <!DOCTYPE html&g ...
高德地图区域围栏效果，重点路线显示效果
显示围栏 [围栏效果是由多个经纬度点连接起来的] data(){return{map:{Alldata:{}, //所属有数据map:null, //地图实例polyArr:[], //图层覆盖物暂存 ...
医学假阴性？看看在机器学习中如何用来衡量分类模型的效果（附代码）
来源:数据鸽本文约1500字,建议阅读5分钟. 本篇我们来看下医学假阴性在机器学习中是如何用来衡量预测结果好坏的. 近日来,新冠肺炎核酸检测"假阴性"引起了关注.所谓的假阴性,就 ...
卫星图片重建洛杉矶3D模型，效果就像谷歌地球，港中大团队提出CityNeRF
晓查发自凹非寺量子位报道 | 公众号 QbitAI 看到下面这张动图,你会想到什么?是谷歌地球,还是苹果自带的3D地图? 其实都不是,它是用卫星和航拍图片直接渲染生成的洛杉矶. 很难想象,如此 ...
双塔模型没效果了？请加大加粗！
很多研究表明,双塔在一个域表现不错,在其他域表现不好了.一个广泛被认同的观点就是双塔仅仅用了最后一层的点积算分,这限制了模型的召回能力.这篇论文<Large Dual Encoders Are ...

Babylonjs实现模型围栏效果

Babylonjs实现模型围栏效果相关推荐

最新文章

热门文章