程序员茄子
全部
编程
代码
资讯
案例
综合
联系我们
html在线编辑
登录注册
AI,自己全程接管维护
php
mysql
shell
go
vue
css
api接口对接
支付接口对接
最新
最热
PlayCanvas 深度实战:当浏览器遇上 WebGPU——从 WebGL 后时代到生产级 3D 游戏引擎的完全指南(2026)
编程
PlayCanvas 深度实战:当浏览器遇上 WebGPU——从 WebGL 后时代到生产级 3D 游戏引擎的完全指南(2026)
2026-06-09 16:51:07 +0800 CST
view 17
深入剖析 PlayCanvas 游戏引擎如何整合 WebGPU 技术,从 Compute Shader 粒子系统到 3D Gaussian Splatting 革命性渲染,带你掌握浏览器端 3D 游戏开发的最新技术栈。
WebGPU
PlayCanvas
3D游戏引擎
WebGL
Compute Shader
Gaussian Splatting
前端图形渲染
Figma 从 WebGL 到 WebGPU:一场浏览器图形引擎的工业级迁移实录
编程
Figma 从 WebGL 到 WebGPU:一场浏览器图形引擎的工业级迁移实录
2026-05-23 15:45:10 +0800 CST
view 184
深入剖析全球顶级设计工具Figma从WebGL迁移到WebGPU的全过程,涵盖着色器自动转换、缓冲区管理、性能优化、跨平台兼容性等核心工程实践。
WebGPU
Figma
图形渲染
前端性能优化
WGSL
Shader
浏览器
综合
LeaferJS:绚丽多彩的 HTML5 Canvas 2D 图形渲染引擎
2024-11-18 16:29:20 +0800 CST
view 1958
LeaferJS是一个强大的HTML5Canvas2D图形渲染引擎,提供丰富的UI绘图和交互功能,支持自动布局、图形编辑和SVG导出。它适用于高效绘图和数字化产品开发,具备跨平台和高性能的特点。用户可以通过简单的代码实现复杂的图形和交互效果,未来将支持可视化开发网页、应用、游戏和动画。
图形渲染
前端开发
用户界面
数字化产品
开发工具
LeaferJS 深度实战:百万级图形的 Canvas 引擎——从底层架构到生产级编辑器的完全指南(2026)
编程
LeaferJS 深度实战:百万级图形的 Canvas 引擎——从底层架构到生产级编辑器的完全指南(2026)
2026-06-03 09:40:17 +0800 CST
view 126
深入解析 LeaferJS 这款国产 Canvas 引擎,从底层架构设计到生产级图形编辑器实战,包含性能优化策略、四叉树命中检测、脏矩形渲染等核心技术原理与代码示例。
LeaferJS
Canvas
前端图形
性能优化
开源项目
告别笨重 CAD:Claude 写出来的 3D 建筑编辑器,浏览器打开就能用
资讯
告别笨重 CAD:Claude 写出来的 3D 建筑编辑器,浏览器打开就能用
2026-04-24 07:27:07 +0800 CST
view 414
PascalEditor是一款由ClaudeAI参与开发的WebGPU3D建筑编辑器,开源免费、浏览器直接运行、性能流畅。本文深入分析其技术架构(WebGPU、ReactThreeFiber、脏节点追踪、Monorepo分层设计)、核心特性(零门槛免安装、完全免费开源、AI参与开发)、与主流工具(酷家乐、SketchUp、AutoCAD/Revit)的对比,以及它所代表的AI编程新范式。适合装修房主、设计师、前端开发者及创业团队使用。
WebGPU
ReactThreeFiber
AI编程
开源3D工具
Claude
前端图形学
建筑可视化
MIT协议
3D编辑器
浏览器应用
WebGPU 深度解析:当 Chrome 正式发布 WebGPU 实现,Web 图形与通用计算的新纪元已至
编程
WebGPU 深度解析:当 Chrome 正式发布 WebGPU 实现,Web 图形与通用计算的新纪元已至
2026-04-15 19:20:07 +0800 CST
view 349
深入解析 Chrome 113 正式发布的 WebGPU 实现:架构设计、WGSL 着色器语言、Compute Shader 机器学习推理实战、性能对比与完整代码示例
WebGPU
WGSL
Chrome
图形API
GPU计算
Compute Shader
机器学习
Web图形
什么是 Vue 的服务端渲染(SSR)?它与客户端渲染的区别是什么?
编程
什么是 Vue 的服务端渲染(SSR)?它与客户端渲染的区别是什么?
2024-11-18 09:40:45 +0800 CST
view 1575
Vue的服务端渲染(SSR)是一种在服务器上生成完整HTML页面并发送给客户端的技术,提供更好的SEO和更快的首屏加载速度。与客户端渲染(CSR)相比,SSR减轻了客户端负担,适合需要优化加载时间和搜索引擎优化的场景。Vue提供了`vue-server-renderer`库来实现SSR,开发者可以根据需求选择合适的渲染方式。
Web开发
前端技术
Vue.js
渲染技术
性能优化
WebGPU + WebAssembly:2026年浏览器端到端高性能计算的完整实战指南
编程
WebGPU + WebAssembly:2026年浏览器端到端高性能计算的完整实战指南
2026-05-16 23:21:19 +0800 CST
view 259
深度解析WebGPU与WebAssembly协同计算,从底层原理到工程实战,涵盖渲染管线、并行计算、SIMD加速、零拷贝数据传输等核心技能
WebGPU
WebAssembly
前端
图形
性能优化
Rust
JavaScript
不用学Three.js,Image2+Codex两步生成360°全景渲染
编程
不用学Three.js,Image2+Codex两步生成360°全景渲染
2026-05-12 06:45:28 +0800 CST
view 301
用GPT Image2和Codex组合,两步生成360°全景渲染查看器。第一步用Image2生成equirectangular格式全景图,第二步让Codex生成Three.js HTML查看器,无需学习Three.js,浏览器直接打开即可体验。
GPT-Image2
Codex
360全景
Three.js
AI渲染
前端可视化
如何在Vue中基于条件动态地渲染不同的组件
编程
如何在Vue中基于条件动态地渲染不同的组件
2024-11-18 14:54:07 +0800 CST
view 1680
本文探讨了如何在Vue3中基于条件动态渲染不同的组件。介绍了使用v-if与v-else指令、动态组件<component>、缓存组件状态的<keep-alive>以及与路由结合的方式。通过示例代码,展示了如何根据用户操作或状态切换组件,提升应用的动态性和互动性。
前端
Vue
组件化
动态渲染
JavaScript
HyperFrames 深度解析:HeyGen 开源的「HTML 写视频」革命——从 FrameAdapter 架构到 AI Agent 驱动的内容生产新范式
编程
HyperFrames 深度解析:HeyGen 开源的「HTML 写视频」革命——从 FrameAdapter 架构到 AI Agent 驱动的内容生产新范式
2026-05-19 00:47:13 +0800 CST
view 444
HeyGen 开源的 HyperFrames 框架深度解析:HTML+GSAP 写视频的革命性技术,FrameAdapter 架构、Puppeteer 逐帧捕获、FFmpeg 编码、AI Agent 自动化生产完整指南,对比 Remotion 与生产级实战
HyperFrames
AI视频
GSAP
Puppeteer
FFmpeg
视频渲染
前端工具
HeyGen
AI Agent
自动化生产
如何在Vue3中使用Three.js实现3D图形渲染?
编程
如何在Vue3中使用Three.js实现3D图形渲染?
2024-11-18 19:05:19 +0800 CST
view 1915
本文介绍了如何在Vue3项目中使用Three.js实现基本的3D图形渲染。通过创建一个新的Vue3项目,安装Three.js,并编写一个名为ThreeScene的组件,展示了如何初始化3D场景、相机和渲染器,以及如何实现立方体的旋转动画。最后,组件被集成到主应用中,展示了3D渲染的效果。
前端开发
3D图形
Vue.js
JavaScript
Three.js
代码
基于Vue.js的拖动功能和画布设置的Web应用
2024-11-19 09:53:07 +0800 CST
view 1520
该文本描述了一个基于Vue.js的拖动功能和画布设置的Web应用。用户可以通过左侧的功能菜单添加文字或图片元素到画布中,并可以调整这些元素的样式和位置。应用提供了设置画布的宽度、高度、背景颜色和背景图片的功能,同时支持预览和下载画布内容的功能。整体设计旨在提供一个直观的用户界面,方便用户进行图形设计。
Web开发
前端技术
用户界面
图形设计
编程
Paper.js是一个开源的JavaScript库,基于HTML5Canvas构建,提供强大的工具用于创建和操作矢量图形
2024-11-18 15:08:45 +0800 CST
view 2432
Paper.js是一个开源的JavaScript库,基于HTML5Canvas构建,提供强大的工具用于创建和操作矢量图形。它支持动态图形设计、数据可视化、游戏开发等多种应用场景。通过简单的API,开发者可以轻松实现动画和交互效果,提升用户体验。本文介绍了Paper.js的基本概念、使用案例及其在前端开发中的重要性。
前端开发
图形设计
开源工具
代码
HTML和JavaScript创建的烟花动画效果
2024-11-19 04:21:02 +0800 CST
view 1814
该文本展示了一个使用HTML和JavaScript创建的烟花动画效果。通过在画布上绘制烟花和粒子,代码实现了烟花的生成、更新和绘制。包含了画布的自适应调整和烟花爆炸后粒子的动画效果,整体背景为黑色,营造出烟花绽放的视觉效果。
前端开发
动画
图形编程
JavaScript
HTML
Warp 终端深度实战:从 GPU 渲染引擎到 AI Agent Mode——Rust 重构终端的架构级拆解与生产级部署指南(2026)
编程
Warp 终端深度实战:从 GPU 渲染引擎到 AI Agent Mode——Rust 重构终端的架构级拆解与生产级部署指南(2026)
2026-06-02 06:23:52 +0800 CST
view 87
Warp终端2026年4月开源后的深度技术拆解:从GPU渲染引擎、Block数据模型、SumTree编辑器到AI Agent Mode和MCP协议集成,逐层拆解Rust重构终端的架构设计与生产级部署实践
Warp
Rust
终端
AI Agent
GPU渲染
MCP
开源
Rust GUI 开发:打造美观高性能的跨平台应用
编程
Rust GUI 开发:打造美观高性能的跨平台应用
2024-11-18 22:20:49 +0800 CST
view 2984
RustGUI开发正在快速发展,提供高性能、安全和跨平台的桌面应用开发工具。本文探讨了Rust的GUI生态系统,包括Druid、iced和egui等框架的特点和示例代码,强调了Rust在内存安全、并发性能和跨平台支持方面的优势。尽管生态系统相对年轻,但其潜力巨大,适合个人开发者和企业级应用。
编程
软件开发
Rust
图形用户界面
跨平台应用
Flutter 2026 深度解析:Impeller 接管 Android、Wasm 颠覆 Web 端——跨平台框架的底层革命
编程
Flutter 2026 深度解析:Impeller 接管 Android、Wasm 颠覆 Web 端——跨平台框架的底层革命
2026-05-11 07:21:12 +0800 CST
view 376
Flutter 2026深度解析:Impeller渲染引擎全面接管Android解决卡顿,Wasm成为Web默认实现原生性能,AI原生架构重塑跨平台开发
Flutter
Impeller
Wasm
跨平台
渲染引擎
AI原生
Flowsint 深度实战:开源情报图形调查平台完全指南——从实体关联分析到自动化情报收集的工程化实践(2026)
编程
Flowsint 深度实战:开源情报图形调查平台完全指南——从实体关联分析到自动化情报收集的工程化实践(2026)
2026-06-02 23:14:35 +0800 CST
view 189
Flowsint 是一个现代化的开源情报(OSINT)图形调查平台,通过可视化、灵活且可扩展的架构,让复杂的情报关联分析变得直观高效。本文深入剖析 Flowsint 的架构设计、核心功能、实战部署和高级用法。
OSINT
网络安全
开源情报
图形数据库
Flowsint
Ghostty 深度拆解:Zig 语言如何锻造 5.2 万 Star 的终端利器,以及它为什么「哭着离开」GitHub
编程
Ghostty 深度拆解:Zig 语言如何锻造 5.2 万 Star 的终端利器,以及它为什么「哭着离开」GitHub
2026-05-02 04:35:34 +0800 CST
view 319
深度拆解Ghostty终端模拟器的技术架构:Zig语言选型理由、GPU渲染管线、原生UI适配、comptime元编程,以及5.2万Star项目为何离开GitHub
Ghostty
Zig
终端模拟器
GPU渲染
GitHub
Ghostty 深度解析:Zig 打造的 GPU 加速终端——从 Mitchell Hashimoto 的再次创业到 AI 时代的命令行基础设施
编程
Ghostty 深度解析:Zig 打造的 GPU 加速终端——从 Mitchell Hashimoto 的再次创业到 AI 时代的命令行基础设施
2026-05-17 09:44:24 +0800 CST
view 313
深度解析 Ghostty 终端模拟器的技术架构:Zig 语言编写、Metal/OpenGL GPU 加速渲染、原生 SwiftUI/GTK4 UI、内置分屏与 Quick Terminal,以及 AI 编程时代的终端战略定位。
Ghostty
Zig
终端模拟器
GPU渲染
AI编程
Zed 1.0 深度解析:Atom 团队用 Rust 和 GPU 渲染重塑代码编辑器,五年磨一剑能否终结 VS Code 时代?
编程
Zed 1.0 深度解析:Atom 团队用 Rust 和 GPU 渲染重塑代码编辑器,五年磨一剑能否终结 VS Code 时代?
2026-05-02 20:06:37 +0800 CST
view 606
Zed 1.0 深度技术解析:Atom 团队用 Rust 和 GPU 渲染重塑代码编辑器,五年百万行代码,从架构革命到 AI-Native 设计,能否终结 VS Code 时代?
Zed
Rust
GPU渲染
代码编辑器
VS Code
Warp 终端深度解析:Rust + GPU + AI Agent 如何重新定义命令行体验
编程
Warp 终端深度解析:Rust + GPU + AI Agent 如何重新定义命令行体验
2026-05-12 06:44:52 +0800 CST
view 278
深度解析Warp终端开源架构:Block-Based输出模型重构命令行交互、wgpu+WGSL GPU渲染60-144fps、AI Agent原生集成MCP协议与多模型协作、WarpUI声明式UI框架、Tokio+Smol双异步运行时、FlatStorage连续内存Grid、编辑器级输入体验
Warp
Rust
GPU渲染
AI Agent
MCP
终端
wgpu
Block输出
开源
百度 ERNIE-Image 文生图模型深度解析:8B参数可商用,24G显卡即可运行
资讯
百度 ERNIE-Image 文生图模型深度解析:8B参数可商用,24G显卡即可运行
2026-04-23 16:22:16 +0800 CST
view 439
百度开源了ERNIE-Image文生图模型,基于DiT架构,仅8B参数,可在24G显存显卡上运行。该模型在GenEval和LongTextBench基准测试中表现优异,尤其擅长文字渲染、指令遵循和结构化生成(如海报、漫画)。提供标准版(50步)和Turbo版(8步),支持Diffusers、SGLang和ComfyUI部署,完全开源可商用。
AI绘画
开源模型
百度
图像生成
文字渲染
海报设计
漫画创作
技术教程
大家都在搜索什么?
devops
易支付
一个官网+多少钱
统一接受回调
统一回调
sub
node
宝塔日志
mysql
shell
ElasticSearch
css
vue
api接口对接
2025
支付接口对接
go
php
php回调
回调
上一页
1
2
3
...
31
下一页