摘要：
我们已经知道怎么实现贝塞尔曲线飞线 我们用图片来代替球类 首先数据结构定义 其中多了graph 相关就是拖尾运动球的设置 let option = { renderer:{ type: "simple", symbol: { lineColor: "#14ff34", lineWidth: 2, g 阅读全文
摘要：
我们来用pixi.js 构建发光的线，这个可以用于交通道路端的可视化 首先数据结构定义 其 let option = { renderer: { type: "simple", symbol: { lineColor: "#48ff9a", lineWidth: 3, filterColor: "# 阅读全文
摘要：
我们先定义一下贝塞尔曲线的数据结构 let option = { renderer:{ type: "simple", symbol: { lineColor: "#14ff34", lineWidth: 3 } }, data: [ { geometry: [ [12958063.6570659, 阅读全文
摘要：
我们已经知道怎么实现贝塞尔曲线， 那么贝赛尔飞线 我们可以模拟sprite 沿着线的轨迹运动有点像飞线的感觉了 首先数据结构定义 其中多了graph 相关就是拖尾运动sprite的设置 let option = { renderer:{ type: "simple", symbol: { lineC 阅读全文
摘要：
这次我们用pixi.js 做一个发光扩散圆和arcgis js结合 我们先定义一下 传入数据结构 let option = { renderer: { type: "simple", symbol: { color: "#ffda1a", radius: 12, width: 2, } }, dat 阅读全文
摘要：
对于cesium 是可以模拟 天气系统我们来用typescript 构建一个天气工具类首先我们先定义参数 export interface PWeather { type:EWeather, option?:any } export enum EWeather { no=0,//雨 snow=1,/ 阅读全文
摘要：
这次我们用pixi.js 做扩散圆和arcgis js结合 我们先定义一下 传入数据结构 let option = { renderer: { type: "simple", symbol: { innerCircle: { color: "#ffec15", radius: 8, }, outer 阅读全文
摘要：
在放大缩小 我们可以做动画来针对不同比例尺缩放点我们使用gsap 库来做这个事情 针对gsap 还有PIXI 的插件 导入相关类库 和初始化 import { TimelineMax,Timeline, gsap } from "gsap/gsap-core"; import { PixiPlugi 阅读全文
摘要：
这次我们用pixi.js 做缩放圆和arcgis js结合 我们先定义一下 传入数据结构 let option = { renderer: { type: "simple", symbol: { color: "#FF3366", radius: 20, width: 4, } }, data: [ 阅读全文
摘要：
对于弹性圆效果 我们先定义一下他的interface, 方便使用的人知道他的调用参数 export interface PMaterialElasticCircle{ color?: any, speed?: number, } 对于弹性圆我们叫 MaterialElasticCircle ``ja 阅读全文