Skip to content
View xiaoiver's full-sized avatar

Block or report xiaoiver

Block user

Prevent this user from interacting with your repositories and sending you notifications. Learn more about blocking users.

You must be logged in to block users.

Please don't include any personal information such as legal names or email addresses. Maximum 100 characters, markdown supported. This note will be visible to only you.
Report abuse

Contact GitHub support about this user’s behavior. Learn more about reporting abuse.

Report abuse
xiaoiver/README.md

Hi all 👋

  • 🔭 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:
  • 📫 How to reach me:

Pinned Loading

  1. infinite-canvas-tutorial infinite-canvas-tutorial Public

    A tutorial on infinite canvas

    TypeScript 146 9

  2. antvis/G antvis/G Public

    💥 A flexible rendering engine for visualization.

    TypeScript 1.1k 206

  3. a-simple-gltf-viewer a-simple-gltf-viewer Public

    A simple WebGL glTF viewer

    TypeScript 38 8

  4. custom-mapbox-layer custom-mapbox-layer Public

    A custom layer based on Mapbox

    TypeScript 92 27

  5. lavas-project/lavas lavas-project/lavas Public

    基于 Vue 的 PWA 解决方案,帮助开发者快速搭建 PWA 应用,解决接入 PWA 的各种问题

    JavaScript 2k 115

  6. lavas-project/vue-skeleton-webpack-plugin lavas-project/vue-skeleton-webpack-plugin Public

    Lavas webpack plugin: skeleton solution for PWA webshell

    JavaScript 884 129