web与webGL

摘要： Object.defineProperty方法（详解） 一、Object.defineProperty()的作用就是直接在一个对象上定义一个新属性，或者修改一个已经存在的属性,并返回此对象。 二、Object.defineproperty()方法需要传递3个参数 Object.defineprope 阅读全文

摘要： webgl丢失上下文 一、原理 WebGL使用了计算机的图形硬件，而这部分资源是被操作系统管理，由包括浏览器在内的多个应用程序共享。如果一个程序接管了图形硬件，或者操作系统进入休眠，浏览器就会失去使用这些资源的权力，并导致存储在硬件中的数据丢失。在这种情况下，WebGL绘图上下文就会丢失。比如，如果 阅读全文

摘要： 模型材质闪烁问题 Z-Fighting 主要原因分析： 一、可能模型有重叠面，或着跟其他模型离的太近。 有些模型在建模时处理不慎，会导致在几乎重叠的位置有多个面。渲染器渲染时有个特点, 距离越远的物体精度越低, 因此, 在远处, 多个材质可能集中在一个像素点上, 产生各种不正常现象, 这也叫z-fi 阅读全文

摘要： three中加css2d属性框展示 vue项目 一、引入文件CSS2DRenderer, CSS2DObject import { CSS2DRenderer, CSS2DObject } from 'three/examples/jsm/renderers/CSS2DRenderer.js'; 二 阅读全文

摘要： three中材质移动动画 // 材质移动动画 animationTexture(mesh){ var textureLoader = new THREE.TextureLoader(); this.textureAlarm = textureLoader.load('/static/test.png 阅读全文

摘要： three自定义动画 var clock = new THREE.Clock()/* 模型从一个位置移动到另一个位置的动画 mesh:为控制的mesh或者object3d name:为mesh或object3d的名字 initX,initY,initZ:为mesh或object3d初始化的x,y,z 阅读全文

摘要： three点击交互，改变材质颜色 一、在vue的的methods方法中写入 // 模型点击改变颜色 onmodelclick(event) { var raycaster = new THREE.Raycaster(); let mouse = new THREE.Vector2(); mouse. 阅读全文

摘要： git提交代码，不用提交的文件 .DS_Store node_modules/ dist/ !dist/robots.txt npm-debug.log* yarn-debug.log* yarn-error.log* selenium-debug.log # Editor directories 阅读全文

摘要： TypeScript安装以及基础的编译与tsconfig.json配置 以及webpack.config.js文件配置 一、typeScript安装以及基础编译 npm i -g typescript 安装完，进入ts文件的项目目录下，在命令行执行 tsc hello.ts（hello.ts是ts文 阅读全文

摘要： Cesium测量距离和面积 直接上代码，下面两个函数已经封装好，可以直接调用；有疑问请加群讨论：854184700 //线长度测量 function measureLine(viewer) { var handler = new Cesium.ScreenSpaceEventHandler(view 阅读全文

摘要： three.js帧动画 + 自动适配尺寸 直接上代码，有疑惑请加群讨论：854184700 var mixer, var posTrack = new THREE.KeyframeTrack( "Build.position", [0, 20], [0, 0, 0, -100, 0, 0]//前三个 阅读全文

摘要： Tthree.js加载精灵图片 直接上代码。有问题，请加群讨论 ：854184700 var textureLoader = new THREE.TextureLoader(); var map = textureLoader.load("/img/alarm.png"); var material 阅读全文

摘要： 省市区三级联动 有疑问可加群讨论：854184700 <div id="example"> <select v-model="prov"> <option v-for="option in arrAll" :value="option.name" @change="updateCity" > {{ 阅读全文

摘要： VUE项目PC端实现自适应rem 由于项目设计搞是采用的1920*1080的尺寸；项目也基本快做完了，用的1920*1080的尺寸；现在要实现自适应；我这边选择的是rem自适应；当然你也可以用@media多媒体；也可以用写几个适应不同尺寸的css样式；按需引入； 这里我采用的是rem： 步骤： 一： 阅读全文

摘要： ajax请求数据get、post post请求案例 $.ajax({ type:"post" , url:"请求地址" , data:{'username':username,'password':password} , contentType:'application/json', success 阅读全文