Ressources design · 7 outils

Shaders WebGL et dégradés de shaders

Des shaders pour le travail d'interface : dégradés animés, bruit et grain, et bacs à sable pour écrire du GLSL sans étape de build. Plusieurs sont livrés sous forme de composants React, si bien qu'un fond animé se résume à un seul import.

Trier

thebookofshaders.com

Book of ShadersShadersUn guide interactif et pratique qui vous apprend à écrire des fragment shaders pas à pas.

compute.toys

compute.toysShadersUn bac à sable en ligne pour écrire et expérimenter des compute shaders WGSL.

shaderfrog.com

ShaderfrogShadersUn éditeur visuel basé sur des nœuds pour créer des shaders en reliant des nœuds de graphe.

shadercn.run

shadercnShadersDes composants shader React que vous pouvez intégrer à vos projets, construits sur vgpu et TypeGPU.

shaders.paper.design

Paper ShadersShadersDes shaders prêts à importer, livrés sans aucune dépendance, pour vos projets web.

openshaders.com

OpenShadersShadersUne bibliothèque open source de shaders WebGL prêts à intégrer dans vos projets web.

orbkit.zzzzshawn.cloud

OrbkitShadersUn moteur de rendu propulsé par WebGL pour créer des effets d'orbes animés dans le navigateur.