awesome-repositories.com
Blog
awesome-repositories.com

Entdecke die besten Open-Source-Repositories mit KI-gestützter Suche.

EntdeckenKuratierte SuchenOpen-Source-AlternativenSelf-hosted SoftwareBlogSitemap
ProjektÜber unsRanking-MethodikPresseMCP-Server
RechtlichesDatenschutzAGB
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·
stackgl avatar

stackgl/shader-school

0
View on GitHub↗
4,409 Stars·260 Forks·JavaScript·6 Aufrufe

Shader School

Shader School ist eine interaktive Lernplattform und ein Grafikprogrammierungskurs, der für die Beherrschung der GLSL-Shader-Entwicklung konzipiert wurde. Er bietet einen strukturierten Lehrplan zum Erlernen der GPU-Programmierung und der technischen Grundlagen programmierbarer Shader durch eine Reihe browserbasierter Programmierübungen.

Die Plattform fungiert als interaktive Shader-Sandbox und WebGL-Grafik-Tutorial, das es Benutzern ermöglicht, Code innerhalb eines Echtzeit-Interfaces zu schreiben und zu testen. Diese Umgebung bietet sofortiges visuelles Feedback und ermöglicht das Üben interaktiver Grafikentwicklung und webbasierter Shader-Workshops ohne lokale Entwicklungsumgebung.

Features

  • Shader Programming - Teaches the process of writing and optimizing GLSL vertex and fragment shaders through interactive exercises.
  • Exercise Sequencing Systems - Manages a structured learning path through a system that sequences exercises and unlocks content upon completion.
  • GPU Programming Courses - Offers a structured educational course focused on the fundamentals of GPU programming and programmable shaders.
  • Shader Learning Platforms - Serves as an interactive learning platform for mastering graphics programming through browser-based coding exercises.
  • Runtime Shader Compilers - Employs a runtime shader compiler to transform GLSL source code into GPU binaries for real-time rendering.
  • Educational Platforms - Provides an interactive platform dedicated to mastering GLSL shader development through hands-on exercises.
  • Interactive Shader Sandboxes - Provides a real-time interactive shader sandbox for iterating on GLSL logic with immediate visual results.
  • WebGL Rendering - Uses the WebGL API to execute custom GLSL fragment shaders for pixel-perfect GPU rendering in the browser.
  • Browser-Based Execution Environments - Provides a browser-native execution environment where shader code is executed for immediate visual feedback.
  • Shader Development Environments - Provides a browser-based shader development environment for experimenting with and refining GLSL code.
  • Shader Uniform Management - Implements a system for passing dynamic CPU-side variables such as time and resolution to GPU shaders as uniforms.
  • Tutorials - Provides a guided series of lessons for mastering vertex and fragment shaders using WebGL.
  • Web API and Browser Standards - Interactive learning for WebGL and shader programming.
  • Interactive Learning Workshops - Interactive workshop for learning GLSL and graphics programming.

Star-Verlauf

Star-Verlauf für stackgl/shader-schoolStar-Verlauf für stackgl/shader-school

KI-Suche

Entdecke weitere awesome Repositories

Beschreibe in einfachen Worten, was du brauchst — die KI bewertet tausende kuratierte Open-Source-Projekte nach Relevanz.

Start searching with AI

Häufig gestellte Fragen

Was macht stackgl/shader-school?

Shader School ist eine interaktive Lernplattform und ein Grafikprogrammierungskurs, der für die Beherrschung der GLSL-Shader-Entwicklung konzipiert wurde. Er bietet einen strukturierten Lehrplan zum Erlernen der GPU-Programmierung und der technischen Grundlagen programmierbarer Shader durch eine Reihe browserbasierter Programmierübungen.

Was sind die Hauptfunktionen von stackgl/shader-school?

Die Hauptfunktionen von stackgl/shader-school sind: Shader Programming, Exercise Sequencing Systems, GPU Programming Courses, Shader Learning Platforms, Runtime Shader Compilers, Educational Platforms, Interactive Shader Sandboxes, WebGL Rendering.

Welche Open-Source-Alternativen gibt es zu stackgl/shader-school?

Open-Source-Alternativen zu stackgl/shader-school sind unter anderem: patriciogonzalezvivo/thebookofshaders — The Book of Shaders is an interactive educational guide and curriculum for learning GLSL fragment shader programming… gfxfundamentals/webgl-fundamentals — webgl-fundamentals is a comprehensive educational resource and graphics tutorial for learning hardware-accelerated 2D… ashima/webgl-noise — WebGL Noise is a library of shader routines designed for procedural graphics generation within the browser. It… stackgl/webgl-workshop — :mortar_board: The sequel to shader-school: Learn the WebGL API. mpetroff/pannellum — Pannellum is a WebGL panorama viewer and virtual tour framework used to render equirectangular or cubemap images as… adrianhajdin/project_3d_developer_portfolio — This project is a three-dimensional developer portfolio template and web application. It uses Three.js to render…

Open-Source-Alternativen zu Shader School

Ähnliche Open-Source-Projekte, sortiert nach der Anzahl der gemeinsamen Funktionen mit Shader School.
  • patriciogonzalezvivo/thebookofshadersAvatar von patriciogonzalezvivo

    patriciogonzalezvivo/thebookofshaders

    6,931Auf GitHub ansehen↗

    The Book of Shaders is an interactive educational guide and curriculum for learning GLSL fragment shader programming to create procedural graphics and visual effects. It provides a structured learning path and a categorized reference guide for data types, built-in functions, and mathematical operations used in shader development. The project features a web-based shader sandbox and interactive editor that allows for real-time iteration and visualization of GLSL code. Users can experiment with procedural art and share their results via unique URLs. The curriculum covers a wide range of graphic

    GLSL
    Auf GitHub ansehen↗6,931
  • gfxfundamentals/webgl-fundamentalsAvatar von gfxfundamentals

    gfxfundamentals/webgl-fundamentals

    5,004Auf GitHub ansehen↗

    webgl-fundamentals is a comprehensive educational resource and graphics tutorial for learning hardware-accelerated 2D and 3D rendering using the WebGL API. It serves as a structured 3D graphics curriculum and GPU programming reference, guiding users through the graphics pipeline from basic geometry to advanced rendering techniques. The project provides detailed guides on GLSL shader development, including the creation of vertex and fragment shaders. It specifically focuses on the implementation of real-time lighting models—such as directional, point, and spot lighting—and the application of s

    HTML3d3d-mathglsl
    Auf GitHub ansehen↗5,004
  • ashima/webgl-noiseAvatar von ashima

    ashima/webgl-noise

    2,985Auf GitHub ansehen↗

    WebGL Noise is a library of shader routines designed for procedural graphics generation within the browser. It provides a collection of mathematical functions that allow developers to calculate noise patterns directly on the graphics processing unit, eliminating the need for external image assets or pre-computed data textures. The library focuses on the implementation of standard noise algorithms, including simplex, classic, cellular, and periodic patterns. By executing these calculations as stateless functions within the shader pipeline, the project enables the creation of dynamic, evolving

    C++
    Auf GitHub ansehen↗2,985
  • stackgl/webgl-workshopAvatar von stackgl

    stackgl/webgl-workshop

    1,499Auf GitHub ansehen↗

    :mortar_board: The sequel to shader-school: Learn the WebGL API

    JavaScript
    Auf GitHub ansehen↗1,499
  • Alle 30 Alternativen zu Shader School anzeigen→