Javascript
rib-pet
致力于政府信息化,聚焦CIM,智慧城市解决方案以及研发实施工作;擅长国土行业,智慧规划,智慧自然资源等行业信息化。ArcGIS(GeoScene)Supermap,Cesium, UE5 游戏引擎CG领域等核心框架。底层 osg, tinyGlTF, cgal, gdal, meshlab, 微软simplegon等。
展开
-
Three js world cooridinate to screen postion
function toScreenPosition(obj, camera){ var vector = new THREE.Vector3(); var widthHalf = 0.5*renderer.context.canvas.width; var heightHalf = 0.5*renderer.context.canvas.height; obj.updateMatrixWorld(); vector.setFromMatrixPosition(.原创 2020-08-05 18:43:39 · 195 阅读 · 0 评论 -
Three Js 疑难问题 之 防止选择的3D Object,视角一直变化的问题
在3D可视化视图中,选择3D对象,查看3D对象是很常见的功能。同时,双击查3D对象,让其高亮也是很常见的功能。但是在这个过程,如果不断选择同一3D 对象,摄像机跟3D对象的视角一直发生变化。如此,这样的摄像机的效果就很差。下面解决3D 视角在双击情况下,不去变化视角的方案:selectObject = objId => { this._clearSelection() this._setSelectMaterial(objId) if (this.systemO原创 2020-08-13 19:38:54 · 683 阅读 · 0 评论 -
Three Js 疑难问题:解决点到线段最短距离的问题
求解点到线段最短距离的问题的方案如下: /* x pt x | | x | | x | | x |原创 2020-08-13 19:45:56 · 941 阅读 · 0 评论 -
Vue 学习笔记一
Vue 基础知识1,Vue 参考了MVVM的模式,var vm = Vue();其中VM就是参考Viewer- viewerMode ->model而来的。2,数据/选项对象必须是纯粹的对象 (含有零个或多个的 key/value 对):可以通过vm.$data访问原始数据对象。vm.a等价于访问vm.$data.a以_或$开头的 property不会被 Vue 实例代理vm.$data传入JSON.parse(JSON.stringify(.....原创 2020-09-02 18:42:54 · 151 阅读 · 0 评论 -
ThreeJS 控制相机上下,左右,旋转
import { Vector3 } from "three";class RoamUtil { constructor(camera, viewcontrols, domElement) { this.viewcontrols = viewcontrols; this.camera = camera; this.domElement = domElement !== undefined ? domElement : document; this.movementS.原创 2020-09-05 15:16:20 · 8444 阅读 · 5 评论 -
Access-Control-Allow-Origin - Ajax 请求跨越 CORS解决方案
$(document).ready(function() { $("#download").click(function() { $.ajax({ url:'https://api.thingspeak.com/channels/899906/feeds.csv?start=2019-11-08%2019:10:08&end=2019-11-11%2019:11:11', crossDomain:true, .原创 2020-09-06 20:20:53 · 481 阅读 · 0 评论 -
Three.js 性能优化总结 持续更新中
Three.js 性能优化总结数据优化篇BIM模型, 3D大模型,先导出为GLTF格式, 然后GLTF格式,调用draco压缩算法,产生后缀为.drc文件。然后参考官网去解压.drc 文件就可以提高加载速度了Draco 加载例子:https://storage.googleapis.com/demos.webmproject.org/draco/draco_loader_throw.htmlGithub 例子https://github.com/google/draco...原创 2020-07-17 11:01:30 · 1545 阅读 · 0 评论 -
JavaScript traps
For ... in and for of and forEachfor in will iterate the attribute in the container etc []. however the length of container will not changed. but the result will changed.Therefore, you can use...原创 2019-05-26 21:35:33 · 158 阅读 · 0 评论