2020-11-20 18:25:46 +00:00
|
|
|
import React from 'react';
|
2020-11-20 19:22:47 +00:00
|
|
|
import Shader from './Shader';
|
2020-11-20 18:25:46 +00:00
|
|
|
|
|
|
|
/**
|
|
|
|
* @return {jsx} The root component
|
|
|
|
*/
|
|
|
|
export default function Root() {
|
2020-11-20 19:22:47 +00:00
|
|
|
const Shaders = [
|
|
|
|
'BaseRaymarching',
|
|
|
|
'Collapse',
|
|
|
|
'Droplets',
|
|
|
|
'Inception',
|
|
|
|
'Mentstom',
|
|
|
|
'Torus',
|
|
|
|
'Triangle',
|
|
|
|
];
|
|
|
|
|
2020-11-20 18:25:46 +00:00
|
|
|
return (
|
2020-11-20 19:22:47 +00:00
|
|
|
<div id='root'>
|
|
|
|
<div className='tile'><Shader name={Shaders[0]} /></div>
|
|
|
|
<div className='tile'><Shader name={Shaders[1]} /></div>
|
|
|
|
<div className='tile'><Shader name={Shaders[2]} /></div>
|
|
|
|
</div>
|
2020-11-20 18:25:46 +00:00
|
|
|
);
|
|
|
|
}
|