RetroSearch Browse

Showing content from https://developer.cdn.mozilla.net/zh-CN/docs/Web/API/WebGL_API/By_example below:

WebGL çä¾å

æ£æµ WebGL: è¿ä¸ªä¾åæ¼ç¤ºå¦ä½æ£æµ WebGL æ¸²æä¸ä¸æå¹¶ä¸åé¦ç»ç¨æ·ã
Clearing with colors: How to clear the rendering context with a solid color.
Clearing by clicking: How to combine user interaction with graphics operations. Clearing the rendering context with a random color when the user clicks.
Simple color animation: A very basic color animation, done by clearing the WebGL drawing buffer with a different random color every second.
Color masking: Modifying random colors by applying color masking and thus limiting the range of displayed colors to specific shades.
Basic scissoring: How to draw simple rectangles and squares with scissoring operations.
Canvas size and WebGL: The example explores the effect of setting (or not setting) the canvas size to its element size in CSS pixels, as it appears in the browser window.
Boilerplate 1: The example describes repeated pieces of code that will be hidden from now on, as well as defining a JavaScript utility function to make WebGL initialization easier.
Scissor animation: Some animation fun with scissoring and clearing operations.
Raining rectangles: A simple game that demonstrates clearing with solid colors, scissoring, animation, and user interaction.

Hello GLSL: A very basic shader program that draws a solid color square.
Hello vertex attributes: Combining shader programming and user interaction through vertex attributes.
Textures from code: A simple demonstration of procedural texturing with fragment shaders.

Video textures: This example demonstrates how to use video files as textures.

RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.4