1import * as React from 'react';
2
3import ComponentListScreen from '../ComponentListScreen';
4
5const screens = [
6  {
7    _name: 'ClearToBlue',
8    isAvailable: true,
9    name: 'Clear to blue',
10    route: '/components/gl/cleartoblue',
11  },
12  {
13    _name: 'BasicTexture',
14    isAvailable: true,
15    name: 'Basic texture use',
16    route: '/components/gl/basictexture',
17  },
18  {
19    _name: 'GLViewScreen',
20    isAvailable: true,
21    name: 'GLView example',
22    route: '/components/gl/glviewscreen',
23  },
24  {
25    _name: 'Mask',
26    isAvailable: true,
27    name: 'MaskedView integration',
28
29    route: '/components/gl/mask',
30  },
31  {
32    _name: 'Snapshots',
33    isAvailable: true,
34    name: 'Taking snapshots',
35
36    route: '/components/gl/snapshots',
37  },
38  {
39    _name: 'THREEComposer',
40    isAvailable: true,
41    name: 'three.js glitch and film effects',
42
43    route: '/components/gl/threecomposer',
44  },
45  {
46    _name: 'THREEDepthStencilBuffer',
47    isAvailable: true,
48    name: 'three.js depth and stencil buffer',
49    route: '/components/gl/threedepthstencilbuffer',
50  },
51  {
52    _name: 'THREESprite',
53    isAvailable: true,
54    name: 'three.js sprite rendering',
55    route: '/components/gl/threesprite',
56  },
57  {
58    _name: 'ProcessingInAndOut',
59    isAvailable: true,
60    name: "'In and out' from openprocessing.org",
61    route: '/components/gl/processinginandout',
62  },
63  {
64    _name: 'ProcessingNoClear',
65    isAvailable: true,
66    name: 'Draw without clearing screen with processing.js',
67    route: '/components/gl/processingnoclear',
68  },
69  {
70    _name: 'PIXIBasic',
71    isAvailable: true,
72    name: 'Basic pixi.js use',
73    route: '/components/gl/pixibasic',
74  },
75  {
76    _name: 'PIXISprite',
77    isAvailable: true,
78    name: 'pixi.js sprite rendering',
79    route: '/components/gl/pixisprite',
80  },
81  {
82    _name: 'GLCamera',
83    isAvailable: true,
84    name: 'Expo.Camera integration',
85    route: '/components/gl/glcamera',
86  },
87  {
88    _name: 'WebGL2TransformFeedback',
89    isAvailable: true,
90    name: 'WebGL2 - Transform feedback',
91    route: '/components/gl/webgl2transformfeedback',
92  },
93  {
94    _name: 'Canvas',
95    isAvailable: true,
96    name: 'Canvas example - expo-2d-context',
97    route: '/components/gl/canvas',
98  },
99  {
100    _name: 'HeadlessRendering',
101    isAvailable: true,
102    name: 'Headless rendering',
103    route: '/components/gl/headlessrendering',
104  },
105  {
106    _name: 'ReanimatedWorklets',
107    isAvailable: true,
108    name: 'Reanimated worklets + gesture handler',
109    route: '/components/gl/reanimated',
110  },
111  {
112    _name: 'GLViewOnBusyThread',
113    isAvailable: true,
114    name: 'Creating GLView when a thread is busy',
115    route: '/components/gl/busythread',
116  },
117];
118
119export default function GLScreen() {
120  return <ComponentListScreen apis={screens} />;
121}
122