Solid | 易学教程

EasyAR4.0使用说明（Unity3D）（七）----稀疏空间地图

阅读更多关于 EasyAR4.0使用说明（Unity3D）（七）----稀疏空间地图

稀疏空间地图的对应用环境的要求和平面图像识别可以比照理解，周围环境需要足够丰富，不能有大片的单色区域，透明区域。此外，光照，角度都会对建立地图和定位产生影响。官方给出了建立地图和定位地图的建议。 https://help.easyar.cn/EasyAR%20Sense/v4/Guides/EasyAR-Sparse-Spatial-Map.html 总体说明稀疏空间地图的基础是运动跟踪，所有在场景种首先要有运动跟踪的全套游戏对象包括设置。然后主要的是 SparseSpatialMapWorker 和 SparseSpatialMap 这两个游戏对象。 SparseSpatialMapWorker 游戏对象相关 Locailzation Mode 属性在建立地图的时候通常选“UntilSuccess”，在定位的时候，通常选“KeepUpdate”。 Use Global Service Config 选项可以设置是否使用全局定义的稀疏空间地图信息。 BuilderMapController.Host(…)方法是保存地图的方法，需要输入的参数是地图的名称和地图的缩略图，缩略图可以输入“null”。 BuilderMapController.MapHost 事件用于返回地图保存情况的事件。事件有 3 个参数，是地图保存成功后的名称，ID，是否保存成功的状态，还有错误信息。

Unity3d 小游戏从入门到？？？

阅读更多关于 Unity3d 小游戏从入门到？？？

一、下载unity3d 2018b3 win http://beta.unity3d.com/download/77f6238a7ced/Windows64EditorInstaller/UnitySetup64.exe?_ga=2.79047250.718293475.1544066313-293431037.1543222080 mac http://beta.unity3d.com/download/77f6238a7ced/MacEditorInstaller/Unity.pkg?_ga=2.79047250.718293475.1544066313-293431037.1543222080 二、 1、打开windw----packageManage 2、点击Advanced----show previce package 3、安装Tiny Mode 三、参考官方教程 https://docs.unity3d.com/Packages/com.unity.tiny@0.13/manual/index.html 视频教程： http://v.youku.com/v_show/id_XMzk1MTY4NDc5Ng==.html?spm=a2hfx.8251854.recordContent.DL~DD~5~5!2~1~3~A 总结：挺有意思的。

leaflet-webpack 入门开发系列三地图分屏对比(附源码下载)

阅读更多关于 leaflet-webpack 入门开发系列三地图分屏对比(附源码下载)

