- 博客(13)
- 收藏
- 关注
原创 vue3 新语法 setup
相信大家都已经很熟悉vue3的新特性,简单记录一下vue3中setup的一些语法2. 组件props,attrs,slot,结构赋值时避免props失去响应性使用toRefs 3. 生命周期 因为setup执行在created后,所以可以在setup里面写onMounted4. setup中不存在this,所以官方放出getCurrentInstance获取一些全局变量5. watch watchEffect unwatch computed 6. provi
2022-07-05 15:21:31
449
原创 cesium实现动态圆扩散扫描效果
效果如下主要调用如下方法:mapMixin._c_add_rotate_circle([120.952811,31.957272,1000],circlePng,800,'run_circle') // 添加动态圆扫描mapMixin._c_add_run_circle({position:[120.952811,31.932272,1000],minR:100,maxR:1000,deviationR:1,img:circlePng1}) // 添加动态圆扩散mapMixin._c
2022-02-18 17:25:22
2016
原创 cesium只展示某个区域市省地图
效果如下所示:主要是调用_c_add_geojson_area方法代码如下:geojson数据获取:DataV.GeoAtlas地理小工具系列<template> <div class="mapBox"> <div id="cesium" ref="cesium"></div> </div></template><script>import mapMixin from "./js/map
2022-02-18 16:50:36
6415
10
原创 cesium实现高亮动态楼栋路线效果
效果图如下vue文件如下 ,主要是调用如下方法mapMixin._c_add_tileset('./mapdata/cesium/ccbuild/tileset.json') // 添加楼栋模型mapMixin._c_add_hight_line(lightLine) // 添加动态路线<template> <div class="mapBox"> <div id="cesium" ref="cesium"></div&..
2022-02-18 16:32:53
2075
2
原创 cesium实现简单地图展示
vue中使用cesium初始化cesium.vue内容如下:<template> <div class="mapBox"> <div id="cesium" ref="cesium"></div> </div></template><script>import mapMixin from "./js/mapMixin";export default { data() {...
2022-02-18 16:01:41
1766
3
原创 Three.js中使用cannon.js实现物理世界
如上图简单生成box,实现自由落体// 安装cannonnpm i cannondirector.js内容,注:添加地面ground:mass为0;添加box:mass为1import Template from "../common/Template"import * as THREE from 'three'import * as CANNON from 'cannon'export default class Director extends Template{ c..
2022-02-16 14:12:54
1127
1
原创 three.js教程创建消防场景示例二
先看下最终效果吧开始 创建多个仓库自定义长宽高可参考上一节three.js教程创建仓库场景示例一 addHouse(){ const house1 = new House(150,80,20,this.scene) house1.setPosition(-50, 1, 100) house1.addToScene(this.scene) this.meshList.push(...house1.instance.children) ...
2022-01-24 09:15:30
1060
原创 three.js教程创建仓库场景示例一
首先创建一个空间场景,Template等配置文件可参考three.js教程学习初始化配置director.jsimport Template from "../common/Template"import * as THREE from 'three'import House from "../objects/House"export default class Director extends Template{ constructor (ele) { super(..
2022-01-21 15:25:10
1515
原创 three.js 教程BufferGeometry讲解
首先先用BufferGeometry创建一条无限延长的线段,初始化线段点addRunline(){ // geometry var geometry = new THREE.BufferGeometry(); // attributes // var positions = new Float32Array( this.MAX_POINTS * 3 ); // 3 vertices per point geometry.setAttribute( 'positi
2022-01-20 16:46:37
3140
原创 three.js教程学习初始化配置
记录一下学习three.js历程,我用的全是class,这里配置一下基础的class文件,由于目前也在学习ts就用了ts了文件目录大概如下:common中写基础的配置,objects中写具体实例, scene中写具体逻辑创建调用Base.tsimport { Scene } from "three"export default class Base { instance:any constructor(){} setPosition (x:number,y.
2022-01-20 11:16:45
1130
原创 vue3+typescript+antdv+vite初始化项目
1. 初始化vue3项目npm init @vitejs/app vue3-demo 加入文件夹,运行即可看到初始页面npm inpm run dev初始化项目后配置文件目录如下2. 配置tsconfig.json文件{ "compilerOptions": { "target": "esnext", "useDefineForClassFields": true, "module": "esnext", "m...
2022-01-20 09:30:47
1157
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人