2019年9月8日
cesium中divPoint展示数据
摘要： cesium中divPoint展示数据 在用点击面获取位置信息的时候，会弹出一个divPoint框，用来展示这个面的属性信息；或者位置信息。 代码如下： // 创建div弹出框 createDIV (x, y, text) { var viewDivPoint = document.getEleme 阅读全文
posted @ 2019-09-08 11:33 web与webGL 阅读(2490) 评论(0) 推荐(0)
cesium安装及第一个示例
摘要： cesium安装及第一个示例 一、环境要求 二、浏览器要求 三、安装node.js 四、下载cesium包（地址为https://cesiumjs.org） 包括了 五、在你的项目里引入相关js与css 只需要在js中写下面这句话 六、在html页面写入这句话，然后nmp install npm s 阅读全文
posted @ 2019-09-08 11:02 web与webGL 阅读(4862) 评论(0) 推荐(0)
2、cesium页面小控件的隐藏
摘要： cesium页面小控件的隐藏 一、 创建一个Viewer var viewer = new Cesium.Viewer('cesiumContainer');//cesiumContainer为div中的id。 二、Viewer中会有下面这些内容 1 Geocoder:一种定位搜索工具，他可以让摄像 阅读全文
posted @ 2019-09-08 10:13 web与webGL 阅读(2413) 评论(0) 推荐(0)
4、cesium场景出图，打印图件
摘要： cesium场景出图，打印图件 把3d渲染的页面进行截图，并可以下载到本地；代码如下： 1 function printscreenScene() { 2 var image = new Image();//创建img对象 3 viewer.render();//重新渲染界面 4 image = v 阅读全文
posted @ 2019-09-08 10:07 web与webGL 阅读(1958) 评论(1) 推荐(0)
5、cesium点击面高亮事件
摘要： cesium点击面高亮事件 主要功能：比如你加载了json、geojson或者topojson的数据。加载出来后，分为很多个面，现在要实现点击一个面，这个面变颜色；再点击另一个面，另一个面高亮，之前的面复原。（有不懂得，请加相关学习群：854184700） 下面上代码： 有疑惑，请加相关学习群：85 阅读全文
posted @ 2019-09-08 10:05 web与webGL 阅读(5847) 评论(0) 推荐(0)
2019年9月7日
3、cesium中json、geojson、stk,影像切片等数据的加载（离线的）；以及位置初始化
摘要： cesium中json、topojson、geojson、stk,影像切片等数据的加载 一、geojson、topojson，json数据的加载 不管是哪种json，都可以通过GeoJsonDataSource去加载；方式是一样的。 例： 1 var viewer = new Cesium.View 阅读全文
posted @ 2019-09-07 18:25 web与webGL 阅读(2841) 评论(5) 推荐(0)
2019年8月16日
ThreeJS模型展示为黑色，模型出不来
摘要： 选取gltf格式时，出现模型为黑色，模型出不来 原因： 我们设计部可能是用maya或者3dmax去做；在模型导出时，没有gltf格式；如果maya或者3dmax导出obj然后导进blender，再导出gltf格式，就容易再格式转换的过程中出现数据丢失。（这时候你会发现你展示出来的模型为黑色，在你代码 阅读全文
posted @ 2019-08-16 19:04 web与webGL 阅读(8410) 评论(0) 推荐(1)
2019年8月11日
拆分初始化负载，提高性能（四）
摘要： 拆分初始化负载，提高性能 1 在初始化时加载必要的javaScript,其余的JavaScript稍后再加载；避免给用户带来响应停顿的印象。（在初始化页面时，很多函数下载了，但并未执行）； 2 寻找拆分的函数 Firebug的JavaScript性能分析器能显示出在触发onload事件之前执行的函数 阅读全文
posted @ 2019-08-11 10:16 web与webGL 阅读(309) 评论(0) 推荐(0)
2019年8月8日
ajax性能优化（三）
摘要： ajax性能优化 例： 模块： A B C D 开销： 50% 3%　25% 22% 如果我们优化B就如同那些那些只执行一次的代码，性能·提高不到哪里去；反之，我们去优化A，比如去优化它的循环，减少循环的嵌套，就能很好的提高网站性能（当然，这必须建立在程序符合要求的前提下）。 使用ajax技术（aj 阅读全文
posted @ 2019-08-08 12:29 web与webGL 阅读(571) 评论(0) 推荐(0)
cesium相关学习网址
摘要： cesium相关学习网址： cesium资料大全网址：https://www.cnblogs.com/cesium1/p/10062942.html http://192.168.101.121:9421/（内部网） http://cesium.xin/ https://cesium.com htt 阅读全文
posted @ 2019-08-08 11:17 web与webGL 阅读(791) 评论(0) 推荐(0)
谷歌与Airbnb的JS代码规范
摘要： 谷歌JS代码规范 规范代码原因：代码规范是为了保持源代码编写模式一致,便于维护代码，可读性高。 1、使用空格代替tab 规范随后指出应该使用2个，而不是4个空格带实现缩进。(除了每一行的终止符序列，ASCII水平空格符（0x20）是唯一一个可以出现在源文件中任意位置的空格字符) 2、不能省略分号 每 阅读全文
posted @ 2019-08-08 10:26 web与webGL 阅读(881) 评论(0) 推荐(0)
2019年8月3日
无阻塞加载脚本----性能优化（二）
摘要： 无阻塞加载脚本 1 脚本阻塞并行下载 行内脚本通过script标签引入整段javascript: 外部脚本通过script的src属性把独立文件中的JavaScript引入： <script src= "A.js"></script> src属性定义了需加载的外部URL，如果缓存中有脚本文件，浏览器 阅读全文
posted @ 2019-08-03 11:55 web与webGL 阅读(360) 评论(0) 推荐(0)
2019年7月31日
web开发者性能优化工具（一）
摘要： web开发者性能优化工具 1 数据包嗅探器（在性能优化时，查看页面（包括页面中全部资源）的加载过程） HttpWatch (http://www.httpwatch.com/) 把网络流量用图形的方式绘制出来；图形化的展示更容易发现性能的延迟问题 FireBug网络控制板，可以显示HTTP瀑布流。缺 阅读全文
posted @ 2019-07-31 18:55 web与webGL 阅读(808) 评论(0) 推荐(0)
2019年7月30日
webgl图库选型
摘要： 3D图库框架范围与示例 一、 BabylonJS（适用于小场景,开源;JavaScript、TypeScript） （一）特点强大，美观，简单和开放的3D渲染体验。（二）适用范围Babylon.js是一款WebGL开发框架。 适合做中大型项目，尤其是多种媒体混杂的或者是游戏项目VR体验项目（三）支持 阅读全文
posted @ 2019-07-30 16:42 web与webGL 阅读(832) 评论(0) 推荐(0)
threeJS创建mesh，创建平面，设置mesh的平移，旋转、缩放、自传、透明度、拉伸
摘要： 这个小案例是当初我在学习的时候，小的一个小案例，代码还需要进一步优化；还请谅解~~；主要用到了threeJS创建mesh，创建平面，设置mesh的平移，旋转、缩放、自传、透明度、拉伸等这些小功能； （点击每个mesh，mesh的颜色会变为红色） 点击 1 需要加载这些相关的js文件 2 下面是实现的 阅读全文
posted @ 2019-07-30 14:44 web与webGL 阅读(15385) 评论(0) 推荐(0)