Skip to content
View Duri686's full-sized avatar
🚩
whatever
🚩
whatever

Block or report Duri686

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.

Maximum 250 characters. Please don't include any personal information such as legal names or email addresses. 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
Duri686/README.md

Hi, I'm Duri 👋

F2E Engineer · Web Visualization (WebGL/Three.js, PixiJS) · A* Pathfinding & Multi-floor Routing · Vite/TS · Web Workers · Actions

views followers stars

👨‍💻 关于我

  • 核心领域: 2D/3D 地图可视化 (Leaflet, Three.js), 室内导航与路径规划 (A*).
  • 技术热情: 专注于高性能、高可用性的纯客户端 Web 应用,追求工程化与极致的用户体验.

🛠 技术栈

前端 (Frontend) 后端 & 数据库 (Backend & Database) 工程化 & DevOps (Tooling & DevOps)
JavaScript C# Node.js Vite
TypeScript SQL Nginx
Vue3 Nuxt3 Web Workers GitHub Actions
Leaflet Three.js PixiJS GSAP 数据埋点 TailwindCSS

🚀 正在探索 (Currently Exploring):

React Rust WebAssembly GSAP GLSL GPU SEO Geo

⭐ 精选项目

  • 🦀 RustQuantLab: 纯客户端高性能永续合约模拟器,无需后端即可在浏览器内完整复刻专业交易所体验。

    • 产品设计: 深度拆解 Binance/OKX 交易流程,抽象出保证金模型、强平机制、风险分级等核心业务逻辑;UI/UX 对标 TradingView 专业深色主题,注重信息密度与操作效率的平衡。
    • 工程决策: 选择 Rust→WebAssembly 而非纯 JS,是为了在浏览器内实现毫秒级高频 Tick 处理(1000+ updates/s)同时保证主线程 60fps 渲染不卡顿;通过 serde-wasm-bindgen 零拷贝桥接,消除 JS↔Wasm 数据序列化瓶颈。
    • 前端深度: React 状态分层架构(引擎层/业务层/视图层解耦)、ECharts 大数据量 K 线渲染优化、CSS Grid 响应式布局(移动端→4K 超宽屏自适应)。
    • Independently designed Web perpetual contract simulator replicating professional exchange UX. Rust/Wasm engine handles 1000+ ticks/s without blocking UI; React state layering + ECharts optimization; responsive grid layout from mobile to 4K ultrawide.
    • Live Demo:https://duri686.github.io/RustQuantLab/
    • Repo:https://github.com/Duri686/RustQuantLab
    • preview:

    RustQuantLab Preview

  • 🗺️ RoadNetVisualizer: 纯客户端 3D 室内导航模拟器,完整实现 A* 寻路算法与多楼层路径规划,无后端依赖。

    • 产品设计: 抽象"楼层-连接点-路径"拓扑模型,支持楼梯/电梯跨层导航(带代价权重);"点击即导航"零学习成本交互。
    • 工程决策: 多楼层节点合并统一图,A* 通过 crossFloor 边实现跨层寻路;异步执行避免阻塞渲染。
    • 前端深度: Three.js 3D 场景交互(楼层切换、相机过渡)、路径平滑(视线检测+障碍避让)、实时动画插值。
    • Pure client-side 3D indoor navigation with A pathfinding & multi-floor routing. Three.js scene interaction, path smoothing, zero backend dependency.*
    • Live Demo:https://duri686.github.io/RoadNetVisualizer/
    • Repo:https://github.com/Duri686/RoadNetVisualizer
    • preview:

    Path Preview

📊 GitHub 统计

GitHub Stats

📈 Activity Graph

Duri's Activity Graph

⭐ Latest Stars

📬 Contact

Pinned Loading

  1. RustQuantLab RustQuantLab Public

    🦀 Rust/Wasm-powered trading terminal with real-time K-line charts and order book visualization

    TypeScript

  2. RoadNetVisualizer RoadNetVisualizer Public

    High‑performance 3D multi‑layer road‑network visualization and navigation simulator built with Three.js, Vite, and Web Workers. Features hierarchical pathfinding (cross‑floor stairs/elevators), ob…

    JavaScript 2