---
url: /examples/basics/full-screen.md
description: >-
Draw a full-screen shader and use the built-in UV and time uniforms for simple
animation.
---
::: example-editor
```ts
import { glCanvas } from "@radiancejs/gl";
import "./styles.css";
glCanvas({
canvas: "#glCanvas",
fragment: /* glsl */ `
varying vec2 vUv; // provided by the default vertex shader
uniform float uTime;
void main() {
gl_FragColor = vec4(vUv, sin(uTime) / 2. + .5, 1.);
}
`,
uniforms: {
uTime: ({ time }) => time / 500,
},
});
```
```css
html {
color-scheme: light dark;
}
body {
margin: 0;
}
canvas {
width: 100svw;
height: 100svh;
display: block;
}
```
```html
RadianceJS Example
```
:::