The custom-mapbox-layer from xiaoiver

View Code? Open in Web Editor NEW

A custom layer based on Mapbox

TypeScript 91.62% GLSL 8.03% JavaScript 0.34% CSS 0.01%

custom-mapbox-layer's Introduction

🔭 I'm a front-end engineer currently working on AntV.
📖 I'm writing a series of tutorials on infinite canvas: https://infinitecanvas.cc/.
🎨 I'm interested in rendering technology:
- @antv/g - A flexible rendering engine for visualization adapting all underlying rendering APIs (Canvas2D / SVG / WebGL / WebGPU / CanvasKit / Node.js) on the web side. It supports for upper tier products such as G2, G6 and L7.
- @antv/g-device-api - A hardware adaptation layer using WebGL & WebGPU underneath.
- @antv/a8 - An audio visualizer including effects such as GPU particles.
- @antv/layout-gpu - Speed up graph algorithm with GPGPU(WebGL & WebGPU underneath) How I made it
- renderer - A toy renderer inspired by bevy. Based on ECS architectural pattern and WebGPU.
- Compute Toys - A collection of WGSL compute shaders.
🦀 I've also been learning Rust lately:
- @antv/layout-wasm - A WASM binding of @antv/layout-rust using Rust implementing some graph layout algorithm like Force. We also used wasm-bindgen-rayon to implement data parallelism with WebWorkers. How I made it
- Use naga and its WASM binding for transpiling GLSL to WGSL.
🌱 Other web techniques like WebCodecs, WebAudioAPI and WebNN:
- player - A soccer video analyzer inspired by Tracking Football Players with YOLOv5 + ByteTrack using some web techniques like WebCodecs / WebAudioAPI / WebGPU.
📫 How to reach me:
- zhihu
- yuque

custom-mapbox-layer's People