tag

JavaScript

共 18 篇文章。
全部文章GoTypeScript游戏开发小游戏游戏设计Godot书稿RustPython性能优化游戏引擎PRDSaaS游戏服务端
frontend

前端动画与渲染性能:帧率、合成层与 GPU 加速

前端动画与渲染性能:浏览器渲染流水线(解析/样式/布局/绘制/合成)、帧率与刷新率(60fps/120fps/VSync)、CSS 动画 vs JS 动画(requestAnimationFrame)、合成层与 GPU 加速(will-change/transform3d)、性能分析工具(Chrome DevTools Performance/Rendering/Layers)、常见性能陷阱(强制同步布局/布局抖动/重绘风暴)、动画优化策略(FLIP/虚拟滚动/离屏渲染)、Web Animations API、SVG 与 Canvas 动画选型。

6 分钟阅读
动画 渲染 性能
game

Three.js 高级渲染技术:PBR、后处理管线与性能调优

Three.js 作为最流行的 Web 3D 框架,其高级特性远不止基础几何体和材质。本文深入探讨 Three.js 的物理材质系统(MeshPhysicalMaterial)、基于图像的光照(IBL)、延迟渲染后处理管线(EffectComposer、Bloom、SSAO、Tone Mapping)、LOD 管理、实例化渲染(InstancedMesh)以及与 WebGPU 渲染器的集成,展示如何在浏览器中实现接近原生质量的渲染效果。

8 分钟阅读
Three.js WebGL WebGPU
game

WebGPU 浏览器图形 API 完整教程:从第一个三角形到 Compute Shader

WebGPU 是 W3C 推出的下一代浏览器图形与计算 API,取代了已有十年历史的 WebGL。本教程从浏览器环境配置开始,完整讲解 WebGPU 的适配器与设备枚举、命令编码器、渲染管线、顶点缓冲、 uniform 绑定、纹理加载与采样,以及 Compute Shader 通用计算编程,帮助前端开发者迈入现代 GPU 编程时代。

9 分钟阅读
WebGPU WebGL GPU
frontend

现代浏览器 API 与 Web 平台能力地图

系统性梳理现代浏览器原生 API 能力地图:Web Workers / Shared Workers 多线程计算、IndexedDB / Cache API / Storage API 客户端存储、Intersection Observer / Resize Observer / Mutation Observer 布局观测、Web Share / Web Share Target / Contact Picker 社交集成、Clipboard API / File System Access / Drag & Drop 数据交互、Web Bluetooth / Web NFC / Web Serial / Web HID / Web USB 硬件连接、Web Speech / Web Audio / MediaRecorder 多媒体、Payment Request / Credential Management 身份与支付、BroadcastChannel / Beacon / Reporting API 页面通信与报告。

6 分钟阅读
JavaScript advanced