前言 leaflet-webpack 入门开发系列环境知识点了解： node 安装包下载 webpack 打包管理工具需要依赖 node 环境，所以 node 安装包必须安装，上面链接是官网下载地址 webpack 配置介绍文档详细的 webpack 文档配置介绍，适合新手查看，我也是边看边学 vscode 安装包下载，我这边用 vscode工具编译开发前端项目，个人觉的这款工具还不错 leaflet api文档介绍，详细介绍 leaflet 每个类的函数以及属性等等 leaflet 在线例子 leaflet 插件，leaflet 的插件库，非常有用内容概览 leaflet 地图分屏对比源代码 demo 下载效果图实现思路：创建左右并排的两个 div，各种渲染左右两个不同地图对象，然后同时监听左右两个地图的 drag 以及 mousemove 事件，在事件里面设置两个地图的当前范围一致 map. setView(_this.getCenter(),_this.getZoom()); html 地图界面 <html> <head> <title>Leaflet入门开发系列地图分屏</title> <style> html, body{ height: 100% ; margin: 0 ; padding: 0 ; } .left{ width: 50% ;

微信小程序-获取地理位置

阅读更多关于微信小程序-获取地理位置

推荐使用： wx.chooseLocation({ success: function (res) { console.log(res) // 获取位置 that.setData({ localPath: res.address}); }, }); 样图：实现： wxml： < view class ="box" > < view class ="box_left" > 位置： </ view > < input type ="text" class ="box_right" placeholder ="请选择位置" bindtap ="getLocalPath" value ='{{localPath}}' ></ input > </ view > wxss： .box { width : 700rpx ; margin-top : 100rpx ; display : flex ; flex-direction : row ; justify-content : flex-start ; border-bottom : solid 2rpx #D7D7D7 ; } .box_left { width : 120rpx ; font-size : 15px ; color : #000000 ; } .box_right { width : 400rpx ; font

Drawing Tai Chi Diagram with JavaScript

阅读更多关于 Drawing Tai Chi Diagram with JavaScript

今天，我们来介绍一下，如何基于JavaScript绘制太极图。 <html> <head> <title>Canvas tutorial</title> <style type="text/css"> canvas { border: 1px solid black; } </style> <script type="text/javascript" src="./draw.js" /> </head> <body onload="draw();"> <canvas id="tutorial" width="150" height="150"></canvas> </body> </html> draw.js function draw(){ var canvas = document.getElementById('tutorial'); if (canvas.getContext){ var ctx = canvas.getContext('2d'); ctx.beginPath(); ctx.arc(150, 50, 50, Math.PI*(1/2), Math.PI*(3/2), true); ctx.stroke(); ctx.beginPath(); ctx.arc(150, 150, 50, Math.PI*(3/2), Math.PI*(1/2), true);

vuex（一）mutations

阅读更多关于 vuex（一）mutations

前言：vuex的使用，想必大家也都知道，类似于状态库的东西，存储某种状态，共互不相干的两个组件之间数据的共享传递等。我会分开给大家讲解vuex的使用，了解并掌握vuex的核心(state,mutations,getters,actions). 首先，我们需要将vuex的安装依赖下载下来，npm install vuex, 以下代码都会在vue-cli下完成通过这样一个案例给大家说明mutations和state的作用及使用：上述功能：主要通过便利状态库中的数据后，点击取消关注后，会从状态库中更新数据，并变更virtual dom 我们需要先了解一个基本的东西： state：类似于vue中的data，状态库中的数据都放在state中，外部读取数据时，也是从state中读取的数据。 mutations：里面可以写一些方法供我们来更改state中的数据，需要配合commit使用。页面传递过来需求，然后commit（提交）到mutations中的某方法中用以改变state中的数据。可以说是存入数据前面讲到的都是如何获取state的数据，那如何把数据存储到state中呢？在 Vuex store 中，实际改变状态(state) 的唯一方式是通过提交(commit) 一个 mutation。mutations下的函数接收state作为参数，接收一个叫做payload（载荷

EasyAR4.0使用说明（五）----3D物体跟踪

阅读更多关于 EasyAR4.0使用说明（五）----3D物体跟踪

3D物体跟踪总体上是和平面图像跟踪差不多的，设置，包括程序控制，识别多个对象。区别只是目标对象的不同。总体说明 3D物体跟踪对3D物体的纹理，也就是表面的图案的丰富程度是有要求的，纹理如果是简单的色块组成的效果并不很好。官方对被跟踪的3D物体的详细要求可以查看官方网站的文档地址： https://help.easyar.cn/EasyAR%20Sense/v4/Guides/EasyAR-3D-Object-Tracking.html 3D物体跟踪主要是ObjectTracker和ObjectTarget这两个游戏对象，每个ObjectTarget对应一个被跟踪的3D物体，场景中也可以同时出现多个ObjectTracker。 ObjectTracker游戏对象相关 enable属性可以用于获取当前跟踪器状态，也可以用于启用/禁用当前跟踪器。 Simultaneous Target Number设置指定当前的跟踪器同时跟踪目标的最大数量。 ObejctTarget游戏对象相关 Tracker设置，每个ObjectTarget游戏对象必须指定一个ObjectTracker游戏对象才能被跟踪，可以通过修改该设置实现对3D物体的加载和卸载。 Active Control选项用于设置ObjectTarget游戏对象是否激活。 Source Type选项用于设置跟踪类型

Skyline WEB端开发1——入门

阅读更多关于 Skyline WEB端开发1——入门

Skyline是一套优秀的三维数字地球平台软件。凭借其国际领先的三维数字化显示技术，它可以利用海量的遥感航测影像数据、数字高程数据以及其他二三维数据搭建出一个对真实世界进行模拟的三维场景。目前在国内，它是制作大型真实三维数字场景的首选软件。当前例子使用的是简体中文版（6.6.1）、Download Simplified Chinese version (6.6.1) 软件的官网下载地址： http://www.skylinesoft.com/SkylineGlobe/corporate/Download/DownloadCenter.aspx 软件的百度网盘下载地址： https://pan.baidu.com/s/1xYV3dDC6SyUy0eJaLenmkA 提取码：ah93 6.6 license许可： https://pan.baidu.com/s/1Jxs1Lidzu9BgNJdIWJZmeA 提取码：1rj3 中文开发手册： https://pan.baidu.com/s/1C-MLM0mve3J5NM6jkbrSww 提取码：b7v4 下方使用到的fly文件： https://pan.baidu.com/s/12p9LuHFoBS5OoFV2YKEERg 提取码：rb1g 最简单的WEB例子 <! DOCTYPE html > < html > < meta

18.JavaScript实现许愿墙效果

阅读更多关于 18.JavaScript实现许愿墙效果

JavaScript实现许愿墙效果： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> body p { margin: 0 ; } .paper { position: fixed; left: 200px; top: 200px; width: 200px; height: 200px; padding: 20px; background: yellow; border - radius: 5px; box -sizing: border- box; cursor: pointer; } .close { display: block; width: 20px; height: 20px; border: 1px solid #ccc; border -radius: 50% ; position: absolute; top: 5px; right: 5px; text - align: center; background: #008c8c; } .inpWords { width: 300px;

日志：ifc转json后的格式1

阅读更多关于日志：ifc转json后的格式1

16年写的程序，今天晚上找到了，拿出来看看，记录一下。 IfcWallStandardCase #750964:[ Name:基本墙:Interior - Partition:937935 GlobalId:0$rKT9NFjEMv0x0ItfNT0j OwnerHistory:#41 IfcOwnerHistory LoadBearing:false ExtendToStructure:true IsExternal:false Reference:Interior - Partition 体积:0.748777952048025 面积:6.23981626706689 长度:1836.99999999983 RelatedObjects:[3cD8f9U_997xzXI3NHxEKd 3sxBt4car5DwvUBovZE1Fn 1DIF9mSXTD9fGFkYkboEp$ 3Kr3FkZnjBCgKjGvu72Raz 25p9Hc0kL3Qh9Cs$O1pHdU 0a_k15MGn4a9QGq20_Hxzb 2g27CqKDXBwAp2w2lX6I7V 1P6hRBfVT97Q70uTWSCKg0 2uh6pNYpT14vxjXzmDfHVP 1GpOWDBtPDDQAllr2jhKpo 1p7Qqu38PBux2T$H48mbXt

订阅 Solid