摘要: Object.defineProperty方法(详解) 一、Object.defineProperty()的作用就是直接在一个对象上定义一个新属性,或者修改一个已经存在的属性,并返回此对象。 二、Object.defineproperty()方法需要传递3个参数 Object.defineprope 阅读全文
posted @ 2022-08-24 23:29 web与webGL 阅读(445) 评论(0) 推荐(0) 编辑
摘要: webgl丢失上下文 一、原理 WebGL使用了计算机的图形硬件,而这部分资源是被操作系统管理,由包括浏览器在内的多个应用程序共享。如果一个程序接管了图形硬件,或者操作系统进入休眠,浏览器就会失去使用这些资源的权力,并导致存储在硬件中的数据丢失。在这种情况下,WebGL绘图上下文就会丢失。比如,如果 阅读全文
posted @ 2022-08-21 01:04 web与webGL 阅读(1841) 评论(0) 推荐(0) 编辑
摘要: 模型材质闪烁问题 Z-Fighting 主要原因分析: 一、可能模型有重叠面,或着跟其他模型离的太近。 有些模型在建模时处理不慎,会导致在几乎重叠的位置有多个面。渲染器渲染时有个特点, 距离越远的物体精度越低, 因此, 在远处, 多个材质可能集中在一个像素点上, 产生各种不正常现象, 这也叫z-fi 阅读全文
posted @ 2022-08-18 10:35 web与webGL 阅读(1696) 评论(0) 推荐(1) 编辑
摘要: three中加css2d属性框展示 vue项目 一、引入文件CSS2DRenderer, CSS2DObject import { CSS2DRenderer, CSS2DObject } from 'three/examples/jsm/renderers/CSS2DRenderer.js'; 二 阅读全文
posted @ 2022-05-23 00:23 web与webGL 阅读(608) 评论(0) 推荐(0) 编辑
摘要: three中材质移动动画 // 材质移动动画 animationTexture(mesh){ var textureLoader = new THREE.TextureLoader(); this.textureAlarm = textureLoader.load('/static/test.png 阅读全文
posted @ 2022-05-18 15:27 web与webGL 阅读(213) 评论(0) 推荐(0) 编辑
摘要: three自定义动画 var clock = new THREE.Clock()/* 模型从一个位置移动到另一个位置的动画 mesh:为控制的mesh或者object3d name:为mesh或object3d的名字 initX,initY,initZ:为mesh或object3d初始化的x,y,z 阅读全文
posted @ 2022-05-14 17:45 web与webGL 阅读(175) 评论(0) 推荐(0) 编辑
摘要: three点击交互,改变材质颜色 一、在vue的的methods方法中写入 // 模型点击改变颜色 onmodelclick(event) { var raycaster = new THREE.Raycaster(); let mouse = new THREE.Vector2(); mouse. 阅读全文
posted @ 2022-05-13 11:26 web与webGL 阅读(1285) 评论(0) 推荐(0) 编辑
摘要: git提交代码,不用提交的文件 .DS_Store node_modules/ dist/ !dist/robots.txt npm-debug.log* yarn-debug.log* yarn-error.log* selenium-debug.log # Editor directories 阅读全文
posted @ 2022-03-16 20:13 web与webGL 阅读(234) 评论(0) 推荐(0) 编辑
摘要: TypeScript安装以及基础的编译与tsconfig.json配置 以及webpack.config.js文件配置 一、typeScript安装以及基础编译 npm i -g typescript 安装完,进入ts文件的项目目录下,在命令行执行 tsc hello.ts(hello.ts是ts文 阅读全文
posted @ 2021-04-20 15:14 web与webGL 阅读(2157) 评论(0) 推荐(0) 编辑
摘要: Cesium测量距离和面积 直接上代码,下面两个函数已经封装好,可以直接调用;有疑问请加群讨论:854184700 //线长度测量 function measureLine(viewer) { var handler = new Cesium.ScreenSpaceEventHandler(view 阅读全文
posted @ 2020-12-06 20:50 web与webGL 阅读(4457) 评论(0) 推荐(1) 编辑
摘要: three.js帧动画 + 自动适配尺寸 直接上代码,有疑惑请加群讨论:854184700 var mixer, var posTrack = new THREE.KeyframeTrack( "Build.position", [0, 20], [0, 0, 0, -100, 0, 0]//前三个 阅读全文
posted @ 2020-12-06 20:47 web与webGL 阅读(957) 评论(0) 推荐(0) 编辑
摘要: Tthree.js加载精灵图片 直接上代码。有问题,请加群讨论 :854184700 var textureLoader = new THREE.TextureLoader(); var map = textureLoader.load("/img/alarm.png"); var material 阅读全文
posted @ 2020-12-01 14:56 web与webGL 阅读(1042) 评论(0) 推荐(0) 编辑
摘要: 省市区三级联动 有疑问可加群讨论:854184700 <div id="example"> <select v-model="prov"> <option v-for="option in arrAll" :value="option.name" @change="updateCity" > {{ 阅读全文
posted @ 2020-11-23 12:54 web与webGL 阅读(312) 评论(0) 推荐(0) 编辑
摘要: VUE项目PC端实现自适应rem 由于项目设计搞是采用的1920*1080的尺寸;项目也基本快做完了,用的1920*1080的尺寸;现在要实现自适应;我这边选择的是rem自适应;当然你也可以用@media多媒体;也可以用写几个适应不同尺寸的css样式;按需引入; 这里我采用的是rem: 步骤: 一: 阅读全文
posted @ 2020-11-04 14:14 web与webGL 阅读(6233) 评论(1) 推荐(0) 编辑
摘要: ajax请求数据get、post post请求案例 $.ajax({ type:"post" , url:"请求地址" , data:{'username':username,'password':password} , contentType:'application/json', success 阅读全文
posted @ 2020-06-26 16:37 web与webGL 阅读(227) 评论(0) 推荐(0) 编辑