added rays

src/components/main/GodRays/index.tsx

@@ -117,14 +117,14 @@ export class GodRays extends React.Component<IGodRaysProps> {
         width: '100%',
         height: '100%',
         zIndex: -1,
-        opacity: 0.5,
+        opacity: 1,
         pointerEvents: 'none',
       }}>
         <canvas
           width={width}
           height={height + 100}
           style={{
-            filter: 'blur(20px)',
+            filter: 'blur(50px)',
             position: 'relative',
             top: -100,
           }}

src/containers/App.tsx

@@ -12,6 +12,7 @@ import { ImageExample } from "~/containers/examples/ImageExample";
 import { EditorExample } from "~/containers/examples/EditorExample";
 import { HorizontalExample } from "~/containers/examples/HorizontalExample";
 import { Sprites } from "~/sprites/Sprites";
+import {GodRays} from "~/components/main/GodRays";
 
 interface IAppProps {}
 interface IAppState {}
@@ -21,6 +22,8 @@ class Component extends React.Component<IAppProps, IAppState> {
     return (
       <ConnectedRouter history={history}>
         <MainLayout>
+          <GodRays />
+
           <Sprites />
 
           <Switch>

src/containers/examples/EditorExample/styles.scss

@@ -10,7 +10,7 @@
   display: flex;
   align-items: stretch !important;
   justify-content: stretch;
-  flex: 1;
+  //flex: 1;
 }
 
 .panel {