diff --git a/.prettierrc.cli.js b/.prettierrc.cli.js new file mode 100644 index 000000000..26d1f83c1 --- /dev/null +++ b/.prettierrc.cli.js @@ -0,0 +1,6 @@ +var mainConfig = require('./.prettierrc.json'); + +module.exports = { + ...mainConfig, + plugins: ['@trivago/prettier-plugin-sort-imports'] +}; diff --git a/.prettierrc b/.prettierrc.json similarity index 86% rename from .prettierrc rename to .prettierrc.json index 36ee950c2..921c7343c 100644 --- a/.prettierrc +++ b/.prettierrc.json @@ -1,5 +1,5 @@ { - "plugins": ["@trivago/prettier-plugin-sort-imports"], + "pluginSearchDirs": ["."], "useTabs": true, "printWidth": 100, "singleQuote": true, diff --git a/package.json b/package.json index a484b87b5..55adfa396 100644 --- a/package.json +++ b/package.json @@ -9,7 +9,7 @@ "db:migrate": "pnpm core prisma migrate dev", "db:gen": "pnpm core prisma generate", "lint": "turbo run lint", - "format": "prettier --write \"**/*.{ts,tsx,html,scss,json,yml,md}\"", + "format": "prettier --config .prettierrc.cli.js --write \"**/*.{ts,tsx,html,scss,json,yml,md}\"", "desktop": "pnpm --filter @sd/desktop --", "mobile": "pnpm --filter @sd/mobile -- ", "web": "pnpm --filter @sd/web -- ", diff --git a/packages/config/interface.tsconfig.json b/packages/config/interface.tsconfig.json index 37c826e69..3a07274bd 100644 --- a/packages/config/interface.tsconfig.json +++ b/packages/config/interface.tsconfig.json @@ -1,6 +1,6 @@ { "extends": "./base.tsconfig.json", "compilerOptions": { - "types": ["vite-plugin-svgr/client"] + "types": ["vite-plugin-svgr/client", "vite/client", "@sd/client/src/window"] } } diff --git a/packages/interface/.prettierrc b/packages/interface/.prettierrc deleted file mode 100644 index 14de3a9b1..000000000 --- a/packages/interface/.prettierrc +++ /dev/null @@ -1,20 +0,0 @@ -{ - "useTabs": false, - "printWidth": 100, - "tabWidth": 2, - "singleQuote": true, - "trailingComma": "none", - "jsxBracketSameLine": false, - "semi": true, - "quoteProps": "consistent", - "importOrder": [ - "^@sd/core/(.*)$", - "^@sd/interface/(.*)$", - "^@sd/client/(.*)$", - "^@sd/ui/(.*)$", - "", - "^[./]" - ], - "importOrderSeparation": true, - "importOrderSortSpecifiers": true -} diff --git a/packages/interface/src/App.tsx b/packages/interface/src/App.tsx index da55846e6..c87afd83d 100644 --- a/packages/interface/src/App.tsx +++ b/packages/interface/src/App.tsx @@ -1,22 +1,20 @@ import '@fontsource/inter/variable.css'; import { BaseTransport, ClientProvider, setTransport } from '@sd/client'; -// global window type extensions -// only load at TS compile time -import type {} from '@sd/client/src/window'; import { Button } from '@sd/ui'; import clsx from 'clsx'; import React, { useContext, useEffect, useState } from 'react'; import { ErrorBoundary, FallbackProps } from 'react-error-boundary'; import { QueryClient, QueryClientProvider } from 'react-query'; import { - Location, - MemoryRouter, - Outlet, - Route, - Routes, - useLocation, - useNavigate + Location, + MemoryRouter, + Outlet, + Route, + Routes, + useLocation, + useNavigate } from 'react-router-dom'; + import { Sidebar } from './components/file/Sidebar'; import { Modal } from './components/layout/Modal'; import SlideUp from './components/transitions/SlideUp'; @@ -28,12 +26,12 @@ import { OverviewScreen } from './screens/Overview'; import { PhotosScreen } from './screens/Photos'; import { RedirectPage } from './screens/Redirect'; import { SettingsScreen } from './screens/Settings'; +import { TagScreen } from './screens/Tag'; import ExperimentalSettings from './screens/settings/ExperimentalSettings'; import GeneralSettings from './screens/settings/GeneralSettings'; import LibrarySettings from './screens/settings/LibrarySettings'; import LocationSettings from './screens/settings/LocationSettings'; import SecuritySettings from './screens/settings/SecuritySettings'; -import { TagScreen } from './screens/Tag'; import './style.scss'; const queryClient = new QueryClient(); @@ -43,191 +41,191 @@ export const AppPropsContext = React.createContext(null); export type Platform = 'browser' | 'macOS' | 'windows' | 'linux'; export interface AppProps { - transport: BaseTransport; - platform: Platform; - convertFileSrc: (url: string) => string; - openDialog: (options: { directory?: boolean }) => Promise; - onClose?: () => void; - onMinimize?: () => void; - onFullscreen?: () => void; - onOpen?: (path: string) => void; - isFocused?: boolean; - useMemoryRouter: boolean; - demoMode?: boolean; + transport: BaseTransport; + platform: Platform; + convertFileSrc: (url: string) => string; + openDialog: (options: { directory?: boolean }) => Promise; + onClose?: () => void; + onMinimize?: () => void; + onFullscreen?: () => void; + onOpen?: (path: string) => void; + isFocused?: boolean; + useMemoryRouter: boolean; + demoMode?: boolean; } function AppLayout() { - const appPropsContext = useContext(AppPropsContext); - const [isWindowRounded, setIsWindowRounded] = useState(false); - const [hasWindowBorder, setHasWindowBorder] = useState(true); + const appPropsContext = useContext(AppPropsContext); + const [isWindowRounded, setIsWindowRounded] = useState(false); + const [hasWindowBorder, setHasWindowBorder] = useState(true); - useEffect(() => { - if (appPropsContext?.platform === 'macOS') { - setIsWindowRounded(true); - } - if (appPropsContext?.platform === 'browser') { - setHasWindowBorder(false); - } - }, []); + useEffect(() => { + if (appPropsContext?.platform === 'macOS') { + setIsWindowRounded(true); + } + if (appPropsContext?.platform === 'browser') { + setHasWindowBorder(false); + } + }, []); - return ( -
- -
- {/* */} + return ( +
+ +
+ {/* */} -
- -
-
-
- ); +
+ +
+
+
+ ); } function SettingsRoutes({ modal = false }) { - return ( - - - } /> : } - > - } /> - } /> - } /> - } /> - } /> - } /> - } /> - } /> - } /> - } /> - } /> - } /> - - - - ); + return ( + + + } /> : } + > + } /> + } /> + } /> + } /> + } /> + } /> + } /> + } /> + } /> + } /> + } /> + } /> + + + + ); } function Router() { - let location = useLocation(); - let state = location.state as { backgroundLocation?: Location }; + let location = useLocation(); + let state = location.state as { backgroundLocation?: Location }; - useEffect(() => { - console.log({ url: location.pathname }); - }, [state]); + useEffect(() => { + console.log({ url: location.pathname }); + }, [state]); - return ( - <> - - }> - } /> - } /> - } /> - } /> - } /> - } /> - } /> - } /> - } /> - - - {state?.backgroundLocation && } - - ); + return ( + <> + + }> + } /> + } /> + } /> + } /> + } /> + } /> + } /> + } /> + } /> + + + {state?.backgroundLocation && } + + ); } function ErrorFallback({ error, resetErrorBoundary }: FallbackProps) { - return ( -
-

APP CRASHED

-

We're past the event horizon...

-
Error: {error.message}
-
- - -
-
- ); + return ( +
+

APP CRASHED

+

We're past the event horizon...

+
Error: {error.message}
+
+ + +
+
+ ); } function NotFound() { - const navigate = useNavigate(); - return ( -
-

Error: 404

-

You chose nothingness.

-
- -
-
- ); + const navigate = useNavigate(); + return ( +
+

Error: 404

+

You chose nothingness.

+
+ +
+
+ ); } function MemoryRouterContainer() { - useCoreEvents(); - return ( - - - - ); + useCoreEvents(); + return ( + + + + ); } function BrowserRouterContainer() { - useCoreEvents(); - return ( - - - - ); + useCoreEvents(); + return ( + + + + ); } export function bindCoreEvent() {} export default function App(props: AppProps) { - // TODO: This is a hack and a better solution should probably be found. - // This exists so that the queryClient can be accessed within the subpackage '@sd/client'. - // Refer to for where this is used. - window.ReactQueryClient ??= queryClient; + // TODO: This is a hack and a better solution should probably be found. + // This exists so that the queryClient can be accessed within the subpackage '@sd/client'. + // Refer to for where this is used. + window.ReactQueryClient ??= queryClient; - setTransport(props.transport); + setTransport(props.transport); - console.log('App props', props); + console.log('App props', props); - return ( - <> - {/* @ts-ignore */} - {}}> - {/* @ts-ignore */} - - - - {props.useMemoryRouter ? : } - - - - - - ); + return ( + <> + {/* @ts-ignore */} + {}}> + {/* @ts-ignore */} + + + + {props.useMemoryRouter ? : } + + + + + + ); } diff --git a/packages/interface/src/assets/icons/index.ts b/packages/interface/src/assets/icons/index.ts index a9f020dde..1ede79f5e 100644 --- a/packages/interface/src/assets/icons/index.ts +++ b/packages/interface/src/assets/icons/index.ts @@ -45,8 +45,8 @@ import { ReactComponent as Folder_light } from './folder_light.svg'; import { ReactComponent as Folder_open } from './folder_open.svg'; import { ReactComponent as Fontotf } from './fontotf.svg'; import { ReactComponent as Fontttf } from './fontttf.svg'; -import { ReactComponent as Fontwoff } from './fontwoff.svg'; import { ReactComponent as Fontwoff2 } from './fontwoff2.svg'; +import { ReactComponent as Fontwoff } from './fontwoff.svg'; import { ReactComponent as Git } from './git.svg'; import { ReactComponent as Go } from './go.svg'; import { ReactComponent as Gopackage } from './gopackage.svg'; @@ -172,176 +172,176 @@ import { ReactComponent as Yarnerror } from './yarnerror.svg'; import { ReactComponent as Zip } from './zip.svg'; export default { - ai: Ai, - angular: Angular, - audio: Audio, - audiomp3: Audiomp3, - audioogg: Audioogg, - audiowav: Audiowav, - babel: Babel, - bat: Bat, - bicep: Bicep, - binary: Binary, - blade: Blade, - browserslist: Browserslist, - bsconfig: Bsconfig, - bundler: Bundler, - c: C, - cert: Cert, - cheader: Cheader, - cli: Cli, - compodoc: Compodoc, - composer: Composer, - conf: Conf, - cpp: Cpp, - csharp: Csharp, - cshtml: Cshtml, - css: Css, - cssmap: Cssmap, - csv: Csv, - dartlang: Dartlang, - docker: Docker, - dockerdebug: Dockerdebug, - dockerignore: Dockerignore, - editorconfig: Editorconfig, - eex: Eex, - elixir: Elixir, - elm: Elm, - env: Env, - erb: Erb, - erlang: Erlang, - eslint: Eslint, - exs: Exs, - exx: Exx, - file: File, - folder: Folder, - folder_light: Folder_light, - folder_open: Folder_open, - fontotf: Fontotf, - fontttf: Fontttf, - fontwoff: Fontwoff, - fontwoff2: Fontwoff2, - git: Git, - go: Go, - gopackage: Gopackage, - gradle: Gradle, - graphql: Graphql, - groovy: Groovy, - grunt: Grunt, - gulp: Gulp, - haml: Haml, - handlebars: Handlebars, - haskell: Haskell, - html: Html, - image: Image, - imagegif: Imagegif, - imageico: Imageico, - imagejpg: Imagejpg, - imagepng: Imagepng, - imagewebp: Imagewebp, - info: Info, - ipynb: Ipynb, - java: Java, - jenkins: Jenkins, - jest: Jest, - jinja: Jinja, - js: Js, - jsmap: Jsmap, - json: Json, - jsp: Jsp, - julia: Julia, - karma: Karma, - key: Key, - less: Less, - license: License, - lighteditorconfig: Lighteditorconfig, - liquid: Liquid, - llvm: Llvm, - log: Log, - lua: Lua, - m: M, - markdown: Markdown, - mint: Mint, - mov: Mov, - mp4: Mp4, - nestjs: Nestjs, - nestjscontroller: Nestjscontroller, - nestjsdecorator: Nestjsdecorator, - nestjsfilter: Nestjsfilter, - nestjsguard: Nestjsguard, - nestjsmodule: Nestjsmodule, - nestjsservice: Nestjsservice, - netlify: Netlify, - nginx: Nginx, - nim: Nim, - njk: Njk, - nodemon: Nodemon, - npm: Npm, - npmlock: Npmlock, - nuxt: Nuxt, - nvm: Nvm, - opengl: Opengl, - pdf: Pdf, - photoshop: Photoshop, - php: Php, - postcssconfig: Postcssconfig, - powershell: Powershell, - powershelldata: Powershelldata, - powershellmodule: Powershellmodule, - prettier: Prettier, - prisma: Prisma, - prolog: Prolog, - pug: Pug, - python: Python, - qt: Qt, - razor: Razor, - reactjs: Reactjs, - reactts: Reactts, - readme: Readme, - rescript: Rescript, - rjson: Rjson, - robots: Robots, - rollup: Rollup, - ruby: Ruby, - rust: Rust, - sass: Sass, - scss: Scss, - shell: Shell, - smarty: Smarty, - sol: Sol, - sql: Sql, - storybook: Storybook, - stylelint: Stylelint, - stylus: Stylus, - svelte: Svelte, - svg: Svg, - swift: Swift, - symfony: Symfony, - tailwind: Tailwind, - testjs: Testjs, - testts: Testts, - tmpl: Tmpl, - toml: Toml, - travis: Travis, - tsconfig: Tsconfig, - tsx: Tsx, - twig: Twig, - txt: Txt, - typescript: Typescript, - typescriptdef: Typescriptdef, - ui: Ui, - user: User, - vercel: Vercel, - video: Video, - vite: Vite, - vscode: Vscode, - vue: Vue, - wasm: Wasm, - webpack: Webpack, - windi: Windi, - xml: Xml, - yaml: Yaml, - yarn: Yarn, - yarnerror: Yarnerror, - zip: Zip + ai: Ai, + angular: Angular, + audio: Audio, + audiomp3: Audiomp3, + audioogg: Audioogg, + audiowav: Audiowav, + babel: Babel, + bat: Bat, + bicep: Bicep, + binary: Binary, + blade: Blade, + browserslist: Browserslist, + bsconfig: Bsconfig, + bundler: Bundler, + c: C, + cert: Cert, + cheader: Cheader, + cli: Cli, + compodoc: Compodoc, + composer: Composer, + conf: Conf, + cpp: Cpp, + csharp: Csharp, + cshtml: Cshtml, + css: Css, + cssmap: Cssmap, + csv: Csv, + dartlang: Dartlang, + docker: Docker, + dockerdebug: Dockerdebug, + dockerignore: Dockerignore, + editorconfig: Editorconfig, + eex: Eex, + elixir: Elixir, + elm: Elm, + env: Env, + erb: Erb, + erlang: Erlang, + eslint: Eslint, + exs: Exs, + exx: Exx, + file: File, + folder: Folder, + folder_light: Folder_light, + folder_open: Folder_open, + fontotf: Fontotf, + fontttf: Fontttf, + fontwoff: Fontwoff, + fontwoff2: Fontwoff2, + git: Git, + go: Go, + gopackage: Gopackage, + gradle: Gradle, + graphql: Graphql, + groovy: Groovy, + grunt: Grunt, + gulp: Gulp, + haml: Haml, + handlebars: Handlebars, + haskell: Haskell, + html: Html, + image: Image, + imagegif: Imagegif, + imageico: Imageico, + imagejpg: Imagejpg, + imagepng: Imagepng, + imagewebp: Imagewebp, + info: Info, + ipynb: Ipynb, + java: Java, + jenkins: Jenkins, + jest: Jest, + jinja: Jinja, + js: Js, + jsmap: Jsmap, + json: Json, + jsp: Jsp, + julia: Julia, + karma: Karma, + key: Key, + less: Less, + license: License, + lighteditorconfig: Lighteditorconfig, + liquid: Liquid, + llvm: Llvm, + log: Log, + lua: Lua, + m: M, + markdown: Markdown, + mint: Mint, + mov: Mov, + mp4: Mp4, + nestjs: Nestjs, + nestjscontroller: Nestjscontroller, + nestjsdecorator: Nestjsdecorator, + nestjsfilter: Nestjsfilter, + nestjsguard: Nestjsguard, + nestjsmodule: Nestjsmodule, + nestjsservice: Nestjsservice, + netlify: Netlify, + nginx: Nginx, + nim: Nim, + njk: Njk, + nodemon: Nodemon, + npm: Npm, + npmlock: Npmlock, + nuxt: Nuxt, + nvm: Nvm, + opengl: Opengl, + pdf: Pdf, + photoshop: Photoshop, + php: Php, + postcssconfig: Postcssconfig, + powershell: Powershell, + powershelldata: Powershelldata, + powershellmodule: Powershellmodule, + prettier: Prettier, + prisma: Prisma, + prolog: Prolog, + pug: Pug, + python: Python, + qt: Qt, + razor: Razor, + reactjs: Reactjs, + reactts: Reactts, + readme: Readme, + rescript: Rescript, + rjson: Rjson, + robots: Robots, + rollup: Rollup, + ruby: Ruby, + rust: Rust, + sass: Sass, + scss: Scss, + shell: Shell, + smarty: Smarty, + sol: Sol, + sql: Sql, + storybook: Storybook, + stylelint: Stylelint, + stylus: Stylus, + svelte: Svelte, + svg: Svg, + swift: Swift, + symfony: Symfony, + tailwind: Tailwind, + testjs: Testjs, + testts: Testts, + tmpl: Tmpl, + toml: Toml, + travis: Travis, + tsconfig: Tsconfig, + tsx: Tsx, + twig: Twig, + txt: Txt, + typescript: Typescript, + typescriptdef: Typescriptdef, + ui: Ui, + user: User, + vercel: Vercel, + video: Video, + vite: Vite, + vscode: Vscode, + vue: Vue, + wasm: Wasm, + webpack: Webpack, + windi: Windi, + xml: Xml, + yaml: Yaml, + yarn: Yarn, + yarnerror: Yarnerror, + zip: Zip }; diff --git a/packages/interface/src/assets/spline/scene.json b/packages/interface/src/assets/spline/scene.json index 64d0ff463..424459998 100644 --- a/packages/interface/src/assets/spline/scene.json +++ b/packages/interface/src/assets/spline/scene.json @@ -1,1567 +1,1672 @@ { - "object": { - "uuid": "175E006A-5EBA-428E-858B-AD67CF13B00E", - "objectType": "Scene", - "name": "Windows - Copy", - "matrix": [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1], - "layers": 1, - "children": [ - { - "uuid": "77ADD982-E4B2-4600-94D2-E78893595C41", - "objectType": "LightDirectional", - "name": "Directional Light", - "matrix": [ - 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -491.00000000000006, 382, 292.47744883990526, 1 - ], - "castShadow": true, - "layers": 1, - "hiddenMatrix": [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1], - "interaction": { "uuid": "5E3DFC6D-0388-4AD8-B204-8FAC82E02235" }, - "enableHelper": true, - "color": 16777215, - "intensity": 0.75, - "shadow": { - "mapSize": [1024, 1024], - "camera": { - "uuid": "5A1C0D8F-DE84-4A41-BC74-77D0BC238D4F", - "type": "OrthographicCamera", - "layers": 1, - "zoom": 1, - "left": -2400, - "right": 2400, - "top": 2400, - "bottom": -2400, - "near": 1, - "far": 2500 - } - } - }, - { - "uuid": "C73DDE09-5B20-4082-A675-565808D54A5E", - "objectType": "Mesh2D", - "name": "Rectangle", - "matrix": [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, -22.510038480475487, 1], - "castShadow": true, - "receiveShadow": true, - "layers": 1, - "userData": { "positionToCenter": { "x": 0, "y": 0, "z": 0 } }, - "hiddenMatrix": [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1], - "interaction": { "uuid": "91D4CE4E-BEFB-47CF-AA6B-F35422788C8A" }, - "geometry": "5396B27A-0F36-43B4-907B-01669D6EE59D", - "material": "8E2EDBCA-0887-443C-8AE6-B6D3CD29E809" - }, - { - "uuid": "FC386E0B-2C2F-4374-BCD8-BE3EB989E05C", - "objectType": "Mesh3D", - "name": "Cube 3", - "matrix": [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 53, -52.749999999999986, 2.5, 1], - "castShadow": true, - "receiveShadow": true, - "layers": 1, - "userData": { "positionToCenter": { "x": 0, "y": 0, "z": 0 } }, - "hiddenMatrix": [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1], - "interaction": { - "uuid": "275E6C76-6409-4698-92C7-71479FD68090", - "selectedState": 0, - "states": [ - "9CE25592-844A-4CD0-89D3-2BC7A74365C3", - "329C221D-8853-4B1A-A245-DEF66009665C" - ], - "events": [ - { - "type": 7, - "ui": { "isCollapsed": false }, - "targets": [ - { - "easing": 6, - "duration": 1000, - "delay": 0, - "cubicControls": [0.5, 0.05, 0.1, 0.3], - "springParameters": { "mass": 1, "stiffness": 80, "damping": 10, "velocity": 0 }, - "repeat": true, - "cycle": true, - "object": "FC386E0B-2C2F-4374-BCD8-BE3EB989E05C", - "state": "329C221D-8853-4B1A-A245-DEF66009665C" - } - ] - } - ] - }, - "geometry": "7A5C7B49-C615-4E82-AC38-14FD98A96DB3", - "material": "5B96993B-D142-4122-A7CC-FE0A12C7C8A1" - }, - { - "uuid": "121D4F3C-6A59-4C5E-B447-5A98956ACE8C", - "objectType": "Mesh3D", - "name": "Cube 3", - "matrix": [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -53, -52.749999999999986, 3, 1], - "castShadow": true, - "receiveShadow": true, - "layers": 1, - "userData": { "positionToCenter": { "x": 0, "y": 0, "z": 0 } }, - "hiddenMatrix": [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1], - "interaction": { - "uuid": "EDCDC5E3-3065-4FF7-B4A4-064EF66A13C2", - "selectedState": 0, - "states": [ - "6C283F81-B5FA-401A-B187-3E63AAAF84AC", - "DC47EA21-1332-4687-9D9B-5368BF0A078F" - ], - "events": [ - { - "type": 7, - "ui": { "isCollapsed": false }, - "targets": [ - { - "easing": 6, - "duration": 1000, - "delay": 0, - "cubicControls": [0.5, 0.05, 0.1, 0.3], - "springParameters": { "mass": 1, "stiffness": 80, "damping": 10, "velocity": 0 }, - "repeat": true, - "cycle": true, - "object": "121D4F3C-6A59-4C5E-B447-5A98956ACE8C", - "state": "DC47EA21-1332-4687-9D9B-5368BF0A078F" - } - ] - } - ] - }, - "geometry": "9CF44599-4A50-4A2C-BE8C-14CA200641F6", - "material": "67EE316E-F664-4ECA-B882-C1B84BDD61D4" - }, - { - "uuid": "6E6FEAA8-C11F-42E0-8F01-BEF71DC5B50D", - "objectType": "Mesh3D", - "name": "Cube 2", - "matrix": [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 53, 52.749999999999986, 4.5, 1], - "castShadow": true, - "receiveShadow": true, - "layers": 1, - "userData": { "positionToCenter": { "x": 0, "y": 0, "z": 0 } }, - "hiddenMatrix": [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1], - "interaction": { - "uuid": "C000579A-C43F-4C75-ACA2-B1F9B7DEADD0", - "selectedState": 0, - "states": [ - "3C0A0EFF-AFC9-4BF5-AF7E-E97D2BB42C9D", - "37732E7B-3E34-4FF9-A072-09F2BBD38DD5" - ], - "events": [ - { - "type": 7, - "ui": { "isCollapsed": false }, - "targets": [ - { - "easing": 6, - "duration": 1000, - "delay": 0, - "cubicControls": [0.5, 0.05, 0.1, 0.3], - "springParameters": { "mass": 1, "stiffness": 80, "damping": 10, "velocity": 0 }, - "repeat": true, - "cycle": true, - "object": "6E6FEAA8-C11F-42E0-8F01-BEF71DC5B50D", - "state": "37732E7B-3E34-4FF9-A072-09F2BBD38DD5" - } - ] - } - ] - }, - "geometry": "3EAE887C-2313-4FB5-B8B9-0635B1CEE6D9", - "material": "A5A3C657-7996-4927-B570-802AD621A5E6" - }, - { - "uuid": "1E532681-5EE1-4428-AC52-EBBF4CC61FB1", - "objectType": "Mesh3D", - "name": "Cube", - "matrix": [ - 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -52.00000000000006, 52.749999999999986, 5.5, 1 - ], - "castShadow": true, - "receiveShadow": true, - "layers": 1, - "userData": { "positionToCenter": { "x": 0, "y": 0, "z": 0 } }, - "hiddenMatrix": [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1], - "interaction": { - "uuid": "70ECC936-3263-471E-A056-0138FB901F5B", - "selectedState": 0, - "states": [ - "11FF7F14-A2D3-4896-8BA8-76875751A5BD", - "BC6CBD64-3ACA-46C4-80D4-5CC0A4546356" - ], - "events": [ - { - "type": 7, - "ui": { "isCollapsed": false }, - "targets": [ - { - "easing": 6, - "duration": 1000, - "delay": 0, - "cubicControls": [0.5, 0.05, 0.1, 0.3], - "springParameters": { "mass": 1, "stiffness": 80, "damping": 10, "velocity": 0 }, - "repeat": true, - "cycle": true, - "object": "1E532681-5EE1-4428-AC52-EBBF4CC61FB1", - "state": "BC6CBD64-3ACA-46C4-80D4-5CC0A4546356" - } - ] - } - ] - }, - "geometry": "F0B2D47A-4E59-4097-9172-71A5ACEA8264", - "material": "ED2A7386-0134-48CB-BF37-CD8D07288A45" - }, - { - "uuid": "0EB4956E-4B9D-4CC5-BAC9-D2562A733E06", - "objectType": "CombinedCamera", - "name": "Default Camera", - "matrix": [ - 0.9592203497819743, 1.3877787807814457e-17, 0.28265937197295754, 0, -0.1403466409943231, - 0.8680240479778703, 0.47627415686106955, 0, -0.24535513225884917, -0.49652215673835953, - 0.832626330920498, 0, -245.35513225884878, -496.52215673835894, 832.6263309204967, 1 - ], - "layers": 1, - "userData": { "activeCamera": true }, - "children": [ - { - "uuid": "E4F06C2F-9B77-4DBC-B9AC-36EE9866A81E", - "type": "DirectionalLight", - "name": "Default Directional Light", - "visible": false, - "layers": 1, - "matrix": [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 850000, 1300000, 1000000, 1], - "color": 16777215, - "intensity": 0.75, - "shadow": { - "camera": { - "uuid": "B78D71CA-611B-4F2E-AA8D-6E3103DA8B1E", - "type": "OrthographicCamera", - "layers": 1, - "zoom": 1, - "left": -5, - "right": 5, - "top": 5, - "bottom": -5, - "near": 0.5, - "far": 500 - } - } - } - ], - "hiddenMatrix": [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1], - "interaction": { "uuid": "00BF1C2A-8435-499D-9C13-2079B5AD473E" }, - "enableHelper": false, - "cameraType": "OrthographicCamera", - "targetOffset": 999.9999999999986, - "isUpVectorFlipped": false, - "angleOffsetFromUp": 0, - "left": -1280, - "right": 1280, - "top": 638, - "bottom": -638, - "zoomOrtho": 1, - "nearOrtho": -50000, - "far": 100000, - "aspect": 2.006269592476489, - "fov": 45, - "focus": 10, - "filmGauge": 35, - "filmOffset": 0, - "zoomPersp": 1, - "nearPersp": 0.1 - }, - { - "uuid": "09F67B42-59A5-42D1-A657-4B00178F655D", - "type": "HemisphereLight", - "name": "Default Ambient Light", - "userData": { "isDefaultHemisphereLight": true }, - "layers": 1, - "matrix": [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 1, 0, 1], - "color": 13882323, - "intensity": 0.75, - "groundColor": 8553090 - } - ], - "activeCamera": "0EB4956E-4B9D-4CC5-BAC9-D2562A733E06", - "camera": "0EB4956E-4B9D-4CC5-BAC9-D2562A733E06", - "directionalLight": "E4F06C2F-9B77-4DBC-B9AC-36EE9866A81E", - "ambientLight": "09F67B42-59A5-42D1-A657-4B00178F655D", - "color": [1, 0.8549019607843137, 0.7647058823529411], - "alpha": 0, - "ambientLightState": true, - "canvas": { - "mode": 2, - "preset": "crop", - "editorSize": { "width": 2560, "height": 1276 }, - "color": [0, 0, 0, 0.5], - "size": { "width": 438, "height": 396 } - }, - "postprocessing": { - "enabled": false, - "bloom": { - "enabled": false, - "opacity": 1, - "blendFunction": 16, - "intensity": 1, - "luminanceThreshold": 0.9, - "luminanceSmoothing": 0.025, - "blurScale": 1, - "kernelSize": 3 - }, - "chromaticAberration": { - "enabled": false, - "opacity": 1, - "blendFunction": 13, - "offset": [10, 10] - }, - "vignette": { - "enabled": false, - "opacity": 1, - "blendFunction": 13, - "eskil": false, - "darkness": 0.5, - "offset": 0.5 - }, - "noise": { "enabled": false, "opacity": 1, "blendFunction": 14 }, - "colorAverage": { "enabled": false, "opacity": 1, "blendFunction": 13 }, - "hueSaturation": { - "enabled": false, - "opacity": 1, - "blendFunction": 13, - "_hue": 0, - "hue": 0, - "saturation": 0 - }, - "brightnessContrast": { - "enabled": false, - "opacity": 1, - "blendFunction": 13, - "contrast": 0, - "brightness": 0 - }, - "depthOfField": { - "enabled": false, - "opacity": 1, - "blendFunction": 13, - "focalLength": 0.1, - "focusDistance": 0, - "bokehScale": 1 - }, - "pixelation": { "enabled": false, "opacity": 1, "blendFunction": 13, "granularity": 30 } - } - }, - "metadata": { "version": 1.5, "type": "Object", "generator": "Object3D.toJSON" }, - "geometries": [ - { - "uuid": "5396B27A-0F36-43B4-907B-01669D6EE59D", - "userData": { - "shape": { - "points": [ - -165, 165, -165, 165, -165, 165, 20, 165, 165, 165, 165, 165, 165, 20, 165, -165, 165, - -165, 165, -165, 20, -165, -165, -165, -165, -165, -165, 20 - ], - "shapeHoles": [], - "isClosed": true, - "roundness": 20 - }, - "parameters": { - "width": 330, - "depth": 36, - "cornerRadius": [20, 20, 20, 20], - "cornerType": 1, - "extrudeDepth": 36, - "extrudeBevelSize": 9, - "extrudeBevelSegments": 48, - "height": 330, - "surfaceMaxCount": 1000 - }, - "ui": { "enabledIndieCorners": false }, - "type": "RectangleGeometry" - } - }, - { - "uuid": "7A5C7B49-C615-4E82-AC38-14FD98A96DB3", - "userData": { - "parameters": { - "width": 100, - "widthSegments": 1, - "heightSegments": 1, - "depthSegments": 1, - "cornerRadius": 8, - "cornerSegments": 8, - "height": 100, - "depth": 45, - "extrudeDepth": 0, - "extrudeBevelSize": 0, - "extrudeBevelSegments": 1 - }, - "type": "CubeGeometry" - } - }, - { - "uuid": "9CF44599-4A50-4A2C-BE8C-14CA200641F6", - "userData": { - "parameters": { - "width": 100, - "widthSegments": 1, - "heightSegments": 1, - "depthSegments": 1, - "cornerRadius": 8, - "cornerSegments": 8, - "height": 100, - "depth": 44, - "extrudeDepth": 0, - "extrudeBevelSize": 0, - "extrudeBevelSegments": 1 - }, - "type": "CubeGeometry" - } - }, - { - "uuid": "3EAE887C-2313-4FB5-B8B9-0635B1CEE6D9", - "userData": { - "parameters": { - "width": 100, - "widthSegments": 1, - "heightSegments": 1, - "depthSegments": 1, - "cornerRadius": 8, - "cornerSegments": 8, - "height": 100, - "depth": 41, - "extrudeDepth": 0, - "extrudeBevelSize": 0, - "extrudeBevelSegments": 1 - }, - "type": "CubeGeometry" - } - }, - { - "uuid": "F0B2D47A-4E59-4097-9172-71A5ACEA8264", - "userData": { - "parameters": { - "width": 100, - "widthSegments": 1, - "heightSegments": 1, - "depthSegments": 1, - "cornerRadius": 8, - "cornerSegments": 8, - "height": 100, - "depth": 39, - "extrudeDepth": 0, - "extrudeBevelSize": 0, - "extrudeBevelSegments": 1 - }, - "type": "CubeGeometry" - } - } - ], - "materials": [ - { - "uuid": "8E2EDBCA-0887-443C-8AE6-B6D3CD29E809", - "type": "ShaderMaterial", - "emissiveIntensity": { - "uuid": "EE943729-0A24-45BE-B735-E66B8957ED11", - "type": "f", - "value": 1, - "nodeType": "Float" - }, - "transparent": true, - "depthFunc": 3, - "depthTest": true, - "depthWrite": true, - "colorWrite": true, - "stencilWrite": false, - "stencilWriteMask": 255, - "stencilFunc": 519, - "stencilRef": 0, - "stencilFuncMask": 255, - "stencilFail": 7680, - "stencilZFail": 7680, - "stencilZPass": 7680, - "dithering": true, - "wireframeLinecap": "", - "wireframeLinejoin": "", - "userData": { - "type": "LambertMaterial", - "category": "Lambert", - "nodeType": "LambertNodeMaterial", - "layers": { - "id": 3, - "uuid": "9731CEB6-9DE4-4AFC-8ABC-5F4F3BDDB62D", - "head": { - "id": 0, - "type": "color", - "defines": {}, - "uniforms": { - "f0_color": "57D2B157-D884-4E04-9A73-4C9E72515B23", - "f0_alpha": "196BD431-114A-4D1A-8107-9B8ACA2DA775", - "f0_mode": "4CAD73E1-4256-4B40-8E7B-B82662656BD7" - }, - "next": { - "id": 1, - "type": "light", - "defines": {}, - "uniforms": { - "f1_alpha": "A30BF4AB-5DFB-4B14-A267-4A6EC476FB18", - "f1_mode": "6B554DC3-E4DD-4B29-8D93-D26D90F44F0C", - "f1_emissive": "D4C97229-A45B-4AA2-954D-07216CD4A2B5" - } - } - } - } - }, - "glslVersion": null, - "defines": { "LAMBERT": 1 }, - "vertex": "8BCB73A4-FDDD-4E57-9AED-331EAFB6C51E", - "fragment": "8BCB73A4-FDDD-4E57-9AED-331EAFB6C51E" - }, - { - "uuid": "5B96993B-D142-4122-A7CC-FE0A12C7C8A1", - "type": "ShaderMaterial", - "transparent": true, - "depthFunc": 3, - "depthTest": true, - "depthWrite": true, - "colorWrite": true, - "stencilWrite": false, - "stencilWriteMask": 255, - "stencilFunc": 519, - "stencilRef": 0, - "stencilFuncMask": 255, - "stencilFail": 7680, - "stencilZFail": 7680, - "stencilZPass": 7680, - "dithering": true, - "wireframeLinecap": "", - "wireframeLinejoin": "", - "userData": { - "type": "PhongMaterial", - "category": "Phong", - "nodeType": "PhongNodeMaterial", - "layers": { - "id": 2, - "uuid": "6E548701-CE56-47F0-991B-ADA38CD98F95", - "head": { - "id": 0, - "type": "color", - "defines": {}, - "uniforms": { - "f0_color": "50C9ED49-0E89-4DDC-A335-8424E87AF88C", - "f0_alpha": "3EB420B7-0F15-44BC-8A28-944E06F80EF1", - "f0_mode": "1E5F2339-DCE8-457E-9E14-680808EC0972" - }, - "next": { - "id": 1, - "type": "light", - "defines": {}, - "uniforms": { - "f1_alpha": "AD377F69-6D6A-413C-B39C-A2874FC1231C", - "f1_mode": "2C3BDC0D-41D3-4EB0-8294-63DCE538631E", - "f1_shininess": "A2EAD601-278B-46D3-BE50-1CCD84D8C65C", - "f1_specular": "099F6815-F834-4135-9735-C2CC5D0C15D6" - } - } - } - } - }, - "glslVersion": null, - "defines": { "PHONG": 1 }, - "vertex": "1149FF4A-8255-4995-8F44-3CB8C54CF74F", - "fragment": "1149FF4A-8255-4995-8F44-3CB8C54CF74F" - }, - { - "uuid": "67EE316E-F664-4ECA-B882-C1B84BDD61D4", - "type": "ShaderMaterial", - "transparent": true, - "depthFunc": 3, - "depthTest": true, - "depthWrite": true, - "colorWrite": true, - "stencilWrite": false, - "stencilWriteMask": 255, - "stencilFunc": 519, - "stencilRef": 0, - "stencilFuncMask": 255, - "stencilFail": 7680, - "stencilZFail": 7680, - "stencilZPass": 7680, - "dithering": true, - "wireframeLinecap": "", - "wireframeLinejoin": "", - "userData": { - "type": "PhongMaterial", - "category": "Phong", - "nodeType": "PhongNodeMaterial", - "layers": { - "id": 2, - "uuid": "E0408BF0-E26F-4FBD-815A-562D58292A3C", - "head": { - "id": 0, - "type": "color", - "defines": {}, - "uniforms": { - "f0_color": "A64F7EB1-1989-47DD-8949-0A89D888B338", - "f0_alpha": "D5C3515B-7880-425F-BF9B-06C42A792A0E", - "f0_mode": "626031E6-FB12-49DD-8BC4-063EA9C72937" - }, - "next": { - "id": 1, - "type": "light", - "defines": {}, - "uniforms": { - "f1_alpha": "DA9275BB-C356-4399-B32E-F87B0EA254E5", - "f1_mode": "E333B26C-9C48-47C7-8088-32EB9A75E8E1", - "f1_shininess": "F6661F1E-3B5F-4672-8412-D90E747DCCC6", - "f1_specular": "7F35FE77-F485-4A4B-98A3-11B0ABEA95AE" - } - } - } - } - }, - "glslVersion": null, - "defines": { "PHONG": 1 }, - "vertex": "A4A0B558-3CE7-4327-9EE8-B850CAF58992", - "fragment": "A4A0B558-3CE7-4327-9EE8-B850CAF58992" - }, - { - "uuid": "A5A3C657-7996-4927-B570-802AD621A5E6", - "type": "ShaderMaterial", - "transparent": true, - "depthFunc": 3, - "depthTest": true, - "depthWrite": true, - "colorWrite": true, - "stencilWrite": false, - "stencilWriteMask": 255, - "stencilFunc": 519, - "stencilRef": 0, - "stencilFuncMask": 255, - "stencilFail": 7680, - "stencilZFail": 7680, - "stencilZPass": 7680, - "dithering": true, - "wireframeLinecap": "", - "wireframeLinejoin": "", - "userData": { - "type": "PhongMaterial", - "category": "Phong", - "nodeType": "PhongNodeMaterial", - "layers": { - "id": 3, - "uuid": "8028A7A1-F3AA-4F6D-89E9-502868B5DEF1", - "head": { - "id": 0, - "type": "color", - "defines": {}, - "uniforms": { - "f0_color": "E35B5B46-1889-4A8E-B193-BF304873AE1A", - "f0_alpha": "C5C53BC9-F87C-40AF-B796-F07DBDC6EA8D", - "f0_mode": "EE4E1E03-4D99-4801-B483-61F879611745" - }, - "next": { - "id": 1, - "type": "light", - "defines": {}, - "uniforms": { - "f1_alpha": "049E0BAA-1C97-421E-8B4A-0FD616531843", - "f1_mode": "BE77914A-469F-48AA-A4FF-8F325B68F7B6", - "f1_shininess": "3E0FB0E5-698F-41E2-A885-23D3361B97AA", - "f1_specular": "EA551D8C-5767-448D-B279-F3B80FE83D32" - } - } - } - } - }, - "glslVersion": null, - "defines": { "PHONG": 1 }, - "vertex": "6EE15D33-773D-4A3E-8FB2-4F258E8B83DC", - "fragment": "6EE15D33-773D-4A3E-8FB2-4F258E8B83DC" - }, - { - "uuid": "ED2A7386-0134-48CB-BF37-CD8D07288A45", - "type": "ShaderMaterial", - "transparent": true, - "depthFunc": 3, - "depthTest": true, - "depthWrite": true, - "colorWrite": true, - "stencilWrite": false, - "stencilWriteMask": 255, - "stencilFunc": 519, - "stencilRef": 0, - "stencilFuncMask": 255, - "stencilFail": 7680, - "stencilZFail": 7680, - "stencilZPass": 7680, - "dithering": true, - "wireframeLinecap": "", - "wireframeLinejoin": "", - "userData": { - "type": "PhongMaterial", - "category": "Phong", - "nodeType": "PhongNodeMaterial", - "layers": { - "id": 2, - "uuid": "C92FC012-9BF9-4A1A-A9A2-4E5D374CC55B", - "head": { - "id": 0, - "type": "color", - "defines": {}, - "uniforms": { - "f0_color": "BFF13516-FD10-4443-84E4-2D77C1357AD5", - "f0_alpha": "DB1463CC-5CA8-4337-B6A6-6A807220638E", - "f0_mode": "79BFC1CF-D45C-445F-8B57-3C556574B738" - }, - "next": { - "id": 1, - "type": "light", - "defines": {}, - "uniforms": { - "f1_alpha": "022DA645-E369-4B57-AA68-0D4732062D09", - "f1_mode": "F16105B7-A58D-4E6D-B91F-F56648112CAF", - "f1_shininess": "6CA374EC-4877-4BE5-8CBA-CF6A76FDBB34", - "f1_specular": "29F0AD4A-5272-4357-8BC6-2A3B66C32CDF" - } - } - } - } - }, - "glslVersion": null, - "defines": { "PHONG": 1 }, - "vertex": "530DD463-5C04-47E2-A484-05F3F488846B", - "fragment": "530DD463-5C04-47E2-A484-05F3F488846B" - } - ], - "interactionStates": [ - { - "uuid": "9CE25592-844A-4CD0-89D3-2BC7A74365C3", - "name": "Base State", - "position": [53, -52.749999999999986, 2.5], - "rotation": [0, 0, 0, "XYZ"], - "scale": [1, 1, 1], - "hiddenMatrix": [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1], - "geometry": { "width": 100, "height": 100, "depth": 45 }, - "material": { - "layersList": [ - { - "id": 0, - "type": "color", - "defines": {}, - "uniforms": { - "f0_color": "382EF2C1-B605-4B3A-9490-763DDDAB12E8", - "f0_alpha": "7C3FAF8B-5B86-498A-AC6C-0C17AD0A88CA", - "f0_mode": "B9606F81-4A30-4C6D-AA87-CE19B1B8A12C" - } - }, - { - "id": 1, - "type": "light", - "defines": {}, - "uniforms": { - "f1_alpha": "09BB9B51-176D-4D35-9887-B1E81C5FAA53", - "f1_mode": "9A515F76-C2E1-4FC4-9AA6-9CDF8EDFB5DC" - } - } - ] - } - }, - { - "uuid": "329C221D-8853-4B1A-A245-DEF66009665C", - "name": "State 1", - "position": [47.5, -47.249999999999986, 0], - "rotation": [0, 0, 0, "XYZ"], - "scale": [1, 1, 1], - "hiddenMatrix": [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1], - "geometry": { "width": 89, "height": 89, "depth": 40 }, - "material": { - "layersList": [ - { - "id": 0, - "type": "color", - "defines": {}, - "uniforms": { - "f0_color": "01173A81-A2B8-4B75-A425-D166B754A24F", - "f0_alpha": "06587453-23CF-49D3-894A-CFA4A4BB0DA5", - "f0_mode": "EDD4833F-29B0-4CFE-81E1-C6415D67C711" - } - }, - { - "id": 1, - "type": "light", - "defines": {}, - "uniforms": { - "f1_alpha": "32925F30-E0E2-4D0F-A6BB-27CC9CF27B8D", - "f1_mode": "CFB49D26-5698-4580-AF37-BF314EA84996" - } - } - ] - } - }, - { - "uuid": "6C283F81-B5FA-401A-B187-3E63AAAF84AC", - "name": "Base State", - "position": [-53, -52.749999999999986, 3], - "rotation": [0, 0, 0, "XYZ"], - "scale": [1, 1, 1], - "hiddenMatrix": [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1], - "geometry": { "width": 100, "height": 100, "depth": 44 }, - "material": { - "layersList": [ - { - "id": 0, - "type": "color", - "defines": {}, - "uniforms": { - "f0_color": "5552E3F9-97FB-4ED8-9919-EE8D62768064", - "f0_alpha": "855470C8-7CA2-47CC-B5B8-D63F3B6633ED", - "f0_mode": "B19E8531-F89E-43C2-864E-D6B090BE503A" - } - }, - { - "id": 1, - "type": "light", - "defines": {}, - "uniforms": { - "f1_alpha": "43AE2CCB-1861-4E23-B36F-4D51C8257596", - "f1_mode": "D58BA42D-75ED-4901-9B84-C9621B0E7D6E" - } - } - ] - } - }, - { - "uuid": "DC47EA21-1332-4687-9D9B-5368BF0A078F", - "name": "State 1", - "position": [-56, -55.749999999999986, 4], - "rotation": [0, 0, 0, "XYZ"], - "scale": [1, 1, 1], - "hiddenMatrix": [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1], - "geometry": { "width": 106, "height": 106, "depth": 46 }, - "material": { - "layersList": [ - { - "id": 0, - "type": "color", - "defines": {}, - "uniforms": { - "f0_color": "055C6DD8-917D-4105-A6CC-55EE208A20FB", - "f0_alpha": "A48B472A-F90C-41FC-B242-98CF4D3A0415", - "f0_mode": "67D14EEE-42D1-426A-8DE1-3D53230F4CAB" - } - }, - { - "id": 1, - "type": "light", - "defines": {}, - "uniforms": { - "f1_alpha": "3860F709-DDC1-491C-8EE0-EA32B482F774", - "f1_mode": "D074712E-D53F-4EB0-B899-87427215974B" - } - } - ] - } - }, - { - "uuid": "3C0A0EFF-AFC9-4BF5-AF7E-E97D2BB42C9D", - "name": "Base State", - "position": [53, 52.749999999999986, 4.5], - "rotation": [0, 0, 0, "XYZ"], - "scale": [1, 1, 1], - "hiddenMatrix": [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1], - "geometry": { "width": 100, "height": 100, "depth": 41 }, - "material": { - "layersList": [ - { - "id": 0, - "type": "color", - "defines": {}, - "uniforms": { - "f0_color": "51BC96D4-64C2-4E31-95C0-74AE4B5A68BA", - "f0_alpha": "5129EB5A-DC56-4A3D-990A-942A803B39D7", - "f0_mode": "F5F497CD-5680-424C-B5D8-3DFA7ED3C109" - } - }, - { - "id": 1, - "type": "light", - "defines": {}, - "uniforms": { - "f1_alpha": "B03F74CC-A350-4C27-9AC4-3EC656E468CA", - "f1_mode": "09A1BF88-9352-490B-B63D-A6381F039EA3" - } - } - ] - } - }, - { - "uuid": "37732E7B-3E34-4FF9-A072-09F2BBD38DD5", - "name": "State 1", - "position": [61.5, 61.249999999999986, 8], - "rotation": [0, 0, 0, "XYZ"], - "scale": [1, 1, 1], - "hiddenMatrix": [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1], - "geometry": { "width": 117, "height": 117, "depth": 48 }, - "material": { - "layersList": [ - { - "id": 0, - "type": "color", - "defines": {}, - "uniforms": { - "f0_color": "36B3DCC2-FE9E-4D2A-BD91-2B56A2DC792D", - "f0_alpha": "FC1335E9-FE1D-42A5-8581-A5CEF739D897", - "f0_mode": "4ED84F5A-BF4A-481B-8A51-03A41760E9B3" - } - }, - { - "id": 1, - "type": "light", - "defines": {}, - "uniforms": { - "f1_alpha": "52F18FD2-BE0F-4320-AFCE-70CA0C5449EC", - "f1_mode": "569C230D-42BF-43DD-A645-AEC43A5A7004" - } - } - ] - } - }, - { - "uuid": "11FF7F14-A2D3-4896-8BA8-76875751A5BD", - "name": "Base State", - "position": [-52.00000000000006, 52.749999999999986, 5.5], - "rotation": [0, 0, 0, "XYZ"], - "scale": [1, 1, 1], - "hiddenMatrix": [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1], - "geometry": { "width": 100, "height": 100, "depth": 39 }, - "material": { - "layersList": [ - { - "id": 0, - "type": "color", - "defines": {}, - "uniforms": { - "f0_color": "311A594B-8A47-41BF-9459-E91E61279F11", - "f0_alpha": "CEF1A959-724C-49D5-9CB1-B4620D2D5131", - "f0_mode": "12D012AA-377E-48CE-9FB4-000BE002F0B5" - } - }, - { - "id": 1, - "type": "light", - "defines": {}, - "uniforms": { - "f1_alpha": "F2C8C376-1C75-42E9-86B7-411C0E132572", - "f1_mode": "0556B66C-70B8-4F26-9055-E8E21FE54454" - } - } - ] - } - }, - { - "uuid": "BC6CBD64-3ACA-46C4-80D4-5CC0A4546356", - "name": "State 1", - "position": [-47.00000000000006, 47.749999999999986, 3.5], - "rotation": [0, 0, 0, "XYZ"], - "scale": [1, 1, 1], - "hiddenMatrix": [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1], - "geometry": { "width": 90, "height": 90, "depth": 35 }, - "material": { - "layersList": [ - { - "id": 0, - "type": "color", - "defines": {}, - "uniforms": { - "f0_color": "CD38CF32-FC41-41A6-8F65-1D13ABC676E3", - "f0_alpha": "C3FF3DEE-FC7F-4AE3-A660-653E6F0F656A", - "f0_mode": "2C2F18E9-86CC-4141-AD62-68FF99E86BF3" - } - }, - { - "id": 1, - "type": "light", - "defines": {}, - "uniforms": { - "f1_alpha": "4D0655D7-9FEE-407B-87AF-936812B5FE9A", - "f1_mode": "45FBA650-C38A-4EAB-B32A-6DE1F6088331" - } - } - ] - } - } - ], - "nodes": [ - { - "uuid": "57D2B157-D884-4E04-9A73-4C9E72515B23", - "type": "c", - "r": 0.33725490196078434, - "g": 0.35294117647058826, - "b": 0.4117647058823529, - "value": 5659241, - "alpha": "196BD431-114A-4D1A-8107-9B8ACA2DA775", - "nodeType": "Color" - }, - { - "uuid": "196BD431-114A-4D1A-8107-9B8ACA2DA775", - "type": "f", - "value": 1, - "nodeType": "Float" - }, - { "uuid": "4CAD73E1-4256-4B40-8E7B-B82662656BD7", "type": "i", "value": 0, "nodeType": "Int" }, - { - "uuid": "A30BF4AB-5DFB-4B14-A267-4A6EC476FB18", - "type": "f", - "value": 1, - "nodeType": "Float" - }, - { - "uuid": "6B554DC3-E4DD-4B29-8D93-D26D90F44F0C", - "type": "i", - "value": "3", - "nodeType": "Int" - }, - { - "uuid": "D4C97229-A45B-4AA2-954D-07216CD4A2B5", - "type": "c", - "r": 0, - "g": 0, - "b": 0, - "value": 0, - "nodeType": "Color" - }, - { - "uuid": "8BCB73A4-FDDD-4E57-9AED-331EAFB6C51E", - "type": "lambert", - "color": "57D2B157-D884-4E04-9A73-4C9E72515B23", - "emissiveIntensity": "EE943729-0A24-45BE-B735-E66B8957ED11", - "shadingAlpha": "A30BF4AB-5DFB-4B14-A267-4A6EC476FB18", - "shadingBlend": "6B554DC3-E4DD-4B29-8D93-D26D90F44F0C", - "alpha": "F51C82D0-6B71-4B80-8D05-A7B6DBCD2CD8", - "emissive": "D4C97229-A45B-4AA2-954D-07216CD4A2B5", - "nodeType": "Lambert" - }, - { - "uuid": "EE943729-0A24-45BE-B735-E66B8957ED11", - "type": "f", - "value": 1, - "nodeType": "Float" - }, - { - "uuid": "F51C82D0-6B71-4B80-8D05-A7B6DBCD2CD8", - "type": "f", - "value": 1, - "nodeType": "Float" - }, - { - "uuid": "382EF2C1-B605-4B3A-9490-763DDDAB12E8", - "type": "c", - "r": 1, - "g": 0.48627450980392156, - "b": 0, - "value": 16743424, - "alpha": "7C3FAF8B-5B86-498A-AC6C-0C17AD0A88CA", - "nodeType": "Color" - }, - { - "uuid": "7C3FAF8B-5B86-498A-AC6C-0C17AD0A88CA", - "type": "f", - "value": 1, - "nodeType": "Float" - }, - { "uuid": "B9606F81-4A30-4C6D-AA87-CE19B1B8A12C", "type": "i", "value": 0, "nodeType": "Int" }, - { - "uuid": "09BB9B51-176D-4D35-9887-B1E81C5FAA53", - "type": "f", - "value": 1, - "nodeType": "Float" - }, - { - "uuid": "9A515F76-C2E1-4FC4-9AA6-9CDF8EDFB5DC", - "type": "i", - "value": "2", - "nodeType": "Int" - }, - { - "uuid": "01173A81-A2B8-4B75-A425-D166B754A24F", - "type": "c", - "r": 1, - "g": 0.48627450980392156, - "b": 0, - "value": 16743424, - "alpha": "06587453-23CF-49D3-894A-CFA4A4BB0DA5", - "nodeType": "Color" - }, - { - "uuid": "06587453-23CF-49D3-894A-CFA4A4BB0DA5", - "type": "f", - "value": 1, - "nodeType": "Float" - }, - { "uuid": "EDD4833F-29B0-4CFE-81E1-C6415D67C711", "type": "i", "value": 0, "nodeType": "Int" }, - { - "uuid": "32925F30-E0E2-4D0F-A6BB-27CC9CF27B8D", - "type": "f", - "value": 1, - "nodeType": "Float" - }, - { - "uuid": "CFB49D26-5698-4580-AF37-BF314EA84996", - "type": "i", - "value": "2", - "nodeType": "Int" - }, - { - "uuid": "50C9ED49-0E89-4DDC-A335-8424E87AF88C", - "type": "c", - "r": 1, - "g": 0.48627450980392156, - "b": 0, - "value": 16743424, - "alpha": "3EB420B7-0F15-44BC-8A28-944E06F80EF1", - "nodeType": "Color" - }, - { - "uuid": "3EB420B7-0F15-44BC-8A28-944E06F80EF1", - "type": "f", - "value": 1, - "nodeType": "Float" - }, - { "uuid": "1E5F2339-DCE8-457E-9E14-680808EC0972", "type": "i", "value": 0, "nodeType": "Int" }, - { - "uuid": "AD377F69-6D6A-413C-B39C-A2874FC1231C", - "type": "f", - "value": 1, - "nodeType": "Float" - }, - { - "uuid": "2C3BDC0D-41D3-4EB0-8294-63DCE538631E", - "type": "i", - "value": "2", - "nodeType": "Int" - }, - { - "uuid": "A2EAD601-278B-46D3-BE50-1CCD84D8C65C", - "type": "f", - "value": 30, - "nodeType": "Float" - }, - { - "uuid": "099F6815-F834-4135-9735-C2CC5D0C15D6", - "type": "c", - "r": 0.06666666666666667, - "g": 0.06666666666666667, - "b": 0.06666666666666667, - "value": 1118481, - "nodeType": "Color" - }, - { - "uuid": "1149FF4A-8255-4995-8F44-3CB8C54CF74F", - "type": "phong", - "color": "50C9ED49-0E89-4DDC-A335-8424E87AF88C", - "specular": "099F6815-F834-4135-9735-C2CC5D0C15D6", - "shininess": "A2EAD601-278B-46D3-BE50-1CCD84D8C65C", - "shadingAlpha": "AD377F69-6D6A-413C-B39C-A2874FC1231C", - "shadingBlend": "2C3BDC0D-41D3-4EB0-8294-63DCE538631E", - "alpha": "3A5BA0C1-E1ED-4E0A-AEA0-6B9CADFC29C0", - "nodeType": "Phong" - }, - { - "uuid": "3A5BA0C1-E1ED-4E0A-AEA0-6B9CADFC29C0", - "type": "f", - "value": 1, - "nodeType": "Float" - }, - { - "uuid": "5552E3F9-97FB-4ED8-9919-EE8D62768064", - "type": "c", - "r": 0.11764705882352941, - "g": 0.3215686274509804, - "b": 1, - "value": 1987327, - "alpha": "855470C8-7CA2-47CC-B5B8-D63F3B6633ED", - "nodeType": "Color" - }, - { - "uuid": "855470C8-7CA2-47CC-B5B8-D63F3B6633ED", - "type": "f", - "value": 1, - "nodeType": "Float" - }, - { "uuid": "B19E8531-F89E-43C2-864E-D6B090BE503A", "type": "i", "value": 0, "nodeType": "Int" }, - { - "uuid": "43AE2CCB-1861-4E23-B36F-4D51C8257596", - "type": "f", - "value": 1, - "nodeType": "Float" - }, - { - "uuid": "D58BA42D-75ED-4901-9B84-C9621B0E7D6E", - "type": "i", - "value": "2", - "nodeType": "Int" - }, - { - "uuid": "055C6DD8-917D-4105-A6CC-55EE208A20FB", - "type": "c", - "r": 0.11764705882352941, - "g": 0.3215686274509804, - "b": 1, - "value": 1987327, - "alpha": "A48B472A-F90C-41FC-B242-98CF4D3A0415", - "nodeType": "Color" - }, - { - "uuid": "A48B472A-F90C-41FC-B242-98CF4D3A0415", - "type": "f", - "value": 1, - "nodeType": "Float" - }, - { "uuid": "67D14EEE-42D1-426A-8DE1-3D53230F4CAB", "type": "i", "value": 0, "nodeType": "Int" }, - { - "uuid": "3860F709-DDC1-491C-8EE0-EA32B482F774", - "type": "f", - "value": 1, - "nodeType": "Float" - }, - { - "uuid": "D074712E-D53F-4EB0-B899-87427215974B", - "type": "i", - "value": "2", - "nodeType": "Int" - }, - { - "uuid": "A64F7EB1-1989-47DD-8949-0A89D888B338", - "type": "c", - "r": 0.11764705882352941, - "g": 0.3215686274509804, - "b": 1, - "value": 1987327, - "alpha": "D5C3515B-7880-425F-BF9B-06C42A792A0E", - "nodeType": "Color" - }, - { - "uuid": "D5C3515B-7880-425F-BF9B-06C42A792A0E", - "type": "f", - "value": 1, - "nodeType": "Float" - }, - { "uuid": "626031E6-FB12-49DD-8BC4-063EA9C72937", "type": "i", "value": 0, "nodeType": "Int" }, - { - "uuid": "DA9275BB-C356-4399-B32E-F87B0EA254E5", - "type": "f", - "value": 1, - "nodeType": "Float" - }, - { - "uuid": "E333B26C-9C48-47C7-8088-32EB9A75E8E1", - "type": "i", - "value": "2", - "nodeType": "Int" - }, - { - "uuid": "F6661F1E-3B5F-4672-8412-D90E747DCCC6", - "type": "f", - "value": 30, - "nodeType": "Float" - }, - { - "uuid": "7F35FE77-F485-4A4B-98A3-11B0ABEA95AE", - "type": "c", - "r": 0.06666666666666667, - "g": 0.06666666666666667, - "b": 0.06666666666666667, - "value": 1118481, - "nodeType": "Color" - }, - { - "uuid": "A4A0B558-3CE7-4327-9EE8-B850CAF58992", - "type": "phong", - "color": "A64F7EB1-1989-47DD-8949-0A89D888B338", - "specular": "7F35FE77-F485-4A4B-98A3-11B0ABEA95AE", - "shininess": "F6661F1E-3B5F-4672-8412-D90E747DCCC6", - "shadingAlpha": "DA9275BB-C356-4399-B32E-F87B0EA254E5", - "shadingBlend": "E333B26C-9C48-47C7-8088-32EB9A75E8E1", - "alpha": "9B74DC99-0463-4E5B-B89F-601E2165A6D4", - "nodeType": "Phong" - }, - { - "uuid": "9B74DC99-0463-4E5B-B89F-601E2165A6D4", - "type": "f", - "value": 1, - "nodeType": "Float" - }, - { - "uuid": "51BC96D4-64C2-4E31-95C0-74AE4B5A68BA", - "type": "c", - "r": 0.10980392156862745, - "g": 0.7490196078431373, - "b": 0.2196078431372549, - "value": 1883960, - "alpha": "5129EB5A-DC56-4A3D-990A-942A803B39D7", - "nodeType": "Color" - }, - { - "uuid": "5129EB5A-DC56-4A3D-990A-942A803B39D7", - "type": "f", - "value": 1, - "nodeType": "Float" - }, - { "uuid": "F5F497CD-5680-424C-B5D8-3DFA7ED3C109", "type": "i", "value": 0, "nodeType": "Int" }, - { - "uuid": "B03F74CC-A350-4C27-9AC4-3EC656E468CA", - "type": "f", - "value": 1, - "nodeType": "Float" - }, - { - "uuid": "09A1BF88-9352-490B-B63D-A6381F039EA3", - "type": "i", - "value": "2", - "nodeType": "Int" - }, - { - "uuid": "36B3DCC2-FE9E-4D2A-BD91-2B56A2DC792D", - "type": "c", - "r": 0.10980392156862745, - "g": 0.7490196078431373, - "b": 0.2196078431372549, - "value": 1883960, - "alpha": "FC1335E9-FE1D-42A5-8581-A5CEF739D897", - "nodeType": "Color" - }, - { - "uuid": "FC1335E9-FE1D-42A5-8581-A5CEF739D897", - "type": "f", - "value": 1, - "nodeType": "Float" - }, - { "uuid": "4ED84F5A-BF4A-481B-8A51-03A41760E9B3", "type": "i", "value": 0, "nodeType": "Int" }, - { - "uuid": "52F18FD2-BE0F-4320-AFCE-70CA0C5449EC", - "type": "f", - "value": 1, - "nodeType": "Float" - }, - { - "uuid": "569C230D-42BF-43DD-A645-AEC43A5A7004", - "type": "i", - "value": "2", - "nodeType": "Int" - }, - { - "uuid": "E35B5B46-1889-4A8E-B193-BF304873AE1A", - "type": "c", - "r": 0.10980392156862745, - "g": 0.7490196078431373, - "b": 0.2196078431372549, - "value": 1883960, - "alpha": "C5C53BC9-F87C-40AF-B796-F07DBDC6EA8D", - "nodeType": "Color" - }, - { - "uuid": "C5C53BC9-F87C-40AF-B796-F07DBDC6EA8D", - "type": "f", - "value": 1, - "nodeType": "Float" - }, - { "uuid": "EE4E1E03-4D99-4801-B483-61F879611745", "type": "i", "value": 0, "nodeType": "Int" }, - { - "uuid": "049E0BAA-1C97-421E-8B4A-0FD616531843", - "type": "f", - "value": 1, - "nodeType": "Float" - }, - { - "uuid": "BE77914A-469F-48AA-A4FF-8F325B68F7B6", - "type": "i", - "value": "2", - "nodeType": "Int" - }, - { - "uuid": "3E0FB0E5-698F-41E2-A885-23D3361B97AA", - "type": "f", - "value": 30, - "nodeType": "Float" - }, - { - "uuid": "EA551D8C-5767-448D-B279-F3B80FE83D32", - "type": "c", - "r": 0.06666666666666667, - "g": 0.06666666666666667, - "b": 0.06666666666666667, - "value": 1118481, - "nodeType": "Color" - }, - { - "uuid": "6EE15D33-773D-4A3E-8FB2-4F258E8B83DC", - "type": "phong", - "color": "E35B5B46-1889-4A8E-B193-BF304873AE1A", - "specular": "EA551D8C-5767-448D-B279-F3B80FE83D32", - "shininess": "3E0FB0E5-698F-41E2-A885-23D3361B97AA", - "shadingAlpha": "049E0BAA-1C97-421E-8B4A-0FD616531843", - "shadingBlend": "BE77914A-469F-48AA-A4FF-8F325B68F7B6", - "alpha": "9BE26472-704D-4E45-B9BB-E7CADD9F8761", - "nodeType": "Phong" - }, - { - "uuid": "9BE26472-704D-4E45-B9BB-E7CADD9F8761", - "type": "f", - "value": 1, - "nodeType": "Float" - }, - { - "uuid": "311A594B-8A47-41BF-9459-E91E61279F11", - "type": "c", - "r": 1, - "g": 0.24313725490196078, - "b": 0.24313725490196078, - "value": 16727614, - "alpha": "CEF1A959-724C-49D5-9CB1-B4620D2D5131", - "nodeType": "Color" - }, - { - "uuid": "CEF1A959-724C-49D5-9CB1-B4620D2D5131", - "type": "f", - "value": 1, - "nodeType": "Float" - }, - { "uuid": "12D012AA-377E-48CE-9FB4-000BE002F0B5", "type": "i", "value": 0, "nodeType": "Int" }, - { - "uuid": "F2C8C376-1C75-42E9-86B7-411C0E132572", - "type": "f", - "value": 1, - "nodeType": "Float" - }, - { - "uuid": "0556B66C-70B8-4F26-9055-E8E21FE54454", - "type": "i", - "value": "2", - "nodeType": "Int" - }, - { - "uuid": "CD38CF32-FC41-41A6-8F65-1D13ABC676E3", - "type": "c", - "r": 1, - "g": 0.24313725490196078, - "b": 0.24313725490196078, - "value": 16727614, - "alpha": "C3FF3DEE-FC7F-4AE3-A660-653E6F0F656A", - "nodeType": "Color" - }, - { - "uuid": "C3FF3DEE-FC7F-4AE3-A660-653E6F0F656A", - "type": "f", - "value": 1, - "nodeType": "Float" - }, - { "uuid": "2C2F18E9-86CC-4141-AD62-68FF99E86BF3", "type": "i", "value": 0, "nodeType": "Int" }, - { - "uuid": "4D0655D7-9FEE-407B-87AF-936812B5FE9A", - "type": "f", - "value": 1, - "nodeType": "Float" - }, - { - "uuid": "45FBA650-C38A-4EAB-B32A-6DE1F6088331", - "type": "i", - "value": "2", - "nodeType": "Int" - }, - { - "uuid": "BFF13516-FD10-4443-84E4-2D77C1357AD5", - "type": "c", - "r": 1, - "g": 0.24313725490196078, - "b": 0.24313725490196078, - "value": 16727614, - "alpha": "DB1463CC-5CA8-4337-B6A6-6A807220638E", - "nodeType": "Color" - }, - { - "uuid": "DB1463CC-5CA8-4337-B6A6-6A807220638E", - "type": "f", - "value": 1, - "nodeType": "Float" - }, - { "uuid": "79BFC1CF-D45C-445F-8B57-3C556574B738", "type": "i", "value": 0, "nodeType": "Int" }, - { - "uuid": "022DA645-E369-4B57-AA68-0D4732062D09", - "type": "f", - "value": 1, - "nodeType": "Float" - }, - { - "uuid": "F16105B7-A58D-4E6D-B91F-F56648112CAF", - "type": "i", - "value": "2", - "nodeType": "Int" - }, - { - "uuid": "6CA374EC-4877-4BE5-8CBA-CF6A76FDBB34", - "type": "f", - "value": 30, - "nodeType": "Float" - }, - { - "uuid": "29F0AD4A-5272-4357-8BC6-2A3B66C32CDF", - "type": "c", - "r": 0.06666666666666667, - "g": 0.06666666666666667, - "b": 0.06666666666666667, - "value": 1118481, - "nodeType": "Color" - }, - { - "uuid": "530DD463-5C04-47E2-A484-05F3F488846B", - "type": "phong", - "color": "BFF13516-FD10-4443-84E4-2D77C1357AD5", - "specular": "29F0AD4A-5272-4357-8BC6-2A3B66C32CDF", - "shininess": "6CA374EC-4877-4BE5-8CBA-CF6A76FDBB34", - "shadingAlpha": "022DA645-E369-4B57-AA68-0D4732062D09", - "shadingBlend": "F16105B7-A58D-4E6D-B91F-F56648112CAF", - "alpha": "FF2EDB83-BE2E-4F41-9E0C-B9ED14EEEDA6", - "nodeType": "Phong" - }, - { "uuid": "FF2EDB83-BE2E-4F41-9E0C-B9ED14EEEDA6", "type": "f", "value": 1, "nodeType": "Float" } - ], - "frames": { - "currentId": "default-frame-id", - "coords": [0, 0], - "frames": { - "default-frame-id": { - "id": "default-frame-id", - "name": "Frame", - "preset": "crop", - "size": [438, 396], - "coords": [0, 0], - "editorScale": 1, - "backgroundColor": { "r": 255, "g": 218, "b": 195, "a": 0 }, - "color": { "r": 0, "g": 0, "b": 0, "a": 0.5 }, - "guides": true, - "hasSceneScaling": false, - "sceneScale": 1 - } - } - }, - "assets": { "materials": {} }, - "editor": { - "orbitControls": { - "useKeyEvents": false, - "enableDamping": true, - "enablePan": false, - "enableZoom": false, - "enableRotate": false, - "rotationLimitsMode": 0, - "rotationVerticalOffset": { "min": 1.5707963267948966, "max": 1.5707963267948966 }, - "rotationHorizontalOffset": { "min": 1.5707963267948966, "max": 1.5707963267948966 }, - "autoRotate": false, - "autoRotateSpeed": 2, - "autoRotateClockwise": true - }, - "helperState": true, - "publish": { "type": 2, "web": { "logo": true } }, - "settings": { "wireframe": false, "helpers": true } - } + "object": { + "uuid": "175E006A-5EBA-428E-858B-AD67CF13B00E", + "objectType": "Scene", + "name": "Windows - Copy", + "matrix": [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1], + "layers": 1, + "children": [ + { + "uuid": "77ADD982-E4B2-4600-94D2-E78893595C41", + "objectType": "LightDirectional", + "name": "Directional Light", + "matrix": [ + 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -491.00000000000006, 382, 292.47744883990526, 1 + ], + "castShadow": true, + "layers": 1, + "hiddenMatrix": [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1], + "interaction": { "uuid": "5E3DFC6D-0388-4AD8-B204-8FAC82E02235" }, + "enableHelper": true, + "color": 16777215, + "intensity": 0.75, + "shadow": { + "mapSize": [1024, 1024], + "camera": { + "uuid": "5A1C0D8F-DE84-4A41-BC74-77D0BC238D4F", + "type": "OrthographicCamera", + "layers": 1, + "zoom": 1, + "left": -2400, + "right": 2400, + "top": 2400, + "bottom": -2400, + "near": 1, + "far": 2500 + } + } + }, + { + "uuid": "C73DDE09-5B20-4082-A675-565808D54A5E", + "objectType": "Mesh2D", + "name": "Rectangle", + "matrix": [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, -22.510038480475487, 1], + "castShadow": true, + "receiveShadow": true, + "layers": 1, + "userData": { "positionToCenter": { "x": 0, "y": 0, "z": 0 } }, + "hiddenMatrix": [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1], + "interaction": { "uuid": "91D4CE4E-BEFB-47CF-AA6B-F35422788C8A" }, + "geometry": "5396B27A-0F36-43B4-907B-01669D6EE59D", + "material": "8E2EDBCA-0887-443C-8AE6-B6D3CD29E809" + }, + { + "uuid": "FC386E0B-2C2F-4374-BCD8-BE3EB989E05C", + "objectType": "Mesh3D", + "name": "Cube 3", + "matrix": [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 53, -52.749999999999986, 2.5, 1], + "castShadow": true, + "receiveShadow": true, + "layers": 1, + "userData": { "positionToCenter": { "x": 0, "y": 0, "z": 0 } }, + "hiddenMatrix": [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1], + "interaction": { + "uuid": "275E6C76-6409-4698-92C7-71479FD68090", + "selectedState": 0, + "states": [ + "9CE25592-844A-4CD0-89D3-2BC7A74365C3", + "329C221D-8853-4B1A-A245-DEF66009665C" + ], + "events": [ + { + "type": 7, + "ui": { "isCollapsed": false }, + "targets": [ + { + "easing": 6, + "duration": 1000, + "delay": 0, + "cubicControls": [0.5, 0.05, 0.1, 0.3], + "springParameters": { + "mass": 1, + "stiffness": 80, + "damping": 10, + "velocity": 0 + }, + "repeat": true, + "cycle": true, + "object": "FC386E0B-2C2F-4374-BCD8-BE3EB989E05C", + "state": "329C221D-8853-4B1A-A245-DEF66009665C" + } + ] + } + ] + }, + "geometry": "7A5C7B49-C615-4E82-AC38-14FD98A96DB3", + "material": "5B96993B-D142-4122-A7CC-FE0A12C7C8A1" + }, + { + "uuid": "121D4F3C-6A59-4C5E-B447-5A98956ACE8C", + "objectType": "Mesh3D", + "name": "Cube 3", + "matrix": [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -53, -52.749999999999986, 3, 1], + "castShadow": true, + "receiveShadow": true, + "layers": 1, + "userData": { "positionToCenter": { "x": 0, "y": 0, "z": 0 } }, + "hiddenMatrix": [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1], + "interaction": { + "uuid": "EDCDC5E3-3065-4FF7-B4A4-064EF66A13C2", + "selectedState": 0, + "states": [ + "6C283F81-B5FA-401A-B187-3E63AAAF84AC", + "DC47EA21-1332-4687-9D9B-5368BF0A078F" + ], + "events": [ + { + "type": 7, + "ui": { "isCollapsed": false }, + "targets": [ + { + "easing": 6, + "duration": 1000, + "delay": 0, + "cubicControls": [0.5, 0.05, 0.1, 0.3], + "springParameters": { + "mass": 1, + "stiffness": 80, + "damping": 10, + "velocity": 0 + }, + "repeat": true, + "cycle": true, + "object": "121D4F3C-6A59-4C5E-B447-5A98956ACE8C", + "state": "DC47EA21-1332-4687-9D9B-5368BF0A078F" + } + ] + } + ] + }, + "geometry": "9CF44599-4A50-4A2C-BE8C-14CA200641F6", + "material": "67EE316E-F664-4ECA-B882-C1B84BDD61D4" + }, + { + "uuid": "6E6FEAA8-C11F-42E0-8F01-BEF71DC5B50D", + "objectType": "Mesh3D", + "name": "Cube 2", + "matrix": [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 53, 52.749999999999986, 4.5, 1], + "castShadow": true, + "receiveShadow": true, + "layers": 1, + "userData": { "positionToCenter": { "x": 0, "y": 0, "z": 0 } }, + "hiddenMatrix": [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1], + "interaction": { + "uuid": "C000579A-C43F-4C75-ACA2-B1F9B7DEADD0", + "selectedState": 0, + "states": [ + "3C0A0EFF-AFC9-4BF5-AF7E-E97D2BB42C9D", + "37732E7B-3E34-4FF9-A072-09F2BBD38DD5" + ], + "events": [ + { + "type": 7, + "ui": { "isCollapsed": false }, + "targets": [ + { + "easing": 6, + "duration": 1000, + "delay": 0, + "cubicControls": [0.5, 0.05, 0.1, 0.3], + "springParameters": { + "mass": 1, + "stiffness": 80, + "damping": 10, + "velocity": 0 + }, + "repeat": true, + "cycle": true, + "object": "6E6FEAA8-C11F-42E0-8F01-BEF71DC5B50D", + "state": "37732E7B-3E34-4FF9-A072-09F2BBD38DD5" + } + ] + } + ] + }, + "geometry": "3EAE887C-2313-4FB5-B8B9-0635B1CEE6D9", + "material": "A5A3C657-7996-4927-B570-802AD621A5E6" + }, + { + "uuid": "1E532681-5EE1-4428-AC52-EBBF4CC61FB1", + "objectType": "Mesh3D", + "name": "Cube", + "matrix": [ + 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -52.00000000000006, 52.749999999999986, 5.5, 1 + ], + "castShadow": true, + "receiveShadow": true, + "layers": 1, + "userData": { "positionToCenter": { "x": 0, "y": 0, "z": 0 } }, + "hiddenMatrix": [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1], + "interaction": { + "uuid": "70ECC936-3263-471E-A056-0138FB901F5B", + "selectedState": 0, + "states": [ + "11FF7F14-A2D3-4896-8BA8-76875751A5BD", + "BC6CBD64-3ACA-46C4-80D4-5CC0A4546356" + ], + "events": [ + { + "type": 7, + "ui": { "isCollapsed": false }, + "targets": [ + { + "easing": 6, + "duration": 1000, + "delay": 0, + "cubicControls": [0.5, 0.05, 0.1, 0.3], + "springParameters": { + "mass": 1, + "stiffness": 80, + "damping": 10, + "velocity": 0 + }, + "repeat": true, + "cycle": true, + "object": "1E532681-5EE1-4428-AC52-EBBF4CC61FB1", + "state": "BC6CBD64-3ACA-46C4-80D4-5CC0A4546356" + } + ] + } + ] + }, + "geometry": "F0B2D47A-4E59-4097-9172-71A5ACEA8264", + "material": "ED2A7386-0134-48CB-BF37-CD8D07288A45" + }, + { + "uuid": "0EB4956E-4B9D-4CC5-BAC9-D2562A733E06", + "objectType": "CombinedCamera", + "name": "Default Camera", + "matrix": [ + 0.9592203497819743, 1.3877787807814457e-17, 0.28265937197295754, 0, -0.1403466409943231, + 0.8680240479778703, 0.47627415686106955, 0, -0.24535513225884917, -0.49652215673835953, + 0.832626330920498, 0, -245.35513225884878, -496.52215673835894, 832.6263309204967, 1 + ], + "layers": 1, + "userData": { "activeCamera": true }, + "children": [ + { + "uuid": "E4F06C2F-9B77-4DBC-B9AC-36EE9866A81E", + "type": "DirectionalLight", + "name": "Default Directional Light", + "visible": false, + "layers": 1, + "matrix": [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 850000, 1300000, 1000000, 1], + "color": 16777215, + "intensity": 0.75, + "shadow": { + "camera": { + "uuid": "B78D71CA-611B-4F2E-AA8D-6E3103DA8B1E", + "type": "OrthographicCamera", + "layers": 1, + "zoom": 1, + "left": -5, + "right": 5, + "top": 5, + "bottom": -5, + "near": 0.5, + "far": 500 + } + } + } + ], + "hiddenMatrix": [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1], + "interaction": { "uuid": "00BF1C2A-8435-499D-9C13-2079B5AD473E" }, + "enableHelper": false, + "cameraType": "OrthographicCamera", + "targetOffset": 999.9999999999986, + "isUpVectorFlipped": false, + "angleOffsetFromUp": 0, + "left": -1280, + "right": 1280, + "top": 638, + "bottom": -638, + "zoomOrtho": 1, + "nearOrtho": -50000, + "far": 100000, + "aspect": 2.006269592476489, + "fov": 45, + "focus": 10, + "filmGauge": 35, + "filmOffset": 0, + "zoomPersp": 1, + "nearPersp": 0.1 + }, + { + "uuid": "09F67B42-59A5-42D1-A657-4B00178F655D", + "type": "HemisphereLight", + "name": "Default Ambient Light", + "userData": { "isDefaultHemisphereLight": true }, + "layers": 1, + "matrix": [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 1, 0, 1], + "color": 13882323, + "intensity": 0.75, + "groundColor": 8553090 + } + ], + "activeCamera": "0EB4956E-4B9D-4CC5-BAC9-D2562A733E06", + "camera": "0EB4956E-4B9D-4CC5-BAC9-D2562A733E06", + "directionalLight": "E4F06C2F-9B77-4DBC-B9AC-36EE9866A81E", + "ambientLight": "09F67B42-59A5-42D1-A657-4B00178F655D", + "color": [1, 0.8549019607843137, 0.7647058823529411], + "alpha": 0, + "ambientLightState": true, + "canvas": { + "mode": 2, + "preset": "crop", + "editorSize": { "width": 2560, "height": 1276 }, + "color": [0, 0, 0, 0.5], + "size": { "width": 438, "height": 396 } + }, + "postprocessing": { + "enabled": false, + "bloom": { + "enabled": false, + "opacity": 1, + "blendFunction": 16, + "intensity": 1, + "luminanceThreshold": 0.9, + "luminanceSmoothing": 0.025, + "blurScale": 1, + "kernelSize": 3 + }, + "chromaticAberration": { + "enabled": false, + "opacity": 1, + "blendFunction": 13, + "offset": [10, 10] + }, + "vignette": { + "enabled": false, + "opacity": 1, + "blendFunction": 13, + "eskil": false, + "darkness": 0.5, + "offset": 0.5 + }, + "noise": { "enabled": false, "opacity": 1, "blendFunction": 14 }, + "colorAverage": { "enabled": false, "opacity": 1, "blendFunction": 13 }, + "hueSaturation": { + "enabled": false, + "opacity": 1, + "blendFunction": 13, + "_hue": 0, + "hue": 0, + "saturation": 0 + }, + "brightnessContrast": { + "enabled": false, + "opacity": 1, + "blendFunction": 13, + "contrast": 0, + "brightness": 0 + }, + "depthOfField": { + "enabled": false, + "opacity": 1, + "blendFunction": 13, + "focalLength": 0.1, + "focusDistance": 0, + "bokehScale": 1 + }, + "pixelation": { + "enabled": false, + "opacity": 1, + "blendFunction": 13, + "granularity": 30 + } + } + }, + "metadata": { + "version": 1.5, + "type": "Object", + "generator": "Object3D.toJSON" + }, + "geometries": [ + { + "uuid": "5396B27A-0F36-43B4-907B-01669D6EE59D", + "userData": { + "shape": { + "points": [ + -165, 165, -165, 165, -165, 165, 20, 165, 165, 165, 165, 165, 165, 20, 165, -165, 165, + -165, 165, -165, 20, -165, -165, -165, -165, -165, -165, 20 + ], + "shapeHoles": [], + "isClosed": true, + "roundness": 20 + }, + "parameters": { + "width": 330, + "depth": 36, + "cornerRadius": [20, 20, 20, 20], + "cornerType": 1, + "extrudeDepth": 36, + "extrudeBevelSize": 9, + "extrudeBevelSegments": 48, + "height": 330, + "surfaceMaxCount": 1000 + }, + "ui": { "enabledIndieCorners": false }, + "type": "RectangleGeometry" + } + }, + { + "uuid": "7A5C7B49-C615-4E82-AC38-14FD98A96DB3", + "userData": { + "parameters": { + "width": 100, + "widthSegments": 1, + "heightSegments": 1, + "depthSegments": 1, + "cornerRadius": 8, + "cornerSegments": 8, + "height": 100, + "depth": 45, + "extrudeDepth": 0, + "extrudeBevelSize": 0, + "extrudeBevelSegments": 1 + }, + "type": "CubeGeometry" + } + }, + { + "uuid": "9CF44599-4A50-4A2C-BE8C-14CA200641F6", + "userData": { + "parameters": { + "width": 100, + "widthSegments": 1, + "heightSegments": 1, + "depthSegments": 1, + "cornerRadius": 8, + "cornerSegments": 8, + "height": 100, + "depth": 44, + "extrudeDepth": 0, + "extrudeBevelSize": 0, + "extrudeBevelSegments": 1 + }, + "type": "CubeGeometry" + } + }, + { + "uuid": "3EAE887C-2313-4FB5-B8B9-0635B1CEE6D9", + "userData": { + "parameters": { + "width": 100, + "widthSegments": 1, + "heightSegments": 1, + "depthSegments": 1, + "cornerRadius": 8, + "cornerSegments": 8, + "height": 100, + "depth": 41, + "extrudeDepth": 0, + "extrudeBevelSize": 0, + "extrudeBevelSegments": 1 + }, + "type": "CubeGeometry" + } + }, + { + "uuid": "F0B2D47A-4E59-4097-9172-71A5ACEA8264", + "userData": { + "parameters": { + "width": 100, + "widthSegments": 1, + "heightSegments": 1, + "depthSegments": 1, + "cornerRadius": 8, + "cornerSegments": 8, + "height": 100, + "depth": 39, + "extrudeDepth": 0, + "extrudeBevelSize": 0, + "extrudeBevelSegments": 1 + }, + "type": "CubeGeometry" + } + } + ], + "materials": [ + { + "uuid": "8E2EDBCA-0887-443C-8AE6-B6D3CD29E809", + "type": "ShaderMaterial", + "emissiveIntensity": { + "uuid": "EE943729-0A24-45BE-B735-E66B8957ED11", + "type": "f", + "value": 1, + "nodeType": "Float" + }, + "transparent": true, + "depthFunc": 3, + "depthTest": true, + "depthWrite": true, + "colorWrite": true, + "stencilWrite": false, + "stencilWriteMask": 255, + "stencilFunc": 519, + "stencilRef": 0, + "stencilFuncMask": 255, + "stencilFail": 7680, + "stencilZFail": 7680, + "stencilZPass": 7680, + "dithering": true, + "wireframeLinecap": "", + "wireframeLinejoin": "", + "userData": { + "type": "LambertMaterial", + "category": "Lambert", + "nodeType": "LambertNodeMaterial", + "layers": { + "id": 3, + "uuid": "9731CEB6-9DE4-4AFC-8ABC-5F4F3BDDB62D", + "head": { + "id": 0, + "type": "color", + "defines": {}, + "uniforms": { + "f0_color": "57D2B157-D884-4E04-9A73-4C9E72515B23", + "f0_alpha": "196BD431-114A-4D1A-8107-9B8ACA2DA775", + "f0_mode": "4CAD73E1-4256-4B40-8E7B-B82662656BD7" + }, + "next": { + "id": 1, + "type": "light", + "defines": {}, + "uniforms": { + "f1_alpha": "A30BF4AB-5DFB-4B14-A267-4A6EC476FB18", + "f1_mode": "6B554DC3-E4DD-4B29-8D93-D26D90F44F0C", + "f1_emissive": "D4C97229-A45B-4AA2-954D-07216CD4A2B5" + } + } + } + } + }, + "glslVersion": null, + "defines": { "LAMBERT": 1 }, + "vertex": "8BCB73A4-FDDD-4E57-9AED-331EAFB6C51E", + "fragment": "8BCB73A4-FDDD-4E57-9AED-331EAFB6C51E" + }, + { + "uuid": "5B96993B-D142-4122-A7CC-FE0A12C7C8A1", + "type": "ShaderMaterial", + "transparent": true, + "depthFunc": 3, + "depthTest": true, + "depthWrite": true, + "colorWrite": true, + "stencilWrite": false, + "stencilWriteMask": 255, + "stencilFunc": 519, + "stencilRef": 0, + "stencilFuncMask": 255, + "stencilFail": 7680, + "stencilZFail": 7680, + "stencilZPass": 7680, + "dithering": true, + "wireframeLinecap": "", + "wireframeLinejoin": "", + "userData": { + "type": "PhongMaterial", + "category": "Phong", + "nodeType": "PhongNodeMaterial", + "layers": { + "id": 2, + "uuid": "6E548701-CE56-47F0-991B-ADA38CD98F95", + "head": { + "id": 0, + "type": "color", + "defines": {}, + "uniforms": { + "f0_color": "50C9ED49-0E89-4DDC-A335-8424E87AF88C", + "f0_alpha": "3EB420B7-0F15-44BC-8A28-944E06F80EF1", + "f0_mode": "1E5F2339-DCE8-457E-9E14-680808EC0972" + }, + "next": { + "id": 1, + "type": "light", + "defines": {}, + "uniforms": { + "f1_alpha": "AD377F69-6D6A-413C-B39C-A2874FC1231C", + "f1_mode": "2C3BDC0D-41D3-4EB0-8294-63DCE538631E", + "f1_shininess": "A2EAD601-278B-46D3-BE50-1CCD84D8C65C", + "f1_specular": "099F6815-F834-4135-9735-C2CC5D0C15D6" + } + } + } + } + }, + "glslVersion": null, + "defines": { "PHONG": 1 }, + "vertex": "1149FF4A-8255-4995-8F44-3CB8C54CF74F", + "fragment": "1149FF4A-8255-4995-8F44-3CB8C54CF74F" + }, + { + "uuid": "67EE316E-F664-4ECA-B882-C1B84BDD61D4", + "type": "ShaderMaterial", + "transparent": true, + "depthFunc": 3, + "depthTest": true, + "depthWrite": true, + "colorWrite": true, + "stencilWrite": false, + "stencilWriteMask": 255, + "stencilFunc": 519, + "stencilRef": 0, + "stencilFuncMask": 255, + "stencilFail": 7680, + "stencilZFail": 7680, + "stencilZPass": 7680, + "dithering": true, + "wireframeLinecap": "", + "wireframeLinejoin": "", + "userData": { + "type": "PhongMaterial", + "category": "Phong", + "nodeType": "PhongNodeMaterial", + "layers": { + "id": 2, + "uuid": "E0408BF0-E26F-4FBD-815A-562D58292A3C", + "head": { + "id": 0, + "type": "color", + "defines": {}, + "uniforms": { + "f0_color": "A64F7EB1-1989-47DD-8949-0A89D888B338", + "f0_alpha": "D5C3515B-7880-425F-BF9B-06C42A792A0E", + "f0_mode": "626031E6-FB12-49DD-8BC4-063EA9C72937" + }, + "next": { + "id": 1, + "type": "light", + "defines": {}, + "uniforms": { + "f1_alpha": "DA9275BB-C356-4399-B32E-F87B0EA254E5", + "f1_mode": "E333B26C-9C48-47C7-8088-32EB9A75E8E1", + "f1_shininess": "F6661F1E-3B5F-4672-8412-D90E747DCCC6", + "f1_specular": "7F35FE77-F485-4A4B-98A3-11B0ABEA95AE" + } + } + } + } + }, + "glslVersion": null, + "defines": { "PHONG": 1 }, + "vertex": "A4A0B558-3CE7-4327-9EE8-B850CAF58992", + "fragment": "A4A0B558-3CE7-4327-9EE8-B850CAF58992" + }, + { + "uuid": "A5A3C657-7996-4927-B570-802AD621A5E6", + "type": "ShaderMaterial", + "transparent": true, + "depthFunc": 3, + "depthTest": true, + "depthWrite": true, + "colorWrite": true, + "stencilWrite": false, + "stencilWriteMask": 255, + "stencilFunc": 519, + "stencilRef": 0, + "stencilFuncMask": 255, + "stencilFail": 7680, + "stencilZFail": 7680, + "stencilZPass": 7680, + "dithering": true, + "wireframeLinecap": "", + "wireframeLinejoin": "", + "userData": { + "type": "PhongMaterial", + "category": "Phong", + "nodeType": "PhongNodeMaterial", + "layers": { + "id": 3, + "uuid": "8028A7A1-F3AA-4F6D-89E9-502868B5DEF1", + "head": { + "id": 0, + "type": "color", + "defines": {}, + "uniforms": { + "f0_color": "E35B5B46-1889-4A8E-B193-BF304873AE1A", + "f0_alpha": "C5C53BC9-F87C-40AF-B796-F07DBDC6EA8D", + "f0_mode": "EE4E1E03-4D99-4801-B483-61F879611745" + }, + "next": { + "id": 1, + "type": "light", + "defines": {}, + "uniforms": { + "f1_alpha": "049E0BAA-1C97-421E-8B4A-0FD616531843", + "f1_mode": "BE77914A-469F-48AA-A4FF-8F325B68F7B6", + "f1_shininess": "3E0FB0E5-698F-41E2-A885-23D3361B97AA", + "f1_specular": "EA551D8C-5767-448D-B279-F3B80FE83D32" + } + } + } + } + }, + "glslVersion": null, + "defines": { "PHONG": 1 }, + "vertex": "6EE15D33-773D-4A3E-8FB2-4F258E8B83DC", + "fragment": "6EE15D33-773D-4A3E-8FB2-4F258E8B83DC" + }, + { + "uuid": "ED2A7386-0134-48CB-BF37-CD8D07288A45", + "type": "ShaderMaterial", + "transparent": true, + "depthFunc": 3, + "depthTest": true, + "depthWrite": true, + "colorWrite": true, + "stencilWrite": false, + "stencilWriteMask": 255, + "stencilFunc": 519, + "stencilRef": 0, + "stencilFuncMask": 255, + "stencilFail": 7680, + "stencilZFail": 7680, + "stencilZPass": 7680, + "dithering": true, + "wireframeLinecap": "", + "wireframeLinejoin": "", + "userData": { + "type": "PhongMaterial", + "category": "Phong", + "nodeType": "PhongNodeMaterial", + "layers": { + "id": 2, + "uuid": "C92FC012-9BF9-4A1A-A9A2-4E5D374CC55B", + "head": { + "id": 0, + "type": "color", + "defines": {}, + "uniforms": { + "f0_color": "BFF13516-FD10-4443-84E4-2D77C1357AD5", + "f0_alpha": "DB1463CC-5CA8-4337-B6A6-6A807220638E", + "f0_mode": "79BFC1CF-D45C-445F-8B57-3C556574B738" + }, + "next": { + "id": 1, + "type": "light", + "defines": {}, + "uniforms": { + "f1_alpha": "022DA645-E369-4B57-AA68-0D4732062D09", + "f1_mode": "F16105B7-A58D-4E6D-B91F-F56648112CAF", + "f1_shininess": "6CA374EC-4877-4BE5-8CBA-CF6A76FDBB34", + "f1_specular": "29F0AD4A-5272-4357-8BC6-2A3B66C32CDF" + } + } + } + } + }, + "glslVersion": null, + "defines": { "PHONG": 1 }, + "vertex": "530DD463-5C04-47E2-A484-05F3F488846B", + "fragment": "530DD463-5C04-47E2-A484-05F3F488846B" + } + ], + "interactionStates": [ + { + "uuid": "9CE25592-844A-4CD0-89D3-2BC7A74365C3", + "name": "Base State", + "position": [53, -52.749999999999986, 2.5], + "rotation": [0, 0, 0, "XYZ"], + "scale": [1, 1, 1], + "hiddenMatrix": [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1], + "geometry": { "width": 100, "height": 100, "depth": 45 }, + "material": { + "layersList": [ + { + "id": 0, + "type": "color", + "defines": {}, + "uniforms": { + "f0_color": "382EF2C1-B605-4B3A-9490-763DDDAB12E8", + "f0_alpha": "7C3FAF8B-5B86-498A-AC6C-0C17AD0A88CA", + "f0_mode": "B9606F81-4A30-4C6D-AA87-CE19B1B8A12C" + } + }, + { + "id": 1, + "type": "light", + "defines": {}, + "uniforms": { + "f1_alpha": "09BB9B51-176D-4D35-9887-B1E81C5FAA53", + "f1_mode": "9A515F76-C2E1-4FC4-9AA6-9CDF8EDFB5DC" + } + } + ] + } + }, + { + "uuid": "329C221D-8853-4B1A-A245-DEF66009665C", + "name": "State 1", + "position": [47.5, -47.249999999999986, 0], + "rotation": [0, 0, 0, "XYZ"], + "scale": [1, 1, 1], + "hiddenMatrix": [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1], + "geometry": { "width": 89, "height": 89, "depth": 40 }, + "material": { + "layersList": [ + { + "id": 0, + "type": "color", + "defines": {}, + "uniforms": { + "f0_color": "01173A81-A2B8-4B75-A425-D166B754A24F", + "f0_alpha": "06587453-23CF-49D3-894A-CFA4A4BB0DA5", + "f0_mode": "EDD4833F-29B0-4CFE-81E1-C6415D67C711" + } + }, + { + "id": 1, + "type": "light", + "defines": {}, + "uniforms": { + "f1_alpha": "32925F30-E0E2-4D0F-A6BB-27CC9CF27B8D", + "f1_mode": "CFB49D26-5698-4580-AF37-BF314EA84996" + } + } + ] + } + }, + { + "uuid": "6C283F81-B5FA-401A-B187-3E63AAAF84AC", + "name": "Base State", + "position": [-53, -52.749999999999986, 3], + "rotation": [0, 0, 0, "XYZ"], + "scale": [1, 1, 1], + "hiddenMatrix": [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1], + "geometry": { "width": 100, "height": 100, "depth": 44 }, + "material": { + "layersList": [ + { + "id": 0, + "type": "color", + "defines": {}, + "uniforms": { + "f0_color": "5552E3F9-97FB-4ED8-9919-EE8D62768064", + "f0_alpha": "855470C8-7CA2-47CC-B5B8-D63F3B6633ED", + "f0_mode": "B19E8531-F89E-43C2-864E-D6B090BE503A" + } + }, + { + "id": 1, + "type": "light", + "defines": {}, + "uniforms": { + "f1_alpha": "43AE2CCB-1861-4E23-B36F-4D51C8257596", + "f1_mode": "D58BA42D-75ED-4901-9B84-C9621B0E7D6E" + } + } + ] + } + }, + { + "uuid": "DC47EA21-1332-4687-9D9B-5368BF0A078F", + "name": "State 1", + "position": [-56, -55.749999999999986, 4], + "rotation": [0, 0, 0, "XYZ"], + "scale": [1, 1, 1], + "hiddenMatrix": [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1], + "geometry": { "width": 106, "height": 106, "depth": 46 }, + "material": { + "layersList": [ + { + "id": 0, + "type": "color", + "defines": {}, + "uniforms": { + "f0_color": "055C6DD8-917D-4105-A6CC-55EE208A20FB", + "f0_alpha": "A48B472A-F90C-41FC-B242-98CF4D3A0415", + "f0_mode": "67D14EEE-42D1-426A-8DE1-3D53230F4CAB" + } + }, + { + "id": 1, + "type": "light", + "defines": {}, + "uniforms": { + "f1_alpha": "3860F709-DDC1-491C-8EE0-EA32B482F774", + "f1_mode": "D074712E-D53F-4EB0-B899-87427215974B" + } + } + ] + } + }, + { + "uuid": "3C0A0EFF-AFC9-4BF5-AF7E-E97D2BB42C9D", + "name": "Base State", + "position": [53, 52.749999999999986, 4.5], + "rotation": [0, 0, 0, "XYZ"], + "scale": [1, 1, 1], + "hiddenMatrix": [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1], + "geometry": { "width": 100, "height": 100, "depth": 41 }, + "material": { + "layersList": [ + { + "id": 0, + "type": "color", + "defines": {}, + "uniforms": { + "f0_color": "51BC96D4-64C2-4E31-95C0-74AE4B5A68BA", + "f0_alpha": "5129EB5A-DC56-4A3D-990A-942A803B39D7", + "f0_mode": "F5F497CD-5680-424C-B5D8-3DFA7ED3C109" + } + }, + { + "id": 1, + "type": "light", + "defines": {}, + "uniforms": { + "f1_alpha": "B03F74CC-A350-4C27-9AC4-3EC656E468CA", + "f1_mode": "09A1BF88-9352-490B-B63D-A6381F039EA3" + } + } + ] + } + }, + { + "uuid": "37732E7B-3E34-4FF9-A072-09F2BBD38DD5", + "name": "State 1", + "position": [61.5, 61.249999999999986, 8], + "rotation": [0, 0, 0, "XYZ"], + "scale": [1, 1, 1], + "hiddenMatrix": [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1], + "geometry": { "width": 117, "height": 117, "depth": 48 }, + "material": { + "layersList": [ + { + "id": 0, + "type": "color", + "defines": {}, + "uniforms": { + "f0_color": "36B3DCC2-FE9E-4D2A-BD91-2B56A2DC792D", + "f0_alpha": "FC1335E9-FE1D-42A5-8581-A5CEF739D897", + "f0_mode": "4ED84F5A-BF4A-481B-8A51-03A41760E9B3" + } + }, + { + "id": 1, + "type": "light", + "defines": {}, + "uniforms": { + "f1_alpha": "52F18FD2-BE0F-4320-AFCE-70CA0C5449EC", + "f1_mode": "569C230D-42BF-43DD-A645-AEC43A5A7004" + } + } + ] + } + }, + { + "uuid": "11FF7F14-A2D3-4896-8BA8-76875751A5BD", + "name": "Base State", + "position": [-52.00000000000006, 52.749999999999986, 5.5], + "rotation": [0, 0, 0, "XYZ"], + "scale": [1, 1, 1], + "hiddenMatrix": [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1], + "geometry": { "width": 100, "height": 100, "depth": 39 }, + "material": { + "layersList": [ + { + "id": 0, + "type": "color", + "defines": {}, + "uniforms": { + "f0_color": "311A594B-8A47-41BF-9459-E91E61279F11", + "f0_alpha": "CEF1A959-724C-49D5-9CB1-B4620D2D5131", + "f0_mode": "12D012AA-377E-48CE-9FB4-000BE002F0B5" + } + }, + { + "id": 1, + "type": "light", + "defines": {}, + "uniforms": { + "f1_alpha": "F2C8C376-1C75-42E9-86B7-411C0E132572", + "f1_mode": "0556B66C-70B8-4F26-9055-E8E21FE54454" + } + } + ] + } + }, + { + "uuid": "BC6CBD64-3ACA-46C4-80D4-5CC0A4546356", + "name": "State 1", + "position": [-47.00000000000006, 47.749999999999986, 3.5], + "rotation": [0, 0, 0, "XYZ"], + "scale": [1, 1, 1], + "hiddenMatrix": [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1], + "geometry": { "width": 90, "height": 90, "depth": 35 }, + "material": { + "layersList": [ + { + "id": 0, + "type": "color", + "defines": {}, + "uniforms": { + "f0_color": "CD38CF32-FC41-41A6-8F65-1D13ABC676E3", + "f0_alpha": "C3FF3DEE-FC7F-4AE3-A660-653E6F0F656A", + "f0_mode": "2C2F18E9-86CC-4141-AD62-68FF99E86BF3" + } + }, + { + "id": 1, + "type": "light", + "defines": {}, + "uniforms": { + "f1_alpha": "4D0655D7-9FEE-407B-87AF-936812B5FE9A", + "f1_mode": "45FBA650-C38A-4EAB-B32A-6DE1F6088331" + } + } + ] + } + } + ], + "nodes": [ + { + "uuid": "57D2B157-D884-4E04-9A73-4C9E72515B23", + "type": "c", + "r": 0.33725490196078434, + "g": 0.35294117647058826, + "b": 0.4117647058823529, + "value": 5659241, + "alpha": "196BD431-114A-4D1A-8107-9B8ACA2DA775", + "nodeType": "Color" + }, + { + "uuid": "196BD431-114A-4D1A-8107-9B8ACA2DA775", + "type": "f", + "value": 1, + "nodeType": "Float" + }, + { + "uuid": "4CAD73E1-4256-4B40-8E7B-B82662656BD7", + "type": "i", + "value": 0, + "nodeType": "Int" + }, + { + "uuid": "A30BF4AB-5DFB-4B14-A267-4A6EC476FB18", + "type": "f", + "value": 1, + "nodeType": "Float" + }, + { + "uuid": "6B554DC3-E4DD-4B29-8D93-D26D90F44F0C", + "type": "i", + "value": "3", + "nodeType": "Int" + }, + { + "uuid": "D4C97229-A45B-4AA2-954D-07216CD4A2B5", + "type": "c", + "r": 0, + "g": 0, + "b": 0, + "value": 0, + "nodeType": "Color" + }, + { + "uuid": "8BCB73A4-FDDD-4E57-9AED-331EAFB6C51E", + "type": "lambert", + "color": "57D2B157-D884-4E04-9A73-4C9E72515B23", + "emissiveIntensity": "EE943729-0A24-45BE-B735-E66B8957ED11", + "shadingAlpha": "A30BF4AB-5DFB-4B14-A267-4A6EC476FB18", + "shadingBlend": "6B554DC3-E4DD-4B29-8D93-D26D90F44F0C", + "alpha": "F51C82D0-6B71-4B80-8D05-A7B6DBCD2CD8", + "emissive": "D4C97229-A45B-4AA2-954D-07216CD4A2B5", + "nodeType": "Lambert" + }, + { + "uuid": "EE943729-0A24-45BE-B735-E66B8957ED11", + "type": "f", + "value": 1, + "nodeType": "Float" + }, + { + "uuid": "F51C82D0-6B71-4B80-8D05-A7B6DBCD2CD8", + "type": "f", + "value": 1, + "nodeType": "Float" + }, + { + "uuid": "382EF2C1-B605-4B3A-9490-763DDDAB12E8", + "type": "c", + "r": 1, + "g": 0.48627450980392156, + "b": 0, + "value": 16743424, + "alpha": "7C3FAF8B-5B86-498A-AC6C-0C17AD0A88CA", + "nodeType": "Color" + }, + { + "uuid": "7C3FAF8B-5B86-498A-AC6C-0C17AD0A88CA", + "type": "f", + "value": 1, + "nodeType": "Float" + }, + { + "uuid": "B9606F81-4A30-4C6D-AA87-CE19B1B8A12C", + "type": "i", + "value": 0, + "nodeType": "Int" + }, + { + "uuid": "09BB9B51-176D-4D35-9887-B1E81C5FAA53", + "type": "f", + "value": 1, + "nodeType": "Float" + }, + { + "uuid": "9A515F76-C2E1-4FC4-9AA6-9CDF8EDFB5DC", + "type": "i", + "value": "2", + "nodeType": "Int" + }, + { + "uuid": "01173A81-A2B8-4B75-A425-D166B754A24F", + "type": "c", + "r": 1, + "g": 0.48627450980392156, + "b": 0, + "value": 16743424, + "alpha": "06587453-23CF-49D3-894A-CFA4A4BB0DA5", + "nodeType": "Color" + }, + { + "uuid": "06587453-23CF-49D3-894A-CFA4A4BB0DA5", + "type": "f", + "value": 1, + "nodeType": "Float" + }, + { + "uuid": "EDD4833F-29B0-4CFE-81E1-C6415D67C711", + "type": "i", + "value": 0, + "nodeType": "Int" + }, + { + "uuid": "32925F30-E0E2-4D0F-A6BB-27CC9CF27B8D", + "type": "f", + "value": 1, + "nodeType": "Float" + }, + { + "uuid": "CFB49D26-5698-4580-AF37-BF314EA84996", + "type": "i", + "value": "2", + "nodeType": "Int" + }, + { + "uuid": "50C9ED49-0E89-4DDC-A335-8424E87AF88C", + "type": "c", + "r": 1, + "g": 0.48627450980392156, + "b": 0, + "value": 16743424, + "alpha": "3EB420B7-0F15-44BC-8A28-944E06F80EF1", + "nodeType": "Color" + }, + { + "uuid": "3EB420B7-0F15-44BC-8A28-944E06F80EF1", + "type": "f", + "value": 1, + "nodeType": "Float" + }, + { + "uuid": "1E5F2339-DCE8-457E-9E14-680808EC0972", + "type": "i", + "value": 0, + "nodeType": "Int" + }, + { + "uuid": "AD377F69-6D6A-413C-B39C-A2874FC1231C", + "type": "f", + "value": 1, + "nodeType": "Float" + }, + { + "uuid": "2C3BDC0D-41D3-4EB0-8294-63DCE538631E", + "type": "i", + "value": "2", + "nodeType": "Int" + }, + { + "uuid": "A2EAD601-278B-46D3-BE50-1CCD84D8C65C", + "type": "f", + "value": 30, + "nodeType": "Float" + }, + { + "uuid": "099F6815-F834-4135-9735-C2CC5D0C15D6", + "type": "c", + "r": 0.06666666666666667, + "g": 0.06666666666666667, + "b": 0.06666666666666667, + "value": 1118481, + "nodeType": "Color" + }, + { + "uuid": "1149FF4A-8255-4995-8F44-3CB8C54CF74F", + "type": "phong", + "color": "50C9ED49-0E89-4DDC-A335-8424E87AF88C", + "specular": "099F6815-F834-4135-9735-C2CC5D0C15D6", + "shininess": "A2EAD601-278B-46D3-BE50-1CCD84D8C65C", + "shadingAlpha": "AD377F69-6D6A-413C-B39C-A2874FC1231C", + "shadingBlend": "2C3BDC0D-41D3-4EB0-8294-63DCE538631E", + "alpha": "3A5BA0C1-E1ED-4E0A-AEA0-6B9CADFC29C0", + "nodeType": "Phong" + }, + { + "uuid": "3A5BA0C1-E1ED-4E0A-AEA0-6B9CADFC29C0", + "type": "f", + "value": 1, + "nodeType": "Float" + }, + { + "uuid": "5552E3F9-97FB-4ED8-9919-EE8D62768064", + "type": "c", + "r": 0.11764705882352941, + "g": 0.3215686274509804, + "b": 1, + "value": 1987327, + "alpha": "855470C8-7CA2-47CC-B5B8-D63F3B6633ED", + "nodeType": "Color" + }, + { + "uuid": "855470C8-7CA2-47CC-B5B8-D63F3B6633ED", + "type": "f", + "value": 1, + "nodeType": "Float" + }, + { + "uuid": "B19E8531-F89E-43C2-864E-D6B090BE503A", + "type": "i", + "value": 0, + "nodeType": "Int" + }, + { + "uuid": "43AE2CCB-1861-4E23-B36F-4D51C8257596", + "type": "f", + "value": 1, + "nodeType": "Float" + }, + { + "uuid": "D58BA42D-75ED-4901-9B84-C9621B0E7D6E", + "type": "i", + "value": "2", + "nodeType": "Int" + }, + { + "uuid": "055C6DD8-917D-4105-A6CC-55EE208A20FB", + "type": "c", + "r": 0.11764705882352941, + "g": 0.3215686274509804, + "b": 1, + "value": 1987327, + "alpha": "A48B472A-F90C-41FC-B242-98CF4D3A0415", + "nodeType": "Color" + }, + { + "uuid": "A48B472A-F90C-41FC-B242-98CF4D3A0415", + "type": "f", + "value": 1, + "nodeType": "Float" + }, + { + "uuid": "67D14EEE-42D1-426A-8DE1-3D53230F4CAB", + "type": "i", + "value": 0, + "nodeType": "Int" + }, + { + "uuid": "3860F709-DDC1-491C-8EE0-EA32B482F774", + "type": "f", + "value": 1, + "nodeType": "Float" + }, + { + "uuid": "D074712E-D53F-4EB0-B899-87427215974B", + "type": "i", + "value": "2", + "nodeType": "Int" + }, + { + "uuid": "A64F7EB1-1989-47DD-8949-0A89D888B338", + "type": "c", + "r": 0.11764705882352941, + "g": 0.3215686274509804, + "b": 1, + "value": 1987327, + "alpha": "D5C3515B-7880-425F-BF9B-06C42A792A0E", + "nodeType": "Color" + }, + { + "uuid": "D5C3515B-7880-425F-BF9B-06C42A792A0E", + "type": "f", + "value": 1, + "nodeType": "Float" + }, + { + "uuid": "626031E6-FB12-49DD-8BC4-063EA9C72937", + "type": "i", + "value": 0, + "nodeType": "Int" + }, + { + "uuid": "DA9275BB-C356-4399-B32E-F87B0EA254E5", + "type": "f", + "value": 1, + "nodeType": "Float" + }, + { + "uuid": "E333B26C-9C48-47C7-8088-32EB9A75E8E1", + "type": "i", + "value": "2", + "nodeType": "Int" + }, + { + "uuid": "F6661F1E-3B5F-4672-8412-D90E747DCCC6", + "type": "f", + "value": 30, + "nodeType": "Float" + }, + { + "uuid": "7F35FE77-F485-4A4B-98A3-11B0ABEA95AE", + "type": "c", + "r": 0.06666666666666667, + "g": 0.06666666666666667, + "b": 0.06666666666666667, + "value": 1118481, + "nodeType": "Color" + }, + { + "uuid": "A4A0B558-3CE7-4327-9EE8-B850CAF58992", + "type": "phong", + "color": "A64F7EB1-1989-47DD-8949-0A89D888B338", + "specular": "7F35FE77-F485-4A4B-98A3-11B0ABEA95AE", + "shininess": "F6661F1E-3B5F-4672-8412-D90E747DCCC6", + "shadingAlpha": "DA9275BB-C356-4399-B32E-F87B0EA254E5", + "shadingBlend": "E333B26C-9C48-47C7-8088-32EB9A75E8E1", + "alpha": "9B74DC99-0463-4E5B-B89F-601E2165A6D4", + "nodeType": "Phong" + }, + { + "uuid": "9B74DC99-0463-4E5B-B89F-601E2165A6D4", + "type": "f", + "value": 1, + "nodeType": "Float" + }, + { + "uuid": "51BC96D4-64C2-4E31-95C0-74AE4B5A68BA", + "type": "c", + "r": 0.10980392156862745, + "g": 0.7490196078431373, + "b": 0.2196078431372549, + "value": 1883960, + "alpha": "5129EB5A-DC56-4A3D-990A-942A803B39D7", + "nodeType": "Color" + }, + { + "uuid": "5129EB5A-DC56-4A3D-990A-942A803B39D7", + "type": "f", + "value": 1, + "nodeType": "Float" + }, + { + "uuid": "F5F497CD-5680-424C-B5D8-3DFA7ED3C109", + "type": "i", + "value": 0, + "nodeType": "Int" + }, + { + "uuid": "B03F74CC-A350-4C27-9AC4-3EC656E468CA", + "type": "f", + "value": 1, + "nodeType": "Float" + }, + { + "uuid": "09A1BF88-9352-490B-B63D-A6381F039EA3", + "type": "i", + "value": "2", + "nodeType": "Int" + }, + { + "uuid": "36B3DCC2-FE9E-4D2A-BD91-2B56A2DC792D", + "type": "c", + "r": 0.10980392156862745, + "g": 0.7490196078431373, + "b": 0.2196078431372549, + "value": 1883960, + "alpha": "FC1335E9-FE1D-42A5-8581-A5CEF739D897", + "nodeType": "Color" + }, + { + "uuid": "FC1335E9-FE1D-42A5-8581-A5CEF739D897", + "type": "f", + "value": 1, + "nodeType": "Float" + }, + { + "uuid": "4ED84F5A-BF4A-481B-8A51-03A41760E9B3", + "type": "i", + "value": 0, + "nodeType": "Int" + }, + { + "uuid": "52F18FD2-BE0F-4320-AFCE-70CA0C5449EC", + "type": "f", + "value": 1, + "nodeType": "Float" + }, + { + "uuid": "569C230D-42BF-43DD-A645-AEC43A5A7004", + "type": "i", + "value": "2", + "nodeType": "Int" + }, + { + "uuid": "E35B5B46-1889-4A8E-B193-BF304873AE1A", + "type": "c", + "r": 0.10980392156862745, + "g": 0.7490196078431373, + "b": 0.2196078431372549, + "value": 1883960, + "alpha": "C5C53BC9-F87C-40AF-B796-F07DBDC6EA8D", + "nodeType": "Color" + }, + { + "uuid": "C5C53BC9-F87C-40AF-B796-F07DBDC6EA8D", + "type": "f", + "value": 1, + "nodeType": "Float" + }, + { + "uuid": "EE4E1E03-4D99-4801-B483-61F879611745", + "type": "i", + "value": 0, + "nodeType": "Int" + }, + { + "uuid": "049E0BAA-1C97-421E-8B4A-0FD616531843", + "type": "f", + "value": 1, + "nodeType": "Float" + }, + { + "uuid": "BE77914A-469F-48AA-A4FF-8F325B68F7B6", + "type": "i", + "value": "2", + "nodeType": "Int" + }, + { + "uuid": "3E0FB0E5-698F-41E2-A885-23D3361B97AA", + "type": "f", + "value": 30, + "nodeType": "Float" + }, + { + "uuid": "EA551D8C-5767-448D-B279-F3B80FE83D32", + "type": "c", + "r": 0.06666666666666667, + "g": 0.06666666666666667, + "b": 0.06666666666666667, + "value": 1118481, + "nodeType": "Color" + }, + { + "uuid": "6EE15D33-773D-4A3E-8FB2-4F258E8B83DC", + "type": "phong", + "color": "E35B5B46-1889-4A8E-B193-BF304873AE1A", + "specular": "EA551D8C-5767-448D-B279-F3B80FE83D32", + "shininess": "3E0FB0E5-698F-41E2-A885-23D3361B97AA", + "shadingAlpha": "049E0BAA-1C97-421E-8B4A-0FD616531843", + "shadingBlend": "BE77914A-469F-48AA-A4FF-8F325B68F7B6", + "alpha": "9BE26472-704D-4E45-B9BB-E7CADD9F8761", + "nodeType": "Phong" + }, + { + "uuid": "9BE26472-704D-4E45-B9BB-E7CADD9F8761", + "type": "f", + "value": 1, + "nodeType": "Float" + }, + { + "uuid": "311A594B-8A47-41BF-9459-E91E61279F11", + "type": "c", + "r": 1, + "g": 0.24313725490196078, + "b": 0.24313725490196078, + "value": 16727614, + "alpha": "CEF1A959-724C-49D5-9CB1-B4620D2D5131", + "nodeType": "Color" + }, + { + "uuid": "CEF1A959-724C-49D5-9CB1-B4620D2D5131", + "type": "f", + "value": 1, + "nodeType": "Float" + }, + { + "uuid": "12D012AA-377E-48CE-9FB4-000BE002F0B5", + "type": "i", + "value": 0, + "nodeType": "Int" + }, + { + "uuid": "F2C8C376-1C75-42E9-86B7-411C0E132572", + "type": "f", + "value": 1, + "nodeType": "Float" + }, + { + "uuid": "0556B66C-70B8-4F26-9055-E8E21FE54454", + "type": "i", + "value": "2", + "nodeType": "Int" + }, + { + "uuid": "CD38CF32-FC41-41A6-8F65-1D13ABC676E3", + "type": "c", + "r": 1, + "g": 0.24313725490196078, + "b": 0.24313725490196078, + "value": 16727614, + "alpha": "C3FF3DEE-FC7F-4AE3-A660-653E6F0F656A", + "nodeType": "Color" + }, + { + "uuid": "C3FF3DEE-FC7F-4AE3-A660-653E6F0F656A", + "type": "f", + "value": 1, + "nodeType": "Float" + }, + { + "uuid": "2C2F18E9-86CC-4141-AD62-68FF99E86BF3", + "type": "i", + "value": 0, + "nodeType": "Int" + }, + { + "uuid": "4D0655D7-9FEE-407B-87AF-936812B5FE9A", + "type": "f", + "value": 1, + "nodeType": "Float" + }, + { + "uuid": "45FBA650-C38A-4EAB-B32A-6DE1F6088331", + "type": "i", + "value": "2", + "nodeType": "Int" + }, + { + "uuid": "BFF13516-FD10-4443-84E4-2D77C1357AD5", + "type": "c", + "r": 1, + "g": 0.24313725490196078, + "b": 0.24313725490196078, + "value": 16727614, + "alpha": "DB1463CC-5CA8-4337-B6A6-6A807220638E", + "nodeType": "Color" + }, + { + "uuid": "DB1463CC-5CA8-4337-B6A6-6A807220638E", + "type": "f", + "value": 1, + "nodeType": "Float" + }, + { + "uuid": "79BFC1CF-D45C-445F-8B57-3C556574B738", + "type": "i", + "value": 0, + "nodeType": "Int" + }, + { + "uuid": "022DA645-E369-4B57-AA68-0D4732062D09", + "type": "f", + "value": 1, + "nodeType": "Float" + }, + { + "uuid": "F16105B7-A58D-4E6D-B91F-F56648112CAF", + "type": "i", + "value": "2", + "nodeType": "Int" + }, + { + "uuid": "6CA374EC-4877-4BE5-8CBA-CF6A76FDBB34", + "type": "f", + "value": 30, + "nodeType": "Float" + }, + { + "uuid": "29F0AD4A-5272-4357-8BC6-2A3B66C32CDF", + "type": "c", + "r": 0.06666666666666667, + "g": 0.06666666666666667, + "b": 0.06666666666666667, + "value": 1118481, + "nodeType": "Color" + }, + { + "uuid": "530DD463-5C04-47E2-A484-05F3F488846B", + "type": "phong", + "color": "BFF13516-FD10-4443-84E4-2D77C1357AD5", + "specular": "29F0AD4A-5272-4357-8BC6-2A3B66C32CDF", + "shininess": "6CA374EC-4877-4BE5-8CBA-CF6A76FDBB34", + "shadingAlpha": "022DA645-E369-4B57-AA68-0D4732062D09", + "shadingBlend": "F16105B7-A58D-4E6D-B91F-F56648112CAF", + "alpha": "FF2EDB83-BE2E-4F41-9E0C-B9ED14EEEDA6", + "nodeType": "Phong" + }, + { + "uuid": "FF2EDB83-BE2E-4F41-9E0C-B9ED14EEEDA6", + "type": "f", + "value": 1, + "nodeType": "Float" + } + ], + "frames": { + "currentId": "default-frame-id", + "coords": [0, 0], + "frames": { + "default-frame-id": { + "id": "default-frame-id", + "name": "Frame", + "preset": "crop", + "size": [438, 396], + "coords": [0, 0], + "editorScale": 1, + "backgroundColor": { "r": 255, "g": 218, "b": 195, "a": 0 }, + "color": { "r": 0, "g": 0, "b": 0, "a": 0.5 }, + "guides": true, + "hasSceneScaling": false, + "sceneScale": 1 + } + } + }, + "assets": { "materials": {} }, + "editor": { + "orbitControls": { + "useKeyEvents": false, + "enableDamping": true, + "enablePan": false, + "enableZoom": false, + "enableRotate": false, + "rotationLimitsMode": 0, + "rotationVerticalOffset": { + "min": 1.5707963267948966, + "max": 1.5707963267948966 + }, + "rotationHorizontalOffset": { + "min": 1.5707963267948966, + "max": 1.5707963267948966 + }, + "autoRotate": false, + "autoRotateSpeed": 2, + "autoRotateClockwise": true + }, + "helperState": true, + "publish": { "type": 2, "web": { "logo": true } }, + "settings": { "wireframe": false, "helpers": true } + } } diff --git a/packages/interface/src/assets/spline/windows.json b/packages/interface/src/assets/spline/windows.json index 64d0ff463..424459998 100644 --- a/packages/interface/src/assets/spline/windows.json +++ b/packages/interface/src/assets/spline/windows.json @@ -1,1567 +1,1672 @@ { - "object": { - "uuid": "175E006A-5EBA-428E-858B-AD67CF13B00E", - "objectType": "Scene", - "name": "Windows - Copy", - "matrix": [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1], - "layers": 1, - "children": [ - { - "uuid": "77ADD982-E4B2-4600-94D2-E78893595C41", - "objectType": "LightDirectional", - "name": "Directional Light", - "matrix": [ - 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -491.00000000000006, 382, 292.47744883990526, 1 - ], - "castShadow": true, - "layers": 1, - "hiddenMatrix": [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1], - "interaction": { "uuid": "5E3DFC6D-0388-4AD8-B204-8FAC82E02235" }, - "enableHelper": true, - "color": 16777215, - "intensity": 0.75, - "shadow": { - "mapSize": [1024, 1024], - "camera": { - "uuid": "5A1C0D8F-DE84-4A41-BC74-77D0BC238D4F", - "type": "OrthographicCamera", - "layers": 1, - "zoom": 1, - "left": -2400, - "right": 2400, - "top": 2400, - "bottom": -2400, - "near": 1, - "far": 2500 - } - } - }, - { - "uuid": "C73DDE09-5B20-4082-A675-565808D54A5E", - "objectType": "Mesh2D", - "name": "Rectangle", - "matrix": [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, -22.510038480475487, 1], - "castShadow": true, - "receiveShadow": true, - "layers": 1, - "userData": { "positionToCenter": { "x": 0, "y": 0, "z": 0 } }, - "hiddenMatrix": [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1], - "interaction": { "uuid": "91D4CE4E-BEFB-47CF-AA6B-F35422788C8A" }, - "geometry": "5396B27A-0F36-43B4-907B-01669D6EE59D", - "material": "8E2EDBCA-0887-443C-8AE6-B6D3CD29E809" - }, - { - "uuid": "FC386E0B-2C2F-4374-BCD8-BE3EB989E05C", - "objectType": "Mesh3D", - "name": "Cube 3", - "matrix": [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 53, -52.749999999999986, 2.5, 1], - "castShadow": true, - "receiveShadow": true, - "layers": 1, - "userData": { "positionToCenter": { "x": 0, "y": 0, "z": 0 } }, - "hiddenMatrix": [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1], - "interaction": { - "uuid": "275E6C76-6409-4698-92C7-71479FD68090", - "selectedState": 0, - "states": [ - "9CE25592-844A-4CD0-89D3-2BC7A74365C3", - "329C221D-8853-4B1A-A245-DEF66009665C" - ], - "events": [ - { - "type": 7, - "ui": { "isCollapsed": false }, - "targets": [ - { - "easing": 6, - "duration": 1000, - "delay": 0, - "cubicControls": [0.5, 0.05, 0.1, 0.3], - "springParameters": { "mass": 1, "stiffness": 80, "damping": 10, "velocity": 0 }, - "repeat": true, - "cycle": true, - "object": "FC386E0B-2C2F-4374-BCD8-BE3EB989E05C", - "state": "329C221D-8853-4B1A-A245-DEF66009665C" - } - ] - } - ] - }, - "geometry": "7A5C7B49-C615-4E82-AC38-14FD98A96DB3", - "material": "5B96993B-D142-4122-A7CC-FE0A12C7C8A1" - }, - { - "uuid": "121D4F3C-6A59-4C5E-B447-5A98956ACE8C", - "objectType": "Mesh3D", - "name": "Cube 3", - "matrix": [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -53, -52.749999999999986, 3, 1], - "castShadow": true, - "receiveShadow": true, - "layers": 1, - "userData": { "positionToCenter": { "x": 0, "y": 0, "z": 0 } }, - "hiddenMatrix": [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1], - "interaction": { - "uuid": "EDCDC5E3-3065-4FF7-B4A4-064EF66A13C2", - "selectedState": 0, - "states": [ - "6C283F81-B5FA-401A-B187-3E63AAAF84AC", - "DC47EA21-1332-4687-9D9B-5368BF0A078F" - ], - "events": [ - { - "type": 7, - "ui": { "isCollapsed": false }, - "targets": [ - { - "easing": 6, - "duration": 1000, - "delay": 0, - "cubicControls": [0.5, 0.05, 0.1, 0.3], - "springParameters": { "mass": 1, "stiffness": 80, "damping": 10, "velocity": 0 }, - "repeat": true, - "cycle": true, - "object": "121D4F3C-6A59-4C5E-B447-5A98956ACE8C", - "state": "DC47EA21-1332-4687-9D9B-5368BF0A078F" - } - ] - } - ] - }, - "geometry": "9CF44599-4A50-4A2C-BE8C-14CA200641F6", - "material": "67EE316E-F664-4ECA-B882-C1B84BDD61D4" - }, - { - "uuid": "6E6FEAA8-C11F-42E0-8F01-BEF71DC5B50D", - "objectType": "Mesh3D", - "name": "Cube 2", - "matrix": [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 53, 52.749999999999986, 4.5, 1], - "castShadow": true, - "receiveShadow": true, - "layers": 1, - "userData": { "positionToCenter": { "x": 0, "y": 0, "z": 0 } }, - "hiddenMatrix": [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1], - "interaction": { - "uuid": "C000579A-C43F-4C75-ACA2-B1F9B7DEADD0", - "selectedState": 0, - "states": [ - "3C0A0EFF-AFC9-4BF5-AF7E-E97D2BB42C9D", - "37732E7B-3E34-4FF9-A072-09F2BBD38DD5" - ], - "events": [ - { - "type": 7, - "ui": { "isCollapsed": false }, - "targets": [ - { - "easing": 6, - "duration": 1000, - "delay": 0, - "cubicControls": [0.5, 0.05, 0.1, 0.3], - "springParameters": { "mass": 1, "stiffness": 80, "damping": 10, "velocity": 0 }, - "repeat": true, - "cycle": true, - "object": "6E6FEAA8-C11F-42E0-8F01-BEF71DC5B50D", - "state": "37732E7B-3E34-4FF9-A072-09F2BBD38DD5" - } - ] - } - ] - }, - "geometry": "3EAE887C-2313-4FB5-B8B9-0635B1CEE6D9", - "material": "A5A3C657-7996-4927-B570-802AD621A5E6" - }, - { - "uuid": "1E532681-5EE1-4428-AC52-EBBF4CC61FB1", - "objectType": "Mesh3D", - "name": "Cube", - "matrix": [ - 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -52.00000000000006, 52.749999999999986, 5.5, 1 - ], - "castShadow": true, - "receiveShadow": true, - "layers": 1, - "userData": { "positionToCenter": { "x": 0, "y": 0, "z": 0 } }, - "hiddenMatrix": [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1], - "interaction": { - "uuid": "70ECC936-3263-471E-A056-0138FB901F5B", - "selectedState": 0, - "states": [ - "11FF7F14-A2D3-4896-8BA8-76875751A5BD", - "BC6CBD64-3ACA-46C4-80D4-5CC0A4546356" - ], - "events": [ - { - "type": 7, - "ui": { "isCollapsed": false }, - "targets": [ - { - "easing": 6, - "duration": 1000, - "delay": 0, - "cubicControls": [0.5, 0.05, 0.1, 0.3], - "springParameters": { "mass": 1, "stiffness": 80, "damping": 10, "velocity": 0 }, - "repeat": true, - "cycle": true, - "object": "1E532681-5EE1-4428-AC52-EBBF4CC61FB1", - "state": "BC6CBD64-3ACA-46C4-80D4-5CC0A4546356" - } - ] - } - ] - }, - "geometry": "F0B2D47A-4E59-4097-9172-71A5ACEA8264", - "material": "ED2A7386-0134-48CB-BF37-CD8D07288A45" - }, - { - "uuid": "0EB4956E-4B9D-4CC5-BAC9-D2562A733E06", - "objectType": "CombinedCamera", - "name": "Default Camera", - "matrix": [ - 0.9592203497819743, 1.3877787807814457e-17, 0.28265937197295754, 0, -0.1403466409943231, - 0.8680240479778703, 0.47627415686106955, 0, -0.24535513225884917, -0.49652215673835953, - 0.832626330920498, 0, -245.35513225884878, -496.52215673835894, 832.6263309204967, 1 - ], - "layers": 1, - "userData": { "activeCamera": true }, - "children": [ - { - "uuid": "E4F06C2F-9B77-4DBC-B9AC-36EE9866A81E", - "type": "DirectionalLight", - "name": "Default Directional Light", - "visible": false, - "layers": 1, - "matrix": [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 850000, 1300000, 1000000, 1], - "color": 16777215, - "intensity": 0.75, - "shadow": { - "camera": { - "uuid": "B78D71CA-611B-4F2E-AA8D-6E3103DA8B1E", - "type": "OrthographicCamera", - "layers": 1, - "zoom": 1, - "left": -5, - "right": 5, - "top": 5, - "bottom": -5, - "near": 0.5, - "far": 500 - } - } - } - ], - "hiddenMatrix": [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1], - "interaction": { "uuid": "00BF1C2A-8435-499D-9C13-2079B5AD473E" }, - "enableHelper": false, - "cameraType": "OrthographicCamera", - "targetOffset": 999.9999999999986, - "isUpVectorFlipped": false, - "angleOffsetFromUp": 0, - "left": -1280, - "right": 1280, - "top": 638, - "bottom": -638, - "zoomOrtho": 1, - "nearOrtho": -50000, - "far": 100000, - "aspect": 2.006269592476489, - "fov": 45, - "focus": 10, - "filmGauge": 35, - "filmOffset": 0, - "zoomPersp": 1, - "nearPersp": 0.1 - }, - { - "uuid": "09F67B42-59A5-42D1-A657-4B00178F655D", - "type": "HemisphereLight", - "name": "Default Ambient Light", - "userData": { "isDefaultHemisphereLight": true }, - "layers": 1, - "matrix": [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 1, 0, 1], - "color": 13882323, - "intensity": 0.75, - "groundColor": 8553090 - } - ], - "activeCamera": "0EB4956E-4B9D-4CC5-BAC9-D2562A733E06", - "camera": "0EB4956E-4B9D-4CC5-BAC9-D2562A733E06", - "directionalLight": "E4F06C2F-9B77-4DBC-B9AC-36EE9866A81E", - "ambientLight": "09F67B42-59A5-42D1-A657-4B00178F655D", - "color": [1, 0.8549019607843137, 0.7647058823529411], - "alpha": 0, - "ambientLightState": true, - "canvas": { - "mode": 2, - "preset": "crop", - "editorSize": { "width": 2560, "height": 1276 }, - "color": [0, 0, 0, 0.5], - "size": { "width": 438, "height": 396 } - }, - "postprocessing": { - "enabled": false, - "bloom": { - "enabled": false, - "opacity": 1, - "blendFunction": 16, - "intensity": 1, - "luminanceThreshold": 0.9, - "luminanceSmoothing": 0.025, - "blurScale": 1, - "kernelSize": 3 - }, - "chromaticAberration": { - "enabled": false, - "opacity": 1, - "blendFunction": 13, - "offset": [10, 10] - }, - "vignette": { - "enabled": false, - "opacity": 1, - "blendFunction": 13, - "eskil": false, - "darkness": 0.5, - "offset": 0.5 - }, - "noise": { "enabled": false, "opacity": 1, "blendFunction": 14 }, - "colorAverage": { "enabled": false, "opacity": 1, "blendFunction": 13 }, - "hueSaturation": { - "enabled": false, - "opacity": 1, - "blendFunction": 13, - "_hue": 0, - "hue": 0, - "saturation": 0 - }, - "brightnessContrast": { - "enabled": false, - "opacity": 1, - "blendFunction": 13, - "contrast": 0, - "brightness": 0 - }, - "depthOfField": { - "enabled": false, - "opacity": 1, - "blendFunction": 13, - "focalLength": 0.1, - "focusDistance": 0, - "bokehScale": 1 - }, - "pixelation": { "enabled": false, "opacity": 1, "blendFunction": 13, "granularity": 30 } - } - }, - "metadata": { "version": 1.5, "type": "Object", "generator": "Object3D.toJSON" }, - "geometries": [ - { - "uuid": "5396B27A-0F36-43B4-907B-01669D6EE59D", - "userData": { - "shape": { - "points": [ - -165, 165, -165, 165, -165, 165, 20, 165, 165, 165, 165, 165, 165, 20, 165, -165, 165, - -165, 165, -165, 20, -165, -165, -165, -165, -165, -165, 20 - ], - "shapeHoles": [], - "isClosed": true, - "roundness": 20 - }, - "parameters": { - "width": 330, - "depth": 36, - "cornerRadius": [20, 20, 20, 20], - "cornerType": 1, - "extrudeDepth": 36, - "extrudeBevelSize": 9, - "extrudeBevelSegments": 48, - "height": 330, - "surfaceMaxCount": 1000 - }, - "ui": { "enabledIndieCorners": false }, - "type": "RectangleGeometry" - } - }, - { - "uuid": "7A5C7B49-C615-4E82-AC38-14FD98A96DB3", - "userData": { - "parameters": { - "width": 100, - "widthSegments": 1, - "heightSegments": 1, - "depthSegments": 1, - "cornerRadius": 8, - "cornerSegments": 8, - "height": 100, - "depth": 45, - "extrudeDepth": 0, - "extrudeBevelSize": 0, - "extrudeBevelSegments": 1 - }, - "type": "CubeGeometry" - } - }, - { - "uuid": "9CF44599-4A50-4A2C-BE8C-14CA200641F6", - "userData": { - "parameters": { - "width": 100, - "widthSegments": 1, - "heightSegments": 1, - "depthSegments": 1, - "cornerRadius": 8, - "cornerSegments": 8, - "height": 100, - "depth": 44, - "extrudeDepth": 0, - "extrudeBevelSize": 0, - "extrudeBevelSegments": 1 - }, - "type": "CubeGeometry" - } - }, - { - "uuid": "3EAE887C-2313-4FB5-B8B9-0635B1CEE6D9", - "userData": { - "parameters": { - "width": 100, - "widthSegments": 1, - "heightSegments": 1, - "depthSegments": 1, - "cornerRadius": 8, - "cornerSegments": 8, - "height": 100, - "depth": 41, - "extrudeDepth": 0, - "extrudeBevelSize": 0, - "extrudeBevelSegments": 1 - }, - "type": "CubeGeometry" - } - }, - { - "uuid": "F0B2D47A-4E59-4097-9172-71A5ACEA8264", - "userData": { - "parameters": { - "width": 100, - "widthSegments": 1, - "heightSegments": 1, - "depthSegments": 1, - "cornerRadius": 8, - "cornerSegments": 8, - "height": 100, - "depth": 39, - "extrudeDepth": 0, - "extrudeBevelSize": 0, - "extrudeBevelSegments": 1 - }, - "type": "CubeGeometry" - } - } - ], - "materials": [ - { - "uuid": "8E2EDBCA-0887-443C-8AE6-B6D3CD29E809", - "type": "ShaderMaterial", - "emissiveIntensity": { - "uuid": "EE943729-0A24-45BE-B735-E66B8957ED11", - "type": "f", - "value": 1, - "nodeType": "Float" - }, - "transparent": true, - "depthFunc": 3, - "depthTest": true, - "depthWrite": true, - "colorWrite": true, - "stencilWrite": false, - "stencilWriteMask": 255, - "stencilFunc": 519, - "stencilRef": 0, - "stencilFuncMask": 255, - "stencilFail": 7680, - "stencilZFail": 7680, - "stencilZPass": 7680, - "dithering": true, - "wireframeLinecap": "", - "wireframeLinejoin": "", - "userData": { - "type": "LambertMaterial", - "category": "Lambert", - "nodeType": "LambertNodeMaterial", - "layers": { - "id": 3, - "uuid": "9731CEB6-9DE4-4AFC-8ABC-5F4F3BDDB62D", - "head": { - "id": 0, - "type": "color", - "defines": {}, - "uniforms": { - "f0_color": "57D2B157-D884-4E04-9A73-4C9E72515B23", - "f0_alpha": "196BD431-114A-4D1A-8107-9B8ACA2DA775", - "f0_mode": "4CAD73E1-4256-4B40-8E7B-B82662656BD7" - }, - "next": { - "id": 1, - "type": "light", - "defines": {}, - "uniforms": { - "f1_alpha": "A30BF4AB-5DFB-4B14-A267-4A6EC476FB18", - "f1_mode": "6B554DC3-E4DD-4B29-8D93-D26D90F44F0C", - "f1_emissive": "D4C97229-A45B-4AA2-954D-07216CD4A2B5" - } - } - } - } - }, - "glslVersion": null, - "defines": { "LAMBERT": 1 }, - "vertex": "8BCB73A4-FDDD-4E57-9AED-331EAFB6C51E", - "fragment": "8BCB73A4-FDDD-4E57-9AED-331EAFB6C51E" - }, - { - "uuid": "5B96993B-D142-4122-A7CC-FE0A12C7C8A1", - "type": "ShaderMaterial", - "transparent": true, - "depthFunc": 3, - "depthTest": true, - "depthWrite": true, - "colorWrite": true, - "stencilWrite": false, - "stencilWriteMask": 255, - "stencilFunc": 519, - "stencilRef": 0, - "stencilFuncMask": 255, - "stencilFail": 7680, - "stencilZFail": 7680, - "stencilZPass": 7680, - "dithering": true, - "wireframeLinecap": "", - "wireframeLinejoin": "", - "userData": { - "type": "PhongMaterial", - "category": "Phong", - "nodeType": "PhongNodeMaterial", - "layers": { - "id": 2, - "uuid": "6E548701-CE56-47F0-991B-ADA38CD98F95", - "head": { - "id": 0, - "type": "color", - "defines": {}, - "uniforms": { - "f0_color": "50C9ED49-0E89-4DDC-A335-8424E87AF88C", - "f0_alpha": "3EB420B7-0F15-44BC-8A28-944E06F80EF1", - "f0_mode": "1E5F2339-DCE8-457E-9E14-680808EC0972" - }, - "next": { - "id": 1, - "type": "light", - "defines": {}, - "uniforms": { - "f1_alpha": "AD377F69-6D6A-413C-B39C-A2874FC1231C", - "f1_mode": "2C3BDC0D-41D3-4EB0-8294-63DCE538631E", - "f1_shininess": "A2EAD601-278B-46D3-BE50-1CCD84D8C65C", - "f1_specular": "099F6815-F834-4135-9735-C2CC5D0C15D6" - } - } - } - } - }, - "glslVersion": null, - "defines": { "PHONG": 1 }, - "vertex": "1149FF4A-8255-4995-8F44-3CB8C54CF74F", - "fragment": "1149FF4A-8255-4995-8F44-3CB8C54CF74F" - }, - { - "uuid": "67EE316E-F664-4ECA-B882-C1B84BDD61D4", - "type": "ShaderMaterial", - "transparent": true, - "depthFunc": 3, - "depthTest": true, - "depthWrite": true, - "colorWrite": true, - "stencilWrite": false, - "stencilWriteMask": 255, - "stencilFunc": 519, - "stencilRef": 0, - "stencilFuncMask": 255, - "stencilFail": 7680, - "stencilZFail": 7680, - "stencilZPass": 7680, - "dithering": true, - "wireframeLinecap": "", - "wireframeLinejoin": "", - "userData": { - "type": "PhongMaterial", - "category": "Phong", - "nodeType": "PhongNodeMaterial", - "layers": { - "id": 2, - "uuid": "E0408BF0-E26F-4FBD-815A-562D58292A3C", - "head": { - "id": 0, - "type": "color", - "defines": {}, - "uniforms": { - "f0_color": "A64F7EB1-1989-47DD-8949-0A89D888B338", - "f0_alpha": "D5C3515B-7880-425F-BF9B-06C42A792A0E", - "f0_mode": "626031E6-FB12-49DD-8BC4-063EA9C72937" - }, - "next": { - "id": 1, - "type": "light", - "defines": {}, - "uniforms": { - "f1_alpha": "DA9275BB-C356-4399-B32E-F87B0EA254E5", - "f1_mode": "E333B26C-9C48-47C7-8088-32EB9A75E8E1", - "f1_shininess": "F6661F1E-3B5F-4672-8412-D90E747DCCC6", - "f1_specular": "7F35FE77-F485-4A4B-98A3-11B0ABEA95AE" - } - } - } - } - }, - "glslVersion": null, - "defines": { "PHONG": 1 }, - "vertex": "A4A0B558-3CE7-4327-9EE8-B850CAF58992", - "fragment": "A4A0B558-3CE7-4327-9EE8-B850CAF58992" - }, - { - "uuid": "A5A3C657-7996-4927-B570-802AD621A5E6", - "type": "ShaderMaterial", - "transparent": true, - "depthFunc": 3, - "depthTest": true, - "depthWrite": true, - "colorWrite": true, - "stencilWrite": false, - "stencilWriteMask": 255, - "stencilFunc": 519, - "stencilRef": 0, - "stencilFuncMask": 255, - "stencilFail": 7680, - "stencilZFail": 7680, - "stencilZPass": 7680, - "dithering": true, - "wireframeLinecap": "", - "wireframeLinejoin": "", - "userData": { - "type": "PhongMaterial", - "category": "Phong", - "nodeType": "PhongNodeMaterial", - "layers": { - "id": 3, - "uuid": "8028A7A1-F3AA-4F6D-89E9-502868B5DEF1", - "head": { - "id": 0, - "type": "color", - "defines": {}, - "uniforms": { - "f0_color": "E35B5B46-1889-4A8E-B193-BF304873AE1A", - "f0_alpha": "C5C53BC9-F87C-40AF-B796-F07DBDC6EA8D", - "f0_mode": "EE4E1E03-4D99-4801-B483-61F879611745" - }, - "next": { - "id": 1, - "type": "light", - "defines": {}, - "uniforms": { - "f1_alpha": "049E0BAA-1C97-421E-8B4A-0FD616531843", - "f1_mode": "BE77914A-469F-48AA-A4FF-8F325B68F7B6", - "f1_shininess": "3E0FB0E5-698F-41E2-A885-23D3361B97AA", - "f1_specular": "EA551D8C-5767-448D-B279-F3B80FE83D32" - } - } - } - } - }, - "glslVersion": null, - "defines": { "PHONG": 1 }, - "vertex": "6EE15D33-773D-4A3E-8FB2-4F258E8B83DC", - "fragment": "6EE15D33-773D-4A3E-8FB2-4F258E8B83DC" - }, - { - "uuid": "ED2A7386-0134-48CB-BF37-CD8D07288A45", - "type": "ShaderMaterial", - "transparent": true, - "depthFunc": 3, - "depthTest": true, - "depthWrite": true, - "colorWrite": true, - "stencilWrite": false, - "stencilWriteMask": 255, - "stencilFunc": 519, - "stencilRef": 0, - "stencilFuncMask": 255, - "stencilFail": 7680, - "stencilZFail": 7680, - "stencilZPass": 7680, - "dithering": true, - "wireframeLinecap": "", - "wireframeLinejoin": "", - "userData": { - "type": "PhongMaterial", - "category": "Phong", - "nodeType": "PhongNodeMaterial", - "layers": { - "id": 2, - "uuid": "C92FC012-9BF9-4A1A-A9A2-4E5D374CC55B", - "head": { - "id": 0, - "type": "color", - "defines": {}, - "uniforms": { - "f0_color": "BFF13516-FD10-4443-84E4-2D77C1357AD5", - "f0_alpha": "DB1463CC-5CA8-4337-B6A6-6A807220638E", - "f0_mode": "79BFC1CF-D45C-445F-8B57-3C556574B738" - }, - "next": { - "id": 1, - "type": "light", - "defines": {}, - "uniforms": { - "f1_alpha": "022DA645-E369-4B57-AA68-0D4732062D09", - "f1_mode": "F16105B7-A58D-4E6D-B91F-F56648112CAF", - "f1_shininess": "6CA374EC-4877-4BE5-8CBA-CF6A76FDBB34", - "f1_specular": "29F0AD4A-5272-4357-8BC6-2A3B66C32CDF" - } - } - } - } - }, - "glslVersion": null, - "defines": { "PHONG": 1 }, - "vertex": "530DD463-5C04-47E2-A484-05F3F488846B", - "fragment": "530DD463-5C04-47E2-A484-05F3F488846B" - } - ], - "interactionStates": [ - { - "uuid": "9CE25592-844A-4CD0-89D3-2BC7A74365C3", - "name": "Base State", - "position": [53, -52.749999999999986, 2.5], - "rotation": [0, 0, 0, "XYZ"], - "scale": [1, 1, 1], - "hiddenMatrix": [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1], - "geometry": { "width": 100, "height": 100, "depth": 45 }, - "material": { - "layersList": [ - { - "id": 0, - "type": "color", - "defines": {}, - "uniforms": { - "f0_color": "382EF2C1-B605-4B3A-9490-763DDDAB12E8", - "f0_alpha": "7C3FAF8B-5B86-498A-AC6C-0C17AD0A88CA", - "f0_mode": "B9606F81-4A30-4C6D-AA87-CE19B1B8A12C" - } - }, - { - "id": 1, - "type": "light", - "defines": {}, - "uniforms": { - "f1_alpha": "09BB9B51-176D-4D35-9887-B1E81C5FAA53", - "f1_mode": "9A515F76-C2E1-4FC4-9AA6-9CDF8EDFB5DC" - } - } - ] - } - }, - { - "uuid": "329C221D-8853-4B1A-A245-DEF66009665C", - "name": "State 1", - "position": [47.5, -47.249999999999986, 0], - "rotation": [0, 0, 0, "XYZ"], - "scale": [1, 1, 1], - "hiddenMatrix": [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1], - "geometry": { "width": 89, "height": 89, "depth": 40 }, - "material": { - "layersList": [ - { - "id": 0, - "type": "color", - "defines": {}, - "uniforms": { - "f0_color": "01173A81-A2B8-4B75-A425-D166B754A24F", - "f0_alpha": "06587453-23CF-49D3-894A-CFA4A4BB0DA5", - "f0_mode": "EDD4833F-29B0-4CFE-81E1-C6415D67C711" - } - }, - { - "id": 1, - "type": "light", - "defines": {}, - "uniforms": { - "f1_alpha": "32925F30-E0E2-4D0F-A6BB-27CC9CF27B8D", - "f1_mode": "CFB49D26-5698-4580-AF37-BF314EA84996" - } - } - ] - } - }, - { - "uuid": "6C283F81-B5FA-401A-B187-3E63AAAF84AC", - "name": "Base State", - "position": [-53, -52.749999999999986, 3], - "rotation": [0, 0, 0, "XYZ"], - "scale": [1, 1, 1], - "hiddenMatrix": [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1], - "geometry": { "width": 100, "height": 100, "depth": 44 }, - "material": { - "layersList": [ - { - "id": 0, - "type": "color", - "defines": {}, - "uniforms": { - "f0_color": "5552E3F9-97FB-4ED8-9919-EE8D62768064", - "f0_alpha": "855470C8-7CA2-47CC-B5B8-D63F3B6633ED", - "f0_mode": "B19E8531-F89E-43C2-864E-D6B090BE503A" - } - }, - { - "id": 1, - "type": "light", - "defines": {}, - "uniforms": { - "f1_alpha": "43AE2CCB-1861-4E23-B36F-4D51C8257596", - "f1_mode": "D58BA42D-75ED-4901-9B84-C9621B0E7D6E" - } - } - ] - } - }, - { - "uuid": "DC47EA21-1332-4687-9D9B-5368BF0A078F", - "name": "State 1", - "position": [-56, -55.749999999999986, 4], - "rotation": [0, 0, 0, "XYZ"], - "scale": [1, 1, 1], - "hiddenMatrix": [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1], - "geometry": { "width": 106, "height": 106, "depth": 46 }, - "material": { - "layersList": [ - { - "id": 0, - "type": "color", - "defines": {}, - "uniforms": { - "f0_color": "055C6DD8-917D-4105-A6CC-55EE208A20FB", - "f0_alpha": "A48B472A-F90C-41FC-B242-98CF4D3A0415", - "f0_mode": "67D14EEE-42D1-426A-8DE1-3D53230F4CAB" - } - }, - { - "id": 1, - "type": "light", - "defines": {}, - "uniforms": { - "f1_alpha": "3860F709-DDC1-491C-8EE0-EA32B482F774", - "f1_mode": "D074712E-D53F-4EB0-B899-87427215974B" - } - } - ] - } - }, - { - "uuid": "3C0A0EFF-AFC9-4BF5-AF7E-E97D2BB42C9D", - "name": "Base State", - "position": [53, 52.749999999999986, 4.5], - "rotation": [0, 0, 0, "XYZ"], - "scale": [1, 1, 1], - "hiddenMatrix": [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1], - "geometry": { "width": 100, "height": 100, "depth": 41 }, - "material": { - "layersList": [ - { - "id": 0, - "type": "color", - "defines": {}, - "uniforms": { - "f0_color": "51BC96D4-64C2-4E31-95C0-74AE4B5A68BA", - "f0_alpha": "5129EB5A-DC56-4A3D-990A-942A803B39D7", - "f0_mode": "F5F497CD-5680-424C-B5D8-3DFA7ED3C109" - } - }, - { - "id": 1, - "type": "light", - "defines": {}, - "uniforms": { - "f1_alpha": "B03F74CC-A350-4C27-9AC4-3EC656E468CA", - "f1_mode": "09A1BF88-9352-490B-B63D-A6381F039EA3" - } - } - ] - } - }, - { - "uuid": "37732E7B-3E34-4FF9-A072-09F2BBD38DD5", - "name": "State 1", - "position": [61.5, 61.249999999999986, 8], - "rotation": [0, 0, 0, "XYZ"], - "scale": [1, 1, 1], - "hiddenMatrix": [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1], - "geometry": { "width": 117, "height": 117, "depth": 48 }, - "material": { - "layersList": [ - { - "id": 0, - "type": "color", - "defines": {}, - "uniforms": { - "f0_color": "36B3DCC2-FE9E-4D2A-BD91-2B56A2DC792D", - "f0_alpha": "FC1335E9-FE1D-42A5-8581-A5CEF739D897", - "f0_mode": "4ED84F5A-BF4A-481B-8A51-03A41760E9B3" - } - }, - { - "id": 1, - "type": "light", - "defines": {}, - "uniforms": { - "f1_alpha": "52F18FD2-BE0F-4320-AFCE-70CA0C5449EC", - "f1_mode": "569C230D-42BF-43DD-A645-AEC43A5A7004" - } - } - ] - } - }, - { - "uuid": "11FF7F14-A2D3-4896-8BA8-76875751A5BD", - "name": "Base State", - "position": [-52.00000000000006, 52.749999999999986, 5.5], - "rotation": [0, 0, 0, "XYZ"], - "scale": [1, 1, 1], - "hiddenMatrix": [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1], - "geometry": { "width": 100, "height": 100, "depth": 39 }, - "material": { - "layersList": [ - { - "id": 0, - "type": "color", - "defines": {}, - "uniforms": { - "f0_color": "311A594B-8A47-41BF-9459-E91E61279F11", - "f0_alpha": "CEF1A959-724C-49D5-9CB1-B4620D2D5131", - "f0_mode": "12D012AA-377E-48CE-9FB4-000BE002F0B5" - } - }, - { - "id": 1, - "type": "light", - "defines": {}, - "uniforms": { - "f1_alpha": "F2C8C376-1C75-42E9-86B7-411C0E132572", - "f1_mode": "0556B66C-70B8-4F26-9055-E8E21FE54454" - } - } - ] - } - }, - { - "uuid": "BC6CBD64-3ACA-46C4-80D4-5CC0A4546356", - "name": "State 1", - "position": [-47.00000000000006, 47.749999999999986, 3.5], - "rotation": [0, 0, 0, "XYZ"], - "scale": [1, 1, 1], - "hiddenMatrix": [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1], - "geometry": { "width": 90, "height": 90, "depth": 35 }, - "material": { - "layersList": [ - { - "id": 0, - "type": "color", - "defines": {}, - "uniforms": { - "f0_color": "CD38CF32-FC41-41A6-8F65-1D13ABC676E3", - "f0_alpha": "C3FF3DEE-FC7F-4AE3-A660-653E6F0F656A", - "f0_mode": "2C2F18E9-86CC-4141-AD62-68FF99E86BF3" - } - }, - { - "id": 1, - "type": "light", - "defines": {}, - "uniforms": { - "f1_alpha": "4D0655D7-9FEE-407B-87AF-936812B5FE9A", - "f1_mode": "45FBA650-C38A-4EAB-B32A-6DE1F6088331" - } - } - ] - } - } - ], - "nodes": [ - { - "uuid": "57D2B157-D884-4E04-9A73-4C9E72515B23", - "type": "c", - "r": 0.33725490196078434, - "g": 0.35294117647058826, - "b": 0.4117647058823529, - "value": 5659241, - "alpha": "196BD431-114A-4D1A-8107-9B8ACA2DA775", - "nodeType": "Color" - }, - { - "uuid": "196BD431-114A-4D1A-8107-9B8ACA2DA775", - "type": "f", - "value": 1, - "nodeType": "Float" - }, - { "uuid": "4CAD73E1-4256-4B40-8E7B-B82662656BD7", "type": "i", "value": 0, "nodeType": "Int" }, - { - "uuid": "A30BF4AB-5DFB-4B14-A267-4A6EC476FB18", - "type": "f", - "value": 1, - "nodeType": "Float" - }, - { - "uuid": "6B554DC3-E4DD-4B29-8D93-D26D90F44F0C", - "type": "i", - "value": "3", - "nodeType": "Int" - }, - { - "uuid": "D4C97229-A45B-4AA2-954D-07216CD4A2B5", - "type": "c", - "r": 0, - "g": 0, - "b": 0, - "value": 0, - "nodeType": "Color" - }, - { - "uuid": "8BCB73A4-FDDD-4E57-9AED-331EAFB6C51E", - "type": "lambert", - "color": "57D2B157-D884-4E04-9A73-4C9E72515B23", - "emissiveIntensity": "EE943729-0A24-45BE-B735-E66B8957ED11", - "shadingAlpha": "A30BF4AB-5DFB-4B14-A267-4A6EC476FB18", - "shadingBlend": "6B554DC3-E4DD-4B29-8D93-D26D90F44F0C", - "alpha": "F51C82D0-6B71-4B80-8D05-A7B6DBCD2CD8", - "emissive": "D4C97229-A45B-4AA2-954D-07216CD4A2B5", - "nodeType": "Lambert" - }, - { - "uuid": "EE943729-0A24-45BE-B735-E66B8957ED11", - "type": "f", - "value": 1, - "nodeType": "Float" - }, - { - "uuid": "F51C82D0-6B71-4B80-8D05-A7B6DBCD2CD8", - "type": "f", - "value": 1, - "nodeType": "Float" - }, - { - "uuid": "382EF2C1-B605-4B3A-9490-763DDDAB12E8", - "type": "c", - "r": 1, - "g": 0.48627450980392156, - "b": 0, - "value": 16743424, - "alpha": "7C3FAF8B-5B86-498A-AC6C-0C17AD0A88CA", - "nodeType": "Color" - }, - { - "uuid": "7C3FAF8B-5B86-498A-AC6C-0C17AD0A88CA", - "type": "f", - "value": 1, - "nodeType": "Float" - }, - { "uuid": "B9606F81-4A30-4C6D-AA87-CE19B1B8A12C", "type": "i", "value": 0, "nodeType": "Int" }, - { - "uuid": "09BB9B51-176D-4D35-9887-B1E81C5FAA53", - "type": "f", - "value": 1, - "nodeType": "Float" - }, - { - "uuid": "9A515F76-C2E1-4FC4-9AA6-9CDF8EDFB5DC", - "type": "i", - "value": "2", - "nodeType": "Int" - }, - { - "uuid": "01173A81-A2B8-4B75-A425-D166B754A24F", - "type": "c", - "r": 1, - "g": 0.48627450980392156, - "b": 0, - "value": 16743424, - "alpha": "06587453-23CF-49D3-894A-CFA4A4BB0DA5", - "nodeType": "Color" - }, - { - "uuid": "06587453-23CF-49D3-894A-CFA4A4BB0DA5", - "type": "f", - "value": 1, - "nodeType": "Float" - }, - { "uuid": "EDD4833F-29B0-4CFE-81E1-C6415D67C711", "type": "i", "value": 0, "nodeType": "Int" }, - { - "uuid": "32925F30-E0E2-4D0F-A6BB-27CC9CF27B8D", - "type": "f", - "value": 1, - "nodeType": "Float" - }, - { - "uuid": "CFB49D26-5698-4580-AF37-BF314EA84996", - "type": "i", - "value": "2", - "nodeType": "Int" - }, - { - "uuid": "50C9ED49-0E89-4DDC-A335-8424E87AF88C", - "type": "c", - "r": 1, - "g": 0.48627450980392156, - "b": 0, - "value": 16743424, - "alpha": "3EB420B7-0F15-44BC-8A28-944E06F80EF1", - "nodeType": "Color" - }, - { - "uuid": "3EB420B7-0F15-44BC-8A28-944E06F80EF1", - "type": "f", - "value": 1, - "nodeType": "Float" - }, - { "uuid": "1E5F2339-DCE8-457E-9E14-680808EC0972", "type": "i", "value": 0, "nodeType": "Int" }, - { - "uuid": "AD377F69-6D6A-413C-B39C-A2874FC1231C", - "type": "f", - "value": 1, - "nodeType": "Float" - }, - { - "uuid": "2C3BDC0D-41D3-4EB0-8294-63DCE538631E", - "type": "i", - "value": "2", - "nodeType": "Int" - }, - { - "uuid": "A2EAD601-278B-46D3-BE50-1CCD84D8C65C", - "type": "f", - "value": 30, - "nodeType": "Float" - }, - { - "uuid": "099F6815-F834-4135-9735-C2CC5D0C15D6", - "type": "c", - "r": 0.06666666666666667, - "g": 0.06666666666666667, - "b": 0.06666666666666667, - "value": 1118481, - "nodeType": "Color" - }, - { - "uuid": "1149FF4A-8255-4995-8F44-3CB8C54CF74F", - "type": "phong", - "color": "50C9ED49-0E89-4DDC-A335-8424E87AF88C", - "specular": "099F6815-F834-4135-9735-C2CC5D0C15D6", - "shininess": "A2EAD601-278B-46D3-BE50-1CCD84D8C65C", - "shadingAlpha": "AD377F69-6D6A-413C-B39C-A2874FC1231C", - "shadingBlend": "2C3BDC0D-41D3-4EB0-8294-63DCE538631E", - "alpha": "3A5BA0C1-E1ED-4E0A-AEA0-6B9CADFC29C0", - "nodeType": "Phong" - }, - { - "uuid": "3A5BA0C1-E1ED-4E0A-AEA0-6B9CADFC29C0", - "type": "f", - "value": 1, - "nodeType": "Float" - }, - { - "uuid": "5552E3F9-97FB-4ED8-9919-EE8D62768064", - "type": "c", - "r": 0.11764705882352941, - "g": 0.3215686274509804, - "b": 1, - "value": 1987327, - "alpha": "855470C8-7CA2-47CC-B5B8-D63F3B6633ED", - "nodeType": "Color" - }, - { - "uuid": "855470C8-7CA2-47CC-B5B8-D63F3B6633ED", - "type": "f", - "value": 1, - "nodeType": "Float" - }, - { "uuid": "B19E8531-F89E-43C2-864E-D6B090BE503A", "type": "i", "value": 0, "nodeType": "Int" }, - { - "uuid": "43AE2CCB-1861-4E23-B36F-4D51C8257596", - "type": "f", - "value": 1, - "nodeType": "Float" - }, - { - "uuid": "D58BA42D-75ED-4901-9B84-C9621B0E7D6E", - "type": "i", - "value": "2", - "nodeType": "Int" - }, - { - "uuid": "055C6DD8-917D-4105-A6CC-55EE208A20FB", - "type": "c", - "r": 0.11764705882352941, - "g": 0.3215686274509804, - "b": 1, - "value": 1987327, - "alpha": "A48B472A-F90C-41FC-B242-98CF4D3A0415", - "nodeType": "Color" - }, - { - "uuid": "A48B472A-F90C-41FC-B242-98CF4D3A0415", - "type": "f", - "value": 1, - "nodeType": "Float" - }, - { "uuid": "67D14EEE-42D1-426A-8DE1-3D53230F4CAB", "type": "i", "value": 0, "nodeType": "Int" }, - { - "uuid": "3860F709-DDC1-491C-8EE0-EA32B482F774", - "type": "f", - "value": 1, - "nodeType": "Float" - }, - { - "uuid": "D074712E-D53F-4EB0-B899-87427215974B", - "type": "i", - "value": "2", - "nodeType": "Int" - }, - { - "uuid": "A64F7EB1-1989-47DD-8949-0A89D888B338", - "type": "c", - "r": 0.11764705882352941, - "g": 0.3215686274509804, - "b": 1, - "value": 1987327, - "alpha": "D5C3515B-7880-425F-BF9B-06C42A792A0E", - "nodeType": "Color" - }, - { - "uuid": "D5C3515B-7880-425F-BF9B-06C42A792A0E", - "type": "f", - "value": 1, - "nodeType": "Float" - }, - { "uuid": "626031E6-FB12-49DD-8BC4-063EA9C72937", "type": "i", "value": 0, "nodeType": "Int" }, - { - "uuid": "DA9275BB-C356-4399-B32E-F87B0EA254E5", - "type": "f", - "value": 1, - "nodeType": "Float" - }, - { - "uuid": "E333B26C-9C48-47C7-8088-32EB9A75E8E1", - "type": "i", - "value": "2", - "nodeType": "Int" - }, - { - "uuid": "F6661F1E-3B5F-4672-8412-D90E747DCCC6", - "type": "f", - "value": 30, - "nodeType": "Float" - }, - { - "uuid": "7F35FE77-F485-4A4B-98A3-11B0ABEA95AE", - "type": "c", - "r": 0.06666666666666667, - "g": 0.06666666666666667, - "b": 0.06666666666666667, - "value": 1118481, - "nodeType": "Color" - }, - { - "uuid": "A4A0B558-3CE7-4327-9EE8-B850CAF58992", - "type": "phong", - "color": "A64F7EB1-1989-47DD-8949-0A89D888B338", - "specular": "7F35FE77-F485-4A4B-98A3-11B0ABEA95AE", - "shininess": "F6661F1E-3B5F-4672-8412-D90E747DCCC6", - "shadingAlpha": "DA9275BB-C356-4399-B32E-F87B0EA254E5", - "shadingBlend": "E333B26C-9C48-47C7-8088-32EB9A75E8E1", - "alpha": "9B74DC99-0463-4E5B-B89F-601E2165A6D4", - "nodeType": "Phong" - }, - { - "uuid": "9B74DC99-0463-4E5B-B89F-601E2165A6D4", - "type": "f", - "value": 1, - "nodeType": "Float" - }, - { - "uuid": "51BC96D4-64C2-4E31-95C0-74AE4B5A68BA", - "type": "c", - "r": 0.10980392156862745, - "g": 0.7490196078431373, - "b": 0.2196078431372549, - "value": 1883960, - "alpha": "5129EB5A-DC56-4A3D-990A-942A803B39D7", - "nodeType": "Color" - }, - { - "uuid": "5129EB5A-DC56-4A3D-990A-942A803B39D7", - "type": "f", - "value": 1, - "nodeType": "Float" - }, - { "uuid": "F5F497CD-5680-424C-B5D8-3DFA7ED3C109", "type": "i", "value": 0, "nodeType": "Int" }, - { - "uuid": "B03F74CC-A350-4C27-9AC4-3EC656E468CA", - "type": "f", - "value": 1, - "nodeType": "Float" - }, - { - "uuid": "09A1BF88-9352-490B-B63D-A6381F039EA3", - "type": "i", - "value": "2", - "nodeType": "Int" - }, - { - "uuid": "36B3DCC2-FE9E-4D2A-BD91-2B56A2DC792D", - "type": "c", - "r": 0.10980392156862745, - "g": 0.7490196078431373, - "b": 0.2196078431372549, - "value": 1883960, - "alpha": "FC1335E9-FE1D-42A5-8581-A5CEF739D897", - "nodeType": "Color" - }, - { - "uuid": "FC1335E9-FE1D-42A5-8581-A5CEF739D897", - "type": "f", - "value": 1, - "nodeType": "Float" - }, - { "uuid": "4ED84F5A-BF4A-481B-8A51-03A41760E9B3", "type": "i", "value": 0, "nodeType": "Int" }, - { - "uuid": "52F18FD2-BE0F-4320-AFCE-70CA0C5449EC", - "type": "f", - "value": 1, - "nodeType": "Float" - }, - { - "uuid": "569C230D-42BF-43DD-A645-AEC43A5A7004", - "type": "i", - "value": "2", - "nodeType": "Int" - }, - { - "uuid": "E35B5B46-1889-4A8E-B193-BF304873AE1A", - "type": "c", - "r": 0.10980392156862745, - "g": 0.7490196078431373, - "b": 0.2196078431372549, - "value": 1883960, - "alpha": "C5C53BC9-F87C-40AF-B796-F07DBDC6EA8D", - "nodeType": "Color" - }, - { - "uuid": "C5C53BC9-F87C-40AF-B796-F07DBDC6EA8D", - "type": "f", - "value": 1, - "nodeType": "Float" - }, - { "uuid": "EE4E1E03-4D99-4801-B483-61F879611745", "type": "i", "value": 0, "nodeType": "Int" }, - { - "uuid": "049E0BAA-1C97-421E-8B4A-0FD616531843", - "type": "f", - "value": 1, - "nodeType": "Float" - }, - { - "uuid": "BE77914A-469F-48AA-A4FF-8F325B68F7B6", - "type": "i", - "value": "2", - "nodeType": "Int" - }, - { - "uuid": "3E0FB0E5-698F-41E2-A885-23D3361B97AA", - "type": "f", - "value": 30, - "nodeType": "Float" - }, - { - "uuid": "EA551D8C-5767-448D-B279-F3B80FE83D32", - "type": "c", - "r": 0.06666666666666667, - "g": 0.06666666666666667, - "b": 0.06666666666666667, - "value": 1118481, - "nodeType": "Color" - }, - { - "uuid": "6EE15D33-773D-4A3E-8FB2-4F258E8B83DC", - "type": "phong", - "color": "E35B5B46-1889-4A8E-B193-BF304873AE1A", - "specular": "EA551D8C-5767-448D-B279-F3B80FE83D32", - "shininess": "3E0FB0E5-698F-41E2-A885-23D3361B97AA", - "shadingAlpha": "049E0BAA-1C97-421E-8B4A-0FD616531843", - "shadingBlend": "BE77914A-469F-48AA-A4FF-8F325B68F7B6", - "alpha": "9BE26472-704D-4E45-B9BB-E7CADD9F8761", - "nodeType": "Phong" - }, - { - "uuid": "9BE26472-704D-4E45-B9BB-E7CADD9F8761", - "type": "f", - "value": 1, - "nodeType": "Float" - }, - { - "uuid": "311A594B-8A47-41BF-9459-E91E61279F11", - "type": "c", - "r": 1, - "g": 0.24313725490196078, - "b": 0.24313725490196078, - "value": 16727614, - "alpha": "CEF1A959-724C-49D5-9CB1-B4620D2D5131", - "nodeType": "Color" - }, - { - "uuid": "CEF1A959-724C-49D5-9CB1-B4620D2D5131", - "type": "f", - "value": 1, - "nodeType": "Float" - }, - { "uuid": "12D012AA-377E-48CE-9FB4-000BE002F0B5", "type": "i", "value": 0, "nodeType": "Int" }, - { - "uuid": "F2C8C376-1C75-42E9-86B7-411C0E132572", - "type": "f", - "value": 1, - "nodeType": "Float" - }, - { - "uuid": "0556B66C-70B8-4F26-9055-E8E21FE54454", - "type": "i", - "value": "2", - "nodeType": "Int" - }, - { - "uuid": "CD38CF32-FC41-41A6-8F65-1D13ABC676E3", - "type": "c", - "r": 1, - "g": 0.24313725490196078, - "b": 0.24313725490196078, - "value": 16727614, - "alpha": "C3FF3DEE-FC7F-4AE3-A660-653E6F0F656A", - "nodeType": "Color" - }, - { - "uuid": "C3FF3DEE-FC7F-4AE3-A660-653E6F0F656A", - "type": "f", - "value": 1, - "nodeType": "Float" - }, - { "uuid": "2C2F18E9-86CC-4141-AD62-68FF99E86BF3", "type": "i", "value": 0, "nodeType": "Int" }, - { - "uuid": "4D0655D7-9FEE-407B-87AF-936812B5FE9A", - "type": "f", - "value": 1, - "nodeType": "Float" - }, - { - "uuid": "45FBA650-C38A-4EAB-B32A-6DE1F6088331", - "type": "i", - "value": "2", - "nodeType": "Int" - }, - { - "uuid": "BFF13516-FD10-4443-84E4-2D77C1357AD5", - "type": "c", - "r": 1, - "g": 0.24313725490196078, - "b": 0.24313725490196078, - "value": 16727614, - "alpha": "DB1463CC-5CA8-4337-B6A6-6A807220638E", - "nodeType": "Color" - }, - { - "uuid": "DB1463CC-5CA8-4337-B6A6-6A807220638E", - "type": "f", - "value": 1, - "nodeType": "Float" - }, - { "uuid": "79BFC1CF-D45C-445F-8B57-3C556574B738", "type": "i", "value": 0, "nodeType": "Int" }, - { - "uuid": "022DA645-E369-4B57-AA68-0D4732062D09", - "type": "f", - "value": 1, - "nodeType": "Float" - }, - { - "uuid": "F16105B7-A58D-4E6D-B91F-F56648112CAF", - "type": "i", - "value": "2", - "nodeType": "Int" - }, - { - "uuid": "6CA374EC-4877-4BE5-8CBA-CF6A76FDBB34", - "type": "f", - "value": 30, - "nodeType": "Float" - }, - { - "uuid": "29F0AD4A-5272-4357-8BC6-2A3B66C32CDF", - "type": "c", - "r": 0.06666666666666667, - "g": 0.06666666666666667, - "b": 0.06666666666666667, - "value": 1118481, - "nodeType": "Color" - }, - { - "uuid": "530DD463-5C04-47E2-A484-05F3F488846B", - "type": "phong", - "color": "BFF13516-FD10-4443-84E4-2D77C1357AD5", - "specular": "29F0AD4A-5272-4357-8BC6-2A3B66C32CDF", - "shininess": "6CA374EC-4877-4BE5-8CBA-CF6A76FDBB34", - "shadingAlpha": "022DA645-E369-4B57-AA68-0D4732062D09", - "shadingBlend": "F16105B7-A58D-4E6D-B91F-F56648112CAF", - "alpha": "FF2EDB83-BE2E-4F41-9E0C-B9ED14EEEDA6", - "nodeType": "Phong" - }, - { "uuid": "FF2EDB83-BE2E-4F41-9E0C-B9ED14EEEDA6", "type": "f", "value": 1, "nodeType": "Float" } - ], - "frames": { - "currentId": "default-frame-id", - "coords": [0, 0], - "frames": { - "default-frame-id": { - "id": "default-frame-id", - "name": "Frame", - "preset": "crop", - "size": [438, 396], - "coords": [0, 0], - "editorScale": 1, - "backgroundColor": { "r": 255, "g": 218, "b": 195, "a": 0 }, - "color": { "r": 0, "g": 0, "b": 0, "a": 0.5 }, - "guides": true, - "hasSceneScaling": false, - "sceneScale": 1 - } - } - }, - "assets": { "materials": {} }, - "editor": { - "orbitControls": { - "useKeyEvents": false, - "enableDamping": true, - "enablePan": false, - "enableZoom": false, - "enableRotate": false, - "rotationLimitsMode": 0, - "rotationVerticalOffset": { "min": 1.5707963267948966, "max": 1.5707963267948966 }, - "rotationHorizontalOffset": { "min": 1.5707963267948966, "max": 1.5707963267948966 }, - "autoRotate": false, - "autoRotateSpeed": 2, - "autoRotateClockwise": true - }, - "helperState": true, - "publish": { "type": 2, "web": { "logo": true } }, - "settings": { "wireframe": false, "helpers": true } - } + "object": { + "uuid": "175E006A-5EBA-428E-858B-AD67CF13B00E", + "objectType": "Scene", + "name": "Windows - Copy", + "matrix": [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1], + "layers": 1, + "children": [ + { + "uuid": "77ADD982-E4B2-4600-94D2-E78893595C41", + "objectType": "LightDirectional", + "name": "Directional Light", + "matrix": [ + 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -491.00000000000006, 382, 292.47744883990526, 1 + ], + "castShadow": true, + "layers": 1, + "hiddenMatrix": [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1], + "interaction": { "uuid": "5E3DFC6D-0388-4AD8-B204-8FAC82E02235" }, + "enableHelper": true, + "color": 16777215, + "intensity": 0.75, + "shadow": { + "mapSize": [1024, 1024], + "camera": { + "uuid": "5A1C0D8F-DE84-4A41-BC74-77D0BC238D4F", + "type": "OrthographicCamera", + "layers": 1, + "zoom": 1, + "left": -2400, + "right": 2400, + "top": 2400, + "bottom": -2400, + "near": 1, + "far": 2500 + } + } + }, + { + "uuid": "C73DDE09-5B20-4082-A675-565808D54A5E", + "objectType": "Mesh2D", + "name": "Rectangle", + "matrix": [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, -22.510038480475487, 1], + "castShadow": true, + "receiveShadow": true, + "layers": 1, + "userData": { "positionToCenter": { "x": 0, "y": 0, "z": 0 } }, + "hiddenMatrix": [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1], + "interaction": { "uuid": "91D4CE4E-BEFB-47CF-AA6B-F35422788C8A" }, + "geometry": "5396B27A-0F36-43B4-907B-01669D6EE59D", + "material": "8E2EDBCA-0887-443C-8AE6-B6D3CD29E809" + }, + { + "uuid": "FC386E0B-2C2F-4374-BCD8-BE3EB989E05C", + "objectType": "Mesh3D", + "name": "Cube 3", + "matrix": [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 53, -52.749999999999986, 2.5, 1], + "castShadow": true, + "receiveShadow": true, + "layers": 1, + "userData": { "positionToCenter": { "x": 0, "y": 0, "z": 0 } }, + "hiddenMatrix": [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1], + "interaction": { + "uuid": "275E6C76-6409-4698-92C7-71479FD68090", + "selectedState": 0, + "states": [ + "9CE25592-844A-4CD0-89D3-2BC7A74365C3", + "329C221D-8853-4B1A-A245-DEF66009665C" + ], + "events": [ + { + "type": 7, + "ui": { "isCollapsed": false }, + "targets": [ + { + "easing": 6, + "duration": 1000, + "delay": 0, + "cubicControls": [0.5, 0.05, 0.1, 0.3], + "springParameters": { + "mass": 1, + "stiffness": 80, + "damping": 10, + "velocity": 0 + }, + "repeat": true, + "cycle": true, + "object": "FC386E0B-2C2F-4374-BCD8-BE3EB989E05C", + "state": "329C221D-8853-4B1A-A245-DEF66009665C" + } + ] + } + ] + }, + "geometry": "7A5C7B49-C615-4E82-AC38-14FD98A96DB3", + "material": "5B96993B-D142-4122-A7CC-FE0A12C7C8A1" + }, + { + "uuid": "121D4F3C-6A59-4C5E-B447-5A98956ACE8C", + "objectType": "Mesh3D", + "name": "Cube 3", + "matrix": [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -53, -52.749999999999986, 3, 1], + "castShadow": true, + "receiveShadow": true, + "layers": 1, + "userData": { "positionToCenter": { "x": 0, "y": 0, "z": 0 } }, + "hiddenMatrix": [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1], + "interaction": { + "uuid": "EDCDC5E3-3065-4FF7-B4A4-064EF66A13C2", + "selectedState": 0, + "states": [ + "6C283F81-B5FA-401A-B187-3E63AAAF84AC", + "DC47EA21-1332-4687-9D9B-5368BF0A078F" + ], + "events": [ + { + "type": 7, + "ui": { "isCollapsed": false }, + "targets": [ + { + "easing": 6, + "duration": 1000, + "delay": 0, + "cubicControls": [0.5, 0.05, 0.1, 0.3], + "springParameters": { + "mass": 1, + "stiffness": 80, + "damping": 10, + "velocity": 0 + }, + "repeat": true, + "cycle": true, + "object": "121D4F3C-6A59-4C5E-B447-5A98956ACE8C", + "state": "DC47EA21-1332-4687-9D9B-5368BF0A078F" + } + ] + } + ] + }, + "geometry": "9CF44599-4A50-4A2C-BE8C-14CA200641F6", + "material": "67EE316E-F664-4ECA-B882-C1B84BDD61D4" + }, + { + "uuid": "6E6FEAA8-C11F-42E0-8F01-BEF71DC5B50D", + "objectType": "Mesh3D", + "name": "Cube 2", + "matrix": [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 53, 52.749999999999986, 4.5, 1], + "castShadow": true, + "receiveShadow": true, + "layers": 1, + "userData": { "positionToCenter": { "x": 0, "y": 0, "z": 0 } }, + "hiddenMatrix": [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1], + "interaction": { + "uuid": "C000579A-C43F-4C75-ACA2-B1F9B7DEADD0", + "selectedState": 0, + "states": [ + "3C0A0EFF-AFC9-4BF5-AF7E-E97D2BB42C9D", + "37732E7B-3E34-4FF9-A072-09F2BBD38DD5" + ], + "events": [ + { + "type": 7, + "ui": { "isCollapsed": false }, + "targets": [ + { + "easing": 6, + "duration": 1000, + "delay": 0, + "cubicControls": [0.5, 0.05, 0.1, 0.3], + "springParameters": { + "mass": 1, + "stiffness": 80, + "damping": 10, + "velocity": 0 + }, + "repeat": true, + "cycle": true, + "object": "6E6FEAA8-C11F-42E0-8F01-BEF71DC5B50D", + "state": "37732E7B-3E34-4FF9-A072-09F2BBD38DD5" + } + ] + } + ] + }, + "geometry": "3EAE887C-2313-4FB5-B8B9-0635B1CEE6D9", + "material": "A5A3C657-7996-4927-B570-802AD621A5E6" + }, + { + "uuid": "1E532681-5EE1-4428-AC52-EBBF4CC61FB1", + "objectType": "Mesh3D", + "name": "Cube", + "matrix": [ + 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -52.00000000000006, 52.749999999999986, 5.5, 1 + ], + "castShadow": true, + "receiveShadow": true, + "layers": 1, + "userData": { "positionToCenter": { "x": 0, "y": 0, "z": 0 } }, + "hiddenMatrix": [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1], + "interaction": { + "uuid": "70ECC936-3263-471E-A056-0138FB901F5B", + "selectedState": 0, + "states": [ + "11FF7F14-A2D3-4896-8BA8-76875751A5BD", + "BC6CBD64-3ACA-46C4-80D4-5CC0A4546356" + ], + "events": [ + { + "type": 7, + "ui": { "isCollapsed": false }, + "targets": [ + { + "easing": 6, + "duration": 1000, + "delay": 0, + "cubicControls": [0.5, 0.05, 0.1, 0.3], + "springParameters": { + "mass": 1, + "stiffness": 80, + "damping": 10, + "velocity": 0 + }, + "repeat": true, + "cycle": true, + "object": "1E532681-5EE1-4428-AC52-EBBF4CC61FB1", + "state": "BC6CBD64-3ACA-46C4-80D4-5CC0A4546356" + } + ] + } + ] + }, + "geometry": "F0B2D47A-4E59-4097-9172-71A5ACEA8264", + "material": "ED2A7386-0134-48CB-BF37-CD8D07288A45" + }, + { + "uuid": "0EB4956E-4B9D-4CC5-BAC9-D2562A733E06", + "objectType": "CombinedCamera", + "name": "Default Camera", + "matrix": [ + 0.9592203497819743, 1.3877787807814457e-17, 0.28265937197295754, 0, -0.1403466409943231, + 0.8680240479778703, 0.47627415686106955, 0, -0.24535513225884917, -0.49652215673835953, + 0.832626330920498, 0, -245.35513225884878, -496.52215673835894, 832.6263309204967, 1 + ], + "layers": 1, + "userData": { "activeCamera": true }, + "children": [ + { + "uuid": "E4F06C2F-9B77-4DBC-B9AC-36EE9866A81E", + "type": "DirectionalLight", + "name": "Default Directional Light", + "visible": false, + "layers": 1, + "matrix": [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 850000, 1300000, 1000000, 1], + "color": 16777215, + "intensity": 0.75, + "shadow": { + "camera": { + "uuid": "B78D71CA-611B-4F2E-AA8D-6E3103DA8B1E", + "type": "OrthographicCamera", + "layers": 1, + "zoom": 1, + "left": -5, + "right": 5, + "top": 5, + "bottom": -5, + "near": 0.5, + "far": 500 + } + } + } + ], + "hiddenMatrix": [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1], + "interaction": { "uuid": "00BF1C2A-8435-499D-9C13-2079B5AD473E" }, + "enableHelper": false, + "cameraType": "OrthographicCamera", + "targetOffset": 999.9999999999986, + "isUpVectorFlipped": false, + "angleOffsetFromUp": 0, + "left": -1280, + "right": 1280, + "top": 638, + "bottom": -638, + "zoomOrtho": 1, + "nearOrtho": -50000, + "far": 100000, + "aspect": 2.006269592476489, + "fov": 45, + "focus": 10, + "filmGauge": 35, + "filmOffset": 0, + "zoomPersp": 1, + "nearPersp": 0.1 + }, + { + "uuid": "09F67B42-59A5-42D1-A657-4B00178F655D", + "type": "HemisphereLight", + "name": "Default Ambient Light", + "userData": { "isDefaultHemisphereLight": true }, + "layers": 1, + "matrix": [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 1, 0, 1], + "color": 13882323, + "intensity": 0.75, + "groundColor": 8553090 + } + ], + "activeCamera": "0EB4956E-4B9D-4CC5-BAC9-D2562A733E06", + "camera": "0EB4956E-4B9D-4CC5-BAC9-D2562A733E06", + "directionalLight": "E4F06C2F-9B77-4DBC-B9AC-36EE9866A81E", + "ambientLight": "09F67B42-59A5-42D1-A657-4B00178F655D", + "color": [1, 0.8549019607843137, 0.7647058823529411], + "alpha": 0, + "ambientLightState": true, + "canvas": { + "mode": 2, + "preset": "crop", + "editorSize": { "width": 2560, "height": 1276 }, + "color": [0, 0, 0, 0.5], + "size": { "width": 438, "height": 396 } + }, + "postprocessing": { + "enabled": false, + "bloom": { + "enabled": false, + "opacity": 1, + "blendFunction": 16, + "intensity": 1, + "luminanceThreshold": 0.9, + "luminanceSmoothing": 0.025, + "blurScale": 1, + "kernelSize": 3 + }, + "chromaticAberration": { + "enabled": false, + "opacity": 1, + "blendFunction": 13, + "offset": [10, 10] + }, + "vignette": { + "enabled": false, + "opacity": 1, + "blendFunction": 13, + "eskil": false, + "darkness": 0.5, + "offset": 0.5 + }, + "noise": { "enabled": false, "opacity": 1, "blendFunction": 14 }, + "colorAverage": { "enabled": false, "opacity": 1, "blendFunction": 13 }, + "hueSaturation": { + "enabled": false, + "opacity": 1, + "blendFunction": 13, + "_hue": 0, + "hue": 0, + "saturation": 0 + }, + "brightnessContrast": { + "enabled": false, + "opacity": 1, + "blendFunction": 13, + "contrast": 0, + "brightness": 0 + }, + "depthOfField": { + "enabled": false, + "opacity": 1, + "blendFunction": 13, + "focalLength": 0.1, + "focusDistance": 0, + "bokehScale": 1 + }, + "pixelation": { + "enabled": false, + "opacity": 1, + "blendFunction": 13, + "granularity": 30 + } + } + }, + "metadata": { + "version": 1.5, + "type": "Object", + "generator": "Object3D.toJSON" + }, + "geometries": [ + { + "uuid": "5396B27A-0F36-43B4-907B-01669D6EE59D", + "userData": { + "shape": { + "points": [ + -165, 165, -165, 165, -165, 165, 20, 165, 165, 165, 165, 165, 165, 20, 165, -165, 165, + -165, 165, -165, 20, -165, -165, -165, -165, -165, -165, 20 + ], + "shapeHoles": [], + "isClosed": true, + "roundness": 20 + }, + "parameters": { + "width": 330, + "depth": 36, + "cornerRadius": [20, 20, 20, 20], + "cornerType": 1, + "extrudeDepth": 36, + "extrudeBevelSize": 9, + "extrudeBevelSegments": 48, + "height": 330, + "surfaceMaxCount": 1000 + }, + "ui": { "enabledIndieCorners": false }, + "type": "RectangleGeometry" + } + }, + { + "uuid": "7A5C7B49-C615-4E82-AC38-14FD98A96DB3", + "userData": { + "parameters": { + "width": 100, + "widthSegments": 1, + "heightSegments": 1, + "depthSegments": 1, + "cornerRadius": 8, + "cornerSegments": 8, + "height": 100, + "depth": 45, + "extrudeDepth": 0, + "extrudeBevelSize": 0, + "extrudeBevelSegments": 1 + }, + "type": "CubeGeometry" + } + }, + { + "uuid": "9CF44599-4A50-4A2C-BE8C-14CA200641F6", + "userData": { + "parameters": { + "width": 100, + "widthSegments": 1, + "heightSegments": 1, + "depthSegments": 1, + "cornerRadius": 8, + "cornerSegments": 8, + "height": 100, + "depth": 44, + "extrudeDepth": 0, + "extrudeBevelSize": 0, + "extrudeBevelSegments": 1 + }, + "type": "CubeGeometry" + } + }, + { + "uuid": "3EAE887C-2313-4FB5-B8B9-0635B1CEE6D9", + "userData": { + "parameters": { + "width": 100, + "widthSegments": 1, + "heightSegments": 1, + "depthSegments": 1, + "cornerRadius": 8, + "cornerSegments": 8, + "height": 100, + "depth": 41, + "extrudeDepth": 0, + "extrudeBevelSize": 0, + "extrudeBevelSegments": 1 + }, + "type": "CubeGeometry" + } + }, + { + "uuid": "F0B2D47A-4E59-4097-9172-71A5ACEA8264", + "userData": { + "parameters": { + "width": 100, + "widthSegments": 1, + "heightSegments": 1, + "depthSegments": 1, + "cornerRadius": 8, + "cornerSegments": 8, + "height": 100, + "depth": 39, + "extrudeDepth": 0, + "extrudeBevelSize": 0, + "extrudeBevelSegments": 1 + }, + "type": "CubeGeometry" + } + } + ], + "materials": [ + { + "uuid": "8E2EDBCA-0887-443C-8AE6-B6D3CD29E809", + "type": "ShaderMaterial", + "emissiveIntensity": { + "uuid": "EE943729-0A24-45BE-B735-E66B8957ED11", + "type": "f", + "value": 1, + "nodeType": "Float" + }, + "transparent": true, + "depthFunc": 3, + "depthTest": true, + "depthWrite": true, + "colorWrite": true, + "stencilWrite": false, + "stencilWriteMask": 255, + "stencilFunc": 519, + "stencilRef": 0, + "stencilFuncMask": 255, + "stencilFail": 7680, + "stencilZFail": 7680, + "stencilZPass": 7680, + "dithering": true, + "wireframeLinecap": "", + "wireframeLinejoin": "", + "userData": { + "type": "LambertMaterial", + "category": "Lambert", + "nodeType": "LambertNodeMaterial", + "layers": { + "id": 3, + "uuid": "9731CEB6-9DE4-4AFC-8ABC-5F4F3BDDB62D", + "head": { + "id": 0, + "type": "color", + "defines": {}, + "uniforms": { + "f0_color": "57D2B157-D884-4E04-9A73-4C9E72515B23", + "f0_alpha": "196BD431-114A-4D1A-8107-9B8ACA2DA775", + "f0_mode": "4CAD73E1-4256-4B40-8E7B-B82662656BD7" + }, + "next": { + "id": 1, + "type": "light", + "defines": {}, + "uniforms": { + "f1_alpha": "A30BF4AB-5DFB-4B14-A267-4A6EC476FB18", + "f1_mode": "6B554DC3-E4DD-4B29-8D93-D26D90F44F0C", + "f1_emissive": "D4C97229-A45B-4AA2-954D-07216CD4A2B5" + } + } + } + } + }, + "glslVersion": null, + "defines": { "LAMBERT": 1 }, + "vertex": "8BCB73A4-FDDD-4E57-9AED-331EAFB6C51E", + "fragment": "8BCB73A4-FDDD-4E57-9AED-331EAFB6C51E" + }, + { + "uuid": "5B96993B-D142-4122-A7CC-FE0A12C7C8A1", + "type": "ShaderMaterial", + "transparent": true, + "depthFunc": 3, + "depthTest": true, + "depthWrite": true, + "colorWrite": true, + "stencilWrite": false, + "stencilWriteMask": 255, + "stencilFunc": 519, + "stencilRef": 0, + "stencilFuncMask": 255, + "stencilFail": 7680, + "stencilZFail": 7680, + "stencilZPass": 7680, + "dithering": true, + "wireframeLinecap": "", + "wireframeLinejoin": "", + "userData": { + "type": "PhongMaterial", + "category": "Phong", + "nodeType": "PhongNodeMaterial", + "layers": { + "id": 2, + "uuid": "6E548701-CE56-47F0-991B-ADA38CD98F95", + "head": { + "id": 0, + "type": "color", + "defines": {}, + "uniforms": { + "f0_color": "50C9ED49-0E89-4DDC-A335-8424E87AF88C", + "f0_alpha": "3EB420B7-0F15-44BC-8A28-944E06F80EF1", + "f0_mode": "1E5F2339-DCE8-457E-9E14-680808EC0972" + }, + "next": { + "id": 1, + "type": "light", + "defines": {}, + "uniforms": { + "f1_alpha": "AD377F69-6D6A-413C-B39C-A2874FC1231C", + "f1_mode": "2C3BDC0D-41D3-4EB0-8294-63DCE538631E", + "f1_shininess": "A2EAD601-278B-46D3-BE50-1CCD84D8C65C", + "f1_specular": "099F6815-F834-4135-9735-C2CC5D0C15D6" + } + } + } + } + }, + "glslVersion": null, + "defines": { "PHONG": 1 }, + "vertex": "1149FF4A-8255-4995-8F44-3CB8C54CF74F", + "fragment": "1149FF4A-8255-4995-8F44-3CB8C54CF74F" + }, + { + "uuid": "67EE316E-F664-4ECA-B882-C1B84BDD61D4", + "type": "ShaderMaterial", + "transparent": true, + "depthFunc": 3, + "depthTest": true, + "depthWrite": true, + "colorWrite": true, + "stencilWrite": false, + "stencilWriteMask": 255, + "stencilFunc": 519, + "stencilRef": 0, + "stencilFuncMask": 255, + "stencilFail": 7680, + "stencilZFail": 7680, + "stencilZPass": 7680, + "dithering": true, + "wireframeLinecap": "", + "wireframeLinejoin": "", + "userData": { + "type": "PhongMaterial", + "category": "Phong", + "nodeType": "PhongNodeMaterial", + "layers": { + "id": 2, + "uuid": "E0408BF0-E26F-4FBD-815A-562D58292A3C", + "head": { + "id": 0, + "type": "color", + "defines": {}, + "uniforms": { + "f0_color": "A64F7EB1-1989-47DD-8949-0A89D888B338", + "f0_alpha": "D5C3515B-7880-425F-BF9B-06C42A792A0E", + "f0_mode": "626031E6-FB12-49DD-8BC4-063EA9C72937" + }, + "next": { + "id": 1, + "type": "light", + "defines": {}, + "uniforms": { + "f1_alpha": "DA9275BB-C356-4399-B32E-F87B0EA254E5", + "f1_mode": "E333B26C-9C48-47C7-8088-32EB9A75E8E1", + "f1_shininess": "F6661F1E-3B5F-4672-8412-D90E747DCCC6", + "f1_specular": "7F35FE77-F485-4A4B-98A3-11B0ABEA95AE" + } + } + } + } + }, + "glslVersion": null, + "defines": { "PHONG": 1 }, + "vertex": "A4A0B558-3CE7-4327-9EE8-B850CAF58992", + "fragment": "A4A0B558-3CE7-4327-9EE8-B850CAF58992" + }, + { + "uuid": "A5A3C657-7996-4927-B570-802AD621A5E6", + "type": "ShaderMaterial", + "transparent": true, + "depthFunc": 3, + "depthTest": true, + "depthWrite": true, + "colorWrite": true, + "stencilWrite": false, + "stencilWriteMask": 255, + "stencilFunc": 519, + "stencilRef": 0, + "stencilFuncMask": 255, + "stencilFail": 7680, + "stencilZFail": 7680, + "stencilZPass": 7680, + "dithering": true, + "wireframeLinecap": "", + "wireframeLinejoin": "", + "userData": { + "type": "PhongMaterial", + "category": "Phong", + "nodeType": "PhongNodeMaterial", + "layers": { + "id": 3, + "uuid": "8028A7A1-F3AA-4F6D-89E9-502868B5DEF1", + "head": { + "id": 0, + "type": "color", + "defines": {}, + "uniforms": { + "f0_color": "E35B5B46-1889-4A8E-B193-BF304873AE1A", + "f0_alpha": "C5C53BC9-F87C-40AF-B796-F07DBDC6EA8D", + "f0_mode": "EE4E1E03-4D99-4801-B483-61F879611745" + }, + "next": { + "id": 1, + "type": "light", + "defines": {}, + "uniforms": { + "f1_alpha": "049E0BAA-1C97-421E-8B4A-0FD616531843", + "f1_mode": "BE77914A-469F-48AA-A4FF-8F325B68F7B6", + "f1_shininess": "3E0FB0E5-698F-41E2-A885-23D3361B97AA", + "f1_specular": "EA551D8C-5767-448D-B279-F3B80FE83D32" + } + } + } + } + }, + "glslVersion": null, + "defines": { "PHONG": 1 }, + "vertex": "6EE15D33-773D-4A3E-8FB2-4F258E8B83DC", + "fragment": "6EE15D33-773D-4A3E-8FB2-4F258E8B83DC" + }, + { + "uuid": "ED2A7386-0134-48CB-BF37-CD8D07288A45", + "type": "ShaderMaterial", + "transparent": true, + "depthFunc": 3, + "depthTest": true, + "depthWrite": true, + "colorWrite": true, + "stencilWrite": false, + "stencilWriteMask": 255, + "stencilFunc": 519, + "stencilRef": 0, + "stencilFuncMask": 255, + "stencilFail": 7680, + "stencilZFail": 7680, + "stencilZPass": 7680, + "dithering": true, + "wireframeLinecap": "", + "wireframeLinejoin": "", + "userData": { + "type": "PhongMaterial", + "category": "Phong", + "nodeType": "PhongNodeMaterial", + "layers": { + "id": 2, + "uuid": "C92FC012-9BF9-4A1A-A9A2-4E5D374CC55B", + "head": { + "id": 0, + "type": "color", + "defines": {}, + "uniforms": { + "f0_color": "BFF13516-FD10-4443-84E4-2D77C1357AD5", + "f0_alpha": "DB1463CC-5CA8-4337-B6A6-6A807220638E", + "f0_mode": "79BFC1CF-D45C-445F-8B57-3C556574B738" + }, + "next": { + "id": 1, + "type": "light", + "defines": {}, + "uniforms": { + "f1_alpha": "022DA645-E369-4B57-AA68-0D4732062D09", + "f1_mode": "F16105B7-A58D-4E6D-B91F-F56648112CAF", + "f1_shininess": "6CA374EC-4877-4BE5-8CBA-CF6A76FDBB34", + "f1_specular": "29F0AD4A-5272-4357-8BC6-2A3B66C32CDF" + } + } + } + } + }, + "glslVersion": null, + "defines": { "PHONG": 1 }, + "vertex": "530DD463-5C04-47E2-A484-05F3F488846B", + "fragment": "530DD463-5C04-47E2-A484-05F3F488846B" + } + ], + "interactionStates": [ + { + "uuid": "9CE25592-844A-4CD0-89D3-2BC7A74365C3", + "name": "Base State", + "position": [53, -52.749999999999986, 2.5], + "rotation": [0, 0, 0, "XYZ"], + "scale": [1, 1, 1], + "hiddenMatrix": [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1], + "geometry": { "width": 100, "height": 100, "depth": 45 }, + "material": { + "layersList": [ + { + "id": 0, + "type": "color", + "defines": {}, + "uniforms": { + "f0_color": "382EF2C1-B605-4B3A-9490-763DDDAB12E8", + "f0_alpha": "7C3FAF8B-5B86-498A-AC6C-0C17AD0A88CA", + "f0_mode": "B9606F81-4A30-4C6D-AA87-CE19B1B8A12C" + } + }, + { + "id": 1, + "type": "light", + "defines": {}, + "uniforms": { + "f1_alpha": "09BB9B51-176D-4D35-9887-B1E81C5FAA53", + "f1_mode": "9A515F76-C2E1-4FC4-9AA6-9CDF8EDFB5DC" + } + } + ] + } + }, + { + "uuid": "329C221D-8853-4B1A-A245-DEF66009665C", + "name": "State 1", + "position": [47.5, -47.249999999999986, 0], + "rotation": [0, 0, 0, "XYZ"], + "scale": [1, 1, 1], + "hiddenMatrix": [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1], + "geometry": { "width": 89, "height": 89, "depth": 40 }, + "material": { + "layersList": [ + { + "id": 0, + "type": "color", + "defines": {}, + "uniforms": { + "f0_color": "01173A81-A2B8-4B75-A425-D166B754A24F", + "f0_alpha": "06587453-23CF-49D3-894A-CFA4A4BB0DA5", + "f0_mode": "EDD4833F-29B0-4CFE-81E1-C6415D67C711" + } + }, + { + "id": 1, + "type": "light", + "defines": {}, + "uniforms": { + "f1_alpha": "32925F30-E0E2-4D0F-A6BB-27CC9CF27B8D", + "f1_mode": "CFB49D26-5698-4580-AF37-BF314EA84996" + } + } + ] + } + }, + { + "uuid": "6C283F81-B5FA-401A-B187-3E63AAAF84AC", + "name": "Base State", + "position": [-53, -52.749999999999986, 3], + "rotation": [0, 0, 0, "XYZ"], + "scale": [1, 1, 1], + "hiddenMatrix": [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1], + "geometry": { "width": 100, "height": 100, "depth": 44 }, + "material": { + "layersList": [ + { + "id": 0, + "type": "color", + "defines": {}, + "uniforms": { + "f0_color": "5552E3F9-97FB-4ED8-9919-EE8D62768064", + "f0_alpha": "855470C8-7CA2-47CC-B5B8-D63F3B6633ED", + "f0_mode": "B19E8531-F89E-43C2-864E-D6B090BE503A" + } + }, + { + "id": 1, + "type": "light", + "defines": {}, + "uniforms": { + "f1_alpha": "43AE2CCB-1861-4E23-B36F-4D51C8257596", + "f1_mode": "D58BA42D-75ED-4901-9B84-C9621B0E7D6E" + } + } + ] + } + }, + { + "uuid": "DC47EA21-1332-4687-9D9B-5368BF0A078F", + "name": "State 1", + "position": [-56, -55.749999999999986, 4], + "rotation": [0, 0, 0, "XYZ"], + "scale": [1, 1, 1], + "hiddenMatrix": [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1], + "geometry": { "width": 106, "height": 106, "depth": 46 }, + "material": { + "layersList": [ + { + "id": 0, + "type": "color", + "defines": {}, + "uniforms": { + "f0_color": "055C6DD8-917D-4105-A6CC-55EE208A20FB", + "f0_alpha": "A48B472A-F90C-41FC-B242-98CF4D3A0415", + "f0_mode": "67D14EEE-42D1-426A-8DE1-3D53230F4CAB" + } + }, + { + "id": 1, + "type": "light", + "defines": {}, + "uniforms": { + "f1_alpha": "3860F709-DDC1-491C-8EE0-EA32B482F774", + "f1_mode": "D074712E-D53F-4EB0-B899-87427215974B" + } + } + ] + } + }, + { + "uuid": "3C0A0EFF-AFC9-4BF5-AF7E-E97D2BB42C9D", + "name": "Base State", + "position": [53, 52.749999999999986, 4.5], + "rotation": [0, 0, 0, "XYZ"], + "scale": [1, 1, 1], + "hiddenMatrix": [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1], + "geometry": { "width": 100, "height": 100, "depth": 41 }, + "material": { + "layersList": [ + { + "id": 0, + "type": "color", + "defines": {}, + "uniforms": { + "f0_color": "51BC96D4-64C2-4E31-95C0-74AE4B5A68BA", + "f0_alpha": "5129EB5A-DC56-4A3D-990A-942A803B39D7", + "f0_mode": "F5F497CD-5680-424C-B5D8-3DFA7ED3C109" + } + }, + { + "id": 1, + "type": "light", + "defines": {}, + "uniforms": { + "f1_alpha": "B03F74CC-A350-4C27-9AC4-3EC656E468CA", + "f1_mode": "09A1BF88-9352-490B-B63D-A6381F039EA3" + } + } + ] + } + }, + { + "uuid": "37732E7B-3E34-4FF9-A072-09F2BBD38DD5", + "name": "State 1", + "position": [61.5, 61.249999999999986, 8], + "rotation": [0, 0, 0, "XYZ"], + "scale": [1, 1, 1], + "hiddenMatrix": [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1], + "geometry": { "width": 117, "height": 117, "depth": 48 }, + "material": { + "layersList": [ + { + "id": 0, + "type": "color", + "defines": {}, + "uniforms": { + "f0_color": "36B3DCC2-FE9E-4D2A-BD91-2B56A2DC792D", + "f0_alpha": "FC1335E9-FE1D-42A5-8581-A5CEF739D897", + "f0_mode": "4ED84F5A-BF4A-481B-8A51-03A41760E9B3" + } + }, + { + "id": 1, + "type": "light", + "defines": {}, + "uniforms": { + "f1_alpha": "52F18FD2-BE0F-4320-AFCE-70CA0C5449EC", + "f1_mode": "569C230D-42BF-43DD-A645-AEC43A5A7004" + } + } + ] + } + }, + { + "uuid": "11FF7F14-A2D3-4896-8BA8-76875751A5BD", + "name": "Base State", + "position": [-52.00000000000006, 52.749999999999986, 5.5], + "rotation": [0, 0, 0, "XYZ"], + "scale": [1, 1, 1], + "hiddenMatrix": [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1], + "geometry": { "width": 100, "height": 100, "depth": 39 }, + "material": { + "layersList": [ + { + "id": 0, + "type": "color", + "defines": {}, + "uniforms": { + "f0_color": "311A594B-8A47-41BF-9459-E91E61279F11", + "f0_alpha": "CEF1A959-724C-49D5-9CB1-B4620D2D5131", + "f0_mode": "12D012AA-377E-48CE-9FB4-000BE002F0B5" + } + }, + { + "id": 1, + "type": "light", + "defines": {}, + "uniforms": { + "f1_alpha": "F2C8C376-1C75-42E9-86B7-411C0E132572", + "f1_mode": "0556B66C-70B8-4F26-9055-E8E21FE54454" + } + } + ] + } + }, + { + "uuid": "BC6CBD64-3ACA-46C4-80D4-5CC0A4546356", + "name": "State 1", + "position": [-47.00000000000006, 47.749999999999986, 3.5], + "rotation": [0, 0, 0, "XYZ"], + "scale": [1, 1, 1], + "hiddenMatrix": [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1], + "geometry": { "width": 90, "height": 90, "depth": 35 }, + "material": { + "layersList": [ + { + "id": 0, + "type": "color", + "defines": {}, + "uniforms": { + "f0_color": "CD38CF32-FC41-41A6-8F65-1D13ABC676E3", + "f0_alpha": "C3FF3DEE-FC7F-4AE3-A660-653E6F0F656A", + "f0_mode": "2C2F18E9-86CC-4141-AD62-68FF99E86BF3" + } + }, + { + "id": 1, + "type": "light", + "defines": {}, + "uniforms": { + "f1_alpha": "4D0655D7-9FEE-407B-87AF-936812B5FE9A", + "f1_mode": "45FBA650-C38A-4EAB-B32A-6DE1F6088331" + } + } + ] + } + } + ], + "nodes": [ + { + "uuid": "57D2B157-D884-4E04-9A73-4C9E72515B23", + "type": "c", + "r": 0.33725490196078434, + "g": 0.35294117647058826, + "b": 0.4117647058823529, + "value": 5659241, + "alpha": "196BD431-114A-4D1A-8107-9B8ACA2DA775", + "nodeType": "Color" + }, + { + "uuid": "196BD431-114A-4D1A-8107-9B8ACA2DA775", + "type": "f", + "value": 1, + "nodeType": "Float" + }, + { + "uuid": "4CAD73E1-4256-4B40-8E7B-B82662656BD7", + "type": "i", + "value": 0, + "nodeType": "Int" + }, + { + "uuid": "A30BF4AB-5DFB-4B14-A267-4A6EC476FB18", + "type": "f", + "value": 1, + "nodeType": "Float" + }, + { + "uuid": "6B554DC3-E4DD-4B29-8D93-D26D90F44F0C", + "type": "i", + "value": "3", + "nodeType": "Int" + }, + { + "uuid": "D4C97229-A45B-4AA2-954D-07216CD4A2B5", + "type": "c", + "r": 0, + "g": 0, + "b": 0, + "value": 0, + "nodeType": "Color" + }, + { + "uuid": "8BCB73A4-FDDD-4E57-9AED-331EAFB6C51E", + "type": "lambert", + "color": "57D2B157-D884-4E04-9A73-4C9E72515B23", + "emissiveIntensity": "EE943729-0A24-45BE-B735-E66B8957ED11", + "shadingAlpha": "A30BF4AB-5DFB-4B14-A267-4A6EC476FB18", + "shadingBlend": "6B554DC3-E4DD-4B29-8D93-D26D90F44F0C", + "alpha": "F51C82D0-6B71-4B80-8D05-A7B6DBCD2CD8", + "emissive": "D4C97229-A45B-4AA2-954D-07216CD4A2B5", + "nodeType": "Lambert" + }, + { + "uuid": "EE943729-0A24-45BE-B735-E66B8957ED11", + "type": "f", + "value": 1, + "nodeType": "Float" + }, + { + "uuid": "F51C82D0-6B71-4B80-8D05-A7B6DBCD2CD8", + "type": "f", + "value": 1, + "nodeType": "Float" + }, + { + "uuid": "382EF2C1-B605-4B3A-9490-763DDDAB12E8", + "type": "c", + "r": 1, + "g": 0.48627450980392156, + "b": 0, + "value": 16743424, + "alpha": "7C3FAF8B-5B86-498A-AC6C-0C17AD0A88CA", + "nodeType": "Color" + }, + { + "uuid": "7C3FAF8B-5B86-498A-AC6C-0C17AD0A88CA", + "type": "f", + "value": 1, + "nodeType": "Float" + }, + { + "uuid": "B9606F81-4A30-4C6D-AA87-CE19B1B8A12C", + "type": "i", + "value": 0, + "nodeType": "Int" + }, + { + "uuid": "09BB9B51-176D-4D35-9887-B1E81C5FAA53", + "type": "f", + "value": 1, + "nodeType": "Float" + }, + { + "uuid": "9A515F76-C2E1-4FC4-9AA6-9CDF8EDFB5DC", + "type": "i", + "value": "2", + "nodeType": "Int" + }, + { + "uuid": "01173A81-A2B8-4B75-A425-D166B754A24F", + "type": "c", + "r": 1, + "g": 0.48627450980392156, + "b": 0, + "value": 16743424, + "alpha": "06587453-23CF-49D3-894A-CFA4A4BB0DA5", + "nodeType": "Color" + }, + { + "uuid": "06587453-23CF-49D3-894A-CFA4A4BB0DA5", + "type": "f", + "value": 1, + "nodeType": "Float" + }, + { + "uuid": "EDD4833F-29B0-4CFE-81E1-C6415D67C711", + "type": "i", + "value": 0, + "nodeType": "Int" + }, + { + "uuid": "32925F30-E0E2-4D0F-A6BB-27CC9CF27B8D", + "type": "f", + "value": 1, + "nodeType": "Float" + }, + { + "uuid": "CFB49D26-5698-4580-AF37-BF314EA84996", + "type": "i", + "value": "2", + "nodeType": "Int" + }, + { + "uuid": "50C9ED49-0E89-4DDC-A335-8424E87AF88C", + "type": "c", + "r": 1, + "g": 0.48627450980392156, + "b": 0, + "value": 16743424, + "alpha": "3EB420B7-0F15-44BC-8A28-944E06F80EF1", + "nodeType": "Color" + }, + { + "uuid": "3EB420B7-0F15-44BC-8A28-944E06F80EF1", + "type": "f", + "value": 1, + "nodeType": "Float" + }, + { + "uuid": "1E5F2339-DCE8-457E-9E14-680808EC0972", + "type": "i", + "value": 0, + "nodeType": "Int" + }, + { + "uuid": "AD377F69-6D6A-413C-B39C-A2874FC1231C", + "type": "f", + "value": 1, + "nodeType": "Float" + }, + { + "uuid": "2C3BDC0D-41D3-4EB0-8294-63DCE538631E", + "type": "i", + "value": "2", + "nodeType": "Int" + }, + { + "uuid": "A2EAD601-278B-46D3-BE50-1CCD84D8C65C", + "type": "f", + "value": 30, + "nodeType": "Float" + }, + { + "uuid": "099F6815-F834-4135-9735-C2CC5D0C15D6", + "type": "c", + "r": 0.06666666666666667, + "g": 0.06666666666666667, + "b": 0.06666666666666667, + "value": 1118481, + "nodeType": "Color" + }, + { + "uuid": "1149FF4A-8255-4995-8F44-3CB8C54CF74F", + "type": "phong", + "color": "50C9ED49-0E89-4DDC-A335-8424E87AF88C", + "specular": "099F6815-F834-4135-9735-C2CC5D0C15D6", + "shininess": "A2EAD601-278B-46D3-BE50-1CCD84D8C65C", + "shadingAlpha": "AD377F69-6D6A-413C-B39C-A2874FC1231C", + "shadingBlend": "2C3BDC0D-41D3-4EB0-8294-63DCE538631E", + "alpha": "3A5BA0C1-E1ED-4E0A-AEA0-6B9CADFC29C0", + "nodeType": "Phong" + }, + { + "uuid": "3A5BA0C1-E1ED-4E0A-AEA0-6B9CADFC29C0", + "type": "f", + "value": 1, + "nodeType": "Float" + }, + { + "uuid": "5552E3F9-97FB-4ED8-9919-EE8D62768064", + "type": "c", + "r": 0.11764705882352941, + "g": 0.3215686274509804, + "b": 1, + "value": 1987327, + "alpha": "855470C8-7CA2-47CC-B5B8-D63F3B6633ED", + "nodeType": "Color" + }, + { + "uuid": "855470C8-7CA2-47CC-B5B8-D63F3B6633ED", + "type": "f", + "value": 1, + "nodeType": "Float" + }, + { + "uuid": "B19E8531-F89E-43C2-864E-D6B090BE503A", + "type": "i", + "value": 0, + "nodeType": "Int" + }, + { + "uuid": "43AE2CCB-1861-4E23-B36F-4D51C8257596", + "type": "f", + "value": 1, + "nodeType": "Float" + }, + { + "uuid": "D58BA42D-75ED-4901-9B84-C9621B0E7D6E", + "type": "i", + "value": "2", + "nodeType": "Int" + }, + { + "uuid": "055C6DD8-917D-4105-A6CC-55EE208A20FB", + "type": "c", + "r": 0.11764705882352941, + "g": 0.3215686274509804, + "b": 1, + "value": 1987327, + "alpha": "A48B472A-F90C-41FC-B242-98CF4D3A0415", + "nodeType": "Color" + }, + { + "uuid": "A48B472A-F90C-41FC-B242-98CF4D3A0415", + "type": "f", + "value": 1, + "nodeType": "Float" + }, + { + "uuid": "67D14EEE-42D1-426A-8DE1-3D53230F4CAB", + "type": "i", + "value": 0, + "nodeType": "Int" + }, + { + "uuid": "3860F709-DDC1-491C-8EE0-EA32B482F774", + "type": "f", + "value": 1, + "nodeType": "Float" + }, + { + "uuid": "D074712E-D53F-4EB0-B899-87427215974B", + "type": "i", + "value": "2", + "nodeType": "Int" + }, + { + "uuid": "A64F7EB1-1989-47DD-8949-0A89D888B338", + "type": "c", + "r": 0.11764705882352941, + "g": 0.3215686274509804, + "b": 1, + "value": 1987327, + "alpha": "D5C3515B-7880-425F-BF9B-06C42A792A0E", + "nodeType": "Color" + }, + { + "uuid": "D5C3515B-7880-425F-BF9B-06C42A792A0E", + "type": "f", + "value": 1, + "nodeType": "Float" + }, + { + "uuid": "626031E6-FB12-49DD-8BC4-063EA9C72937", + "type": "i", + "value": 0, + "nodeType": "Int" + }, + { + "uuid": "DA9275BB-C356-4399-B32E-F87B0EA254E5", + "type": "f", + "value": 1, + "nodeType": "Float" + }, + { + "uuid": "E333B26C-9C48-47C7-8088-32EB9A75E8E1", + "type": "i", + "value": "2", + "nodeType": "Int" + }, + { + "uuid": "F6661F1E-3B5F-4672-8412-D90E747DCCC6", + "type": "f", + "value": 30, + "nodeType": "Float" + }, + { + "uuid": "7F35FE77-F485-4A4B-98A3-11B0ABEA95AE", + "type": "c", + "r": 0.06666666666666667, + "g": 0.06666666666666667, + "b": 0.06666666666666667, + "value": 1118481, + "nodeType": "Color" + }, + { + "uuid": "A4A0B558-3CE7-4327-9EE8-B850CAF58992", + "type": "phong", + "color": "A64F7EB1-1989-47DD-8949-0A89D888B338", + "specular": "7F35FE77-F485-4A4B-98A3-11B0ABEA95AE", + "shininess": "F6661F1E-3B5F-4672-8412-D90E747DCCC6", + "shadingAlpha": "DA9275BB-C356-4399-B32E-F87B0EA254E5", + "shadingBlend": "E333B26C-9C48-47C7-8088-32EB9A75E8E1", + "alpha": "9B74DC99-0463-4E5B-B89F-601E2165A6D4", + "nodeType": "Phong" + }, + { + "uuid": "9B74DC99-0463-4E5B-B89F-601E2165A6D4", + "type": "f", + "value": 1, + "nodeType": "Float" + }, + { + "uuid": "51BC96D4-64C2-4E31-95C0-74AE4B5A68BA", + "type": "c", + "r": 0.10980392156862745, + "g": 0.7490196078431373, + "b": 0.2196078431372549, + "value": 1883960, + "alpha": "5129EB5A-DC56-4A3D-990A-942A803B39D7", + "nodeType": "Color" + }, + { + "uuid": "5129EB5A-DC56-4A3D-990A-942A803B39D7", + "type": "f", + "value": 1, + "nodeType": "Float" + }, + { + "uuid": "F5F497CD-5680-424C-B5D8-3DFA7ED3C109", + "type": "i", + "value": 0, + "nodeType": "Int" + }, + { + "uuid": "B03F74CC-A350-4C27-9AC4-3EC656E468CA", + "type": "f", + "value": 1, + "nodeType": "Float" + }, + { + "uuid": "09A1BF88-9352-490B-B63D-A6381F039EA3", + "type": "i", + "value": "2", + "nodeType": "Int" + }, + { + "uuid": "36B3DCC2-FE9E-4D2A-BD91-2B56A2DC792D", + "type": "c", + "r": 0.10980392156862745, + "g": 0.7490196078431373, + "b": 0.2196078431372549, + "value": 1883960, + "alpha": "FC1335E9-FE1D-42A5-8581-A5CEF739D897", + "nodeType": "Color" + }, + { + "uuid": "FC1335E9-FE1D-42A5-8581-A5CEF739D897", + "type": "f", + "value": 1, + "nodeType": "Float" + }, + { + "uuid": "4ED84F5A-BF4A-481B-8A51-03A41760E9B3", + "type": "i", + "value": 0, + "nodeType": "Int" + }, + { + "uuid": "52F18FD2-BE0F-4320-AFCE-70CA0C5449EC", + "type": "f", + "value": 1, + "nodeType": "Float" + }, + { + "uuid": "569C230D-42BF-43DD-A645-AEC43A5A7004", + "type": "i", + "value": "2", + "nodeType": "Int" + }, + { + "uuid": "E35B5B46-1889-4A8E-B193-BF304873AE1A", + "type": "c", + "r": 0.10980392156862745, + "g": 0.7490196078431373, + "b": 0.2196078431372549, + "value": 1883960, + "alpha": "C5C53BC9-F87C-40AF-B796-F07DBDC6EA8D", + "nodeType": "Color" + }, + { + "uuid": "C5C53BC9-F87C-40AF-B796-F07DBDC6EA8D", + "type": "f", + "value": 1, + "nodeType": "Float" + }, + { + "uuid": "EE4E1E03-4D99-4801-B483-61F879611745", + "type": "i", + "value": 0, + "nodeType": "Int" + }, + { + "uuid": "049E0BAA-1C97-421E-8B4A-0FD616531843", + "type": "f", + "value": 1, + "nodeType": "Float" + }, + { + "uuid": "BE77914A-469F-48AA-A4FF-8F325B68F7B6", + "type": "i", + "value": "2", + "nodeType": "Int" + }, + { + "uuid": "3E0FB0E5-698F-41E2-A885-23D3361B97AA", + "type": "f", + "value": 30, + "nodeType": "Float" + }, + { + "uuid": "EA551D8C-5767-448D-B279-F3B80FE83D32", + "type": "c", + "r": 0.06666666666666667, + "g": 0.06666666666666667, + "b": 0.06666666666666667, + "value": 1118481, + "nodeType": "Color" + }, + { + "uuid": "6EE15D33-773D-4A3E-8FB2-4F258E8B83DC", + "type": "phong", + "color": "E35B5B46-1889-4A8E-B193-BF304873AE1A", + "specular": "EA551D8C-5767-448D-B279-F3B80FE83D32", + "shininess": "3E0FB0E5-698F-41E2-A885-23D3361B97AA", + "shadingAlpha": "049E0BAA-1C97-421E-8B4A-0FD616531843", + "shadingBlend": "BE77914A-469F-48AA-A4FF-8F325B68F7B6", + "alpha": "9BE26472-704D-4E45-B9BB-E7CADD9F8761", + "nodeType": "Phong" + }, + { + "uuid": "9BE26472-704D-4E45-B9BB-E7CADD9F8761", + "type": "f", + "value": 1, + "nodeType": "Float" + }, + { + "uuid": "311A594B-8A47-41BF-9459-E91E61279F11", + "type": "c", + "r": 1, + "g": 0.24313725490196078, + "b": 0.24313725490196078, + "value": 16727614, + "alpha": "CEF1A959-724C-49D5-9CB1-B4620D2D5131", + "nodeType": "Color" + }, + { + "uuid": "CEF1A959-724C-49D5-9CB1-B4620D2D5131", + "type": "f", + "value": 1, + "nodeType": "Float" + }, + { + "uuid": "12D012AA-377E-48CE-9FB4-000BE002F0B5", + "type": "i", + "value": 0, + "nodeType": "Int" + }, + { + "uuid": "F2C8C376-1C75-42E9-86B7-411C0E132572", + "type": "f", + "value": 1, + "nodeType": "Float" + }, + { + "uuid": "0556B66C-70B8-4F26-9055-E8E21FE54454", + "type": "i", + "value": "2", + "nodeType": "Int" + }, + { + "uuid": "CD38CF32-FC41-41A6-8F65-1D13ABC676E3", + "type": "c", + "r": 1, + "g": 0.24313725490196078, + "b": 0.24313725490196078, + "value": 16727614, + "alpha": "C3FF3DEE-FC7F-4AE3-A660-653E6F0F656A", + "nodeType": "Color" + }, + { + "uuid": "C3FF3DEE-FC7F-4AE3-A660-653E6F0F656A", + "type": "f", + "value": 1, + "nodeType": "Float" + }, + { + "uuid": "2C2F18E9-86CC-4141-AD62-68FF99E86BF3", + "type": "i", + "value": 0, + "nodeType": "Int" + }, + { + "uuid": "4D0655D7-9FEE-407B-87AF-936812B5FE9A", + "type": "f", + "value": 1, + "nodeType": "Float" + }, + { + "uuid": "45FBA650-C38A-4EAB-B32A-6DE1F6088331", + "type": "i", + "value": "2", + "nodeType": "Int" + }, + { + "uuid": "BFF13516-FD10-4443-84E4-2D77C1357AD5", + "type": "c", + "r": 1, + "g": 0.24313725490196078, + "b": 0.24313725490196078, + "value": 16727614, + "alpha": "DB1463CC-5CA8-4337-B6A6-6A807220638E", + "nodeType": "Color" + }, + { + "uuid": "DB1463CC-5CA8-4337-B6A6-6A807220638E", + "type": "f", + "value": 1, + "nodeType": "Float" + }, + { + "uuid": "79BFC1CF-D45C-445F-8B57-3C556574B738", + "type": "i", + "value": 0, + "nodeType": "Int" + }, + { + "uuid": "022DA645-E369-4B57-AA68-0D4732062D09", + "type": "f", + "value": 1, + "nodeType": "Float" + }, + { + "uuid": "F16105B7-A58D-4E6D-B91F-F56648112CAF", + "type": "i", + "value": "2", + "nodeType": "Int" + }, + { + "uuid": "6CA374EC-4877-4BE5-8CBA-CF6A76FDBB34", + "type": "f", + "value": 30, + "nodeType": "Float" + }, + { + "uuid": "29F0AD4A-5272-4357-8BC6-2A3B66C32CDF", + "type": "c", + "r": 0.06666666666666667, + "g": 0.06666666666666667, + "b": 0.06666666666666667, + "value": 1118481, + "nodeType": "Color" + }, + { + "uuid": "530DD463-5C04-47E2-A484-05F3F488846B", + "type": "phong", + "color": "BFF13516-FD10-4443-84E4-2D77C1357AD5", + "specular": "29F0AD4A-5272-4357-8BC6-2A3B66C32CDF", + "shininess": "6CA374EC-4877-4BE5-8CBA-CF6A76FDBB34", + "shadingAlpha": "022DA645-E369-4B57-AA68-0D4732062D09", + "shadingBlend": "F16105B7-A58D-4E6D-B91F-F56648112CAF", + "alpha": "FF2EDB83-BE2E-4F41-9E0C-B9ED14EEEDA6", + "nodeType": "Phong" + }, + { + "uuid": "FF2EDB83-BE2E-4F41-9E0C-B9ED14EEEDA6", + "type": "f", + "value": 1, + "nodeType": "Float" + } + ], + "frames": { + "currentId": "default-frame-id", + "coords": [0, 0], + "frames": { + "default-frame-id": { + "id": "default-frame-id", + "name": "Frame", + "preset": "crop", + "size": [438, 396], + "coords": [0, 0], + "editorScale": 1, + "backgroundColor": { "r": 255, "g": 218, "b": 195, "a": 0 }, + "color": { "r": 0, "g": 0, "b": 0, "a": 0.5 }, + "guides": true, + "hasSceneScaling": false, + "sceneScale": 1 + } + } + }, + "assets": { "materials": {} }, + "editor": { + "orbitControls": { + "useKeyEvents": false, + "enableDamping": true, + "enablePan": false, + "enableZoom": false, + "enableRotate": false, + "rotationLimitsMode": 0, + "rotationVerticalOffset": { + "min": 1.5707963267948966, + "max": 1.5707963267948966 + }, + "rotationHorizontalOffset": { + "min": 1.5707963267948966, + "max": 1.5707963267948966 + }, + "autoRotate": false, + "autoRotateSpeed": 2, + "autoRotateClockwise": true + }, + "helperState": true, + "publish": { "type": 2, "web": { "logo": true } }, + "settings": { "wireframe": false, "helpers": true } + } } diff --git a/packages/interface/src/assets/svg/macos_close.svg b/packages/interface/src/assets/svg/macos_close.svg index 7584361f9..6fdcc7dca 100644 --- a/packages/interface/src/assets/svg/macos_close.svg +++ b/packages/interface/src/assets/svg/macos_close.svg @@ -1,4 +1,4 @@ - - - + + + diff --git a/packages/interface/src/assets/svg/macos_fullscreen.svg b/packages/interface/src/assets/svg/macos_fullscreen.svg index d19577145..39127d892 100644 --- a/packages/interface/src/assets/svg/macos_fullscreen.svg +++ b/packages/interface/src/assets/svg/macos_fullscreen.svg @@ -1,4 +1,4 @@ - - - + + + diff --git a/packages/interface/src/assets/svg/macos_minimize.svg b/packages/interface/src/assets/svg/macos_minimize.svg index 5f57c3321..f48195514 100644 --- a/packages/interface/src/assets/svg/macos_minimize.svg +++ b/packages/interface/src/assets/svg/macos_minimize.svg @@ -1,3 +1,3 @@ - - + + diff --git a/packages/interface/src/components/device/Device.tsx b/packages/interface/src/components/device/Device.tsx index 6465e8239..0694e6d21 100644 --- a/packages/interface/src/components/device/Device.tsx +++ b/packages/interface/src/components/device/Device.tsx @@ -1,112 +1,113 @@ +import { KeyIcon } from '@heroicons/react/outline'; +import { CogIcon, LockClosedIcon } from '@heroicons/react/solid'; +import { Button } from '@sd/ui'; import { - Cloud, - Desktop, - DeviceMobileCamera, - DotsSixVertical, - Laptop, - Phone, - PhoneX + Cloud, + Desktop, + DeviceMobileCamera, + DotsSixVertical, + Laptop, + Phone, + PhoneX } from 'phosphor-react'; import React, { useState } from 'react'; -import FileItem from '../file/FileItem'; -import { Button } from '@sd/ui'; -import ProgressBar from '../primitive/ProgressBar'; -import { CogIcon, LockClosedIcon } from '@heroicons/react/solid'; -import { KeyIcon } from '@heroicons/react/outline'; import LoadingIcons, { Rings } from 'react-loading-icons'; +import FileItem from '../file/FileItem'; +import ProgressBar from '../primitive/ProgressBar'; + export interface DeviceProps { - name: string; - size: string; - type: 'laptop' | 'desktop' | 'phone' | 'server'; - locations: { name: string }[]; - runningJob?: { amount: number; task: string }; - removeThisSoon?: boolean; + name: string; + size: string; + type: 'laptop' | 'desktop' | 'phone' | 'server'; + locations: { name: string }[]; + runningJob?: { amount: number; task: string }; + removeThisSoon?: boolean; } export function Device(props: DeviceProps) { - const [selectedFile, setSelectedFile] = useState(null); + const [selectedFile, setSelectedFile] = useState(null); - function handleSelect(key: string) { - if (selectedFile === key) setSelectedFile(null); - else setSelectedFile(key); - } - return ( -
-
- - {props.type === 'phone' && } - {props.type === 'laptop' && } - {props.type === 'desktop' && } - {props.type === 'server' && } -

{props.name || 'Unnamed Device'}

-
- - - P2P - -
- - {props.size} - -
- {props.runningJob && ( -
- -
- - {props.runningJob.task}... - - -
-
- )} -
- - -
-
- {/*
+ function handleSelect(key: string) { + if (selectedFile === key) setSelectedFile(null); + else setSelectedFile(key); + } + return ( +
+
+ + {props.type === 'phone' && } + {props.type === 'laptop' && } + {props.type === 'desktop' && } + {props.type === 'server' && } +

{props.name || 'Unnamed Device'}

+
+ + + P2P + +
+ + {props.size} + +
+ {props.runningJob && ( +
+ +
+ + {props.runningJob.task}... + + +
+
+ )} +
+ + +
+
+ {/*

*/} -
- {props.locations.map((location, key) => ( - handleSelect(location.name)} - fileName={location.name} - folder - /> - ))} - {props.removeThisSoon && ( - <> - handleSelect('tsx')} - fileName="App.tsx" - format="tsx" - iconName="reactts" - /> - handleSelect('vite')} - fileName="vite.config.js" - format="vite" - iconName="vite" - /> - - )} -
-
- ); +
+ {props.locations.map((location, key) => ( + handleSelect(location.name)} + fileName={location.name} + folder + /> + ))} + {props.removeThisSoon && ( + <> + handleSelect('tsx')} + fileName="App.tsx" + format="tsx" + iconName="reactts" + /> + handleSelect('vite')} + fileName="vite.config.js" + format="vite" + iconName="vite" + /> + + )} +
+
+ ); } diff --git a/packages/interface/src/components/device/Stores.tsx b/packages/interface/src/components/device/Stores.tsx index 224c0560e..17cbc7c79 100644 --- a/packages/interface/src/components/device/Stores.tsx +++ b/packages/interface/src/components/device/Stores.tsx @@ -1,5 +1,5 @@ import create from 'zustand'; export const useStore = create((set) => ({ - experimental: false + experimental: false })); diff --git a/packages/interface/src/components/file/FileItem.tsx b/packages/interface/src/components/file/FileItem.tsx index 452b24857..73851165b 100644 --- a/packages/interface/src/components/file/FileItem.tsx +++ b/packages/interface/src/components/file/FileItem.tsx @@ -1,103 +1,103 @@ import clsx from 'clsx'; import React from 'react'; + +import icons from '../../assets/icons'; +import { ReactComponent as Folder } from '../../assets/svg/folder.svg'; import { DefaultProps } from '../primitive/types'; -import { ReactComponent as Folder } from '../../assets/svg/folder.svg'; -import icons from '../../assets/icons'; - interface Props extends DefaultProps { - fileName: string; - iconName?: string; - format?: string; - folder?: boolean; - selected?: boolean; - onClick?: () => void; + fileName: string; + iconName?: string; + format?: string; + folder?: boolean; + selected?: boolean; + onClick?: () => void; } export default function FileItem(props: Props) { - // const Shadow = () => { - // return ( - //
- // ); - // }; - return ( -
-
- {props.folder ? ( -
-
- -
-
- ) : ( -
- - - - - - -
- {/* @ts-ignore */} - {props.iconName && icons[props.iconName] ? ( - (() => { - // @ts-ignore - let Icon = icons[props.iconName]; - return ( - - ); - })() - ) : ( - <> - )} - - {props.format} - -
-
- )} -
-
- - {props.fileName} - -
-
- ); + // const Shadow = () => { + // return ( + //
+ // ); + // }; + return ( +
+
+ {props.folder ? ( +
+
+ +
+
+ ) : ( +
+ + + + + + +
+ {/* @ts-ignore */} + {props.iconName && icons[props.iconName] ? ( + (() => { + // @ts-ignore + let Icon = icons[props.iconName]; + return ( + + ); + })() + ) : ( + <> + )} + + {props.format} + +
+
+ )} +
+
+ + {props.fileName} + +
+
+ ); } diff --git a/packages/interface/src/components/file/FileList.tsx b/packages/interface/src/components/file/FileList.tsx index c20f01a1b..529edf572 100644 --- a/packages/interface/src/components/file/FileList.tsx +++ b/packages/interface/src/components/file/FileList.tsx @@ -4,236 +4,243 @@ import { FilePath } from '@sd/core'; import clsx from 'clsx'; import byteSize from 'pretty-bytes'; import React, { useContext, useEffect, useMemo, useRef, useState } from 'react'; -import { Virtuoso, VirtuosoHandle } from 'react-virtuoso'; -import create from 'zustand'; -import { useKey, useWindowSize } from 'rooks'; import { useSearchParams } from 'react-router-dom'; +import { Virtuoso, VirtuosoHandle } from 'react-virtuoso'; +import { useKey, useWindowSize } from 'rooks'; +import create from 'zustand'; + import { AppPropsContext } from '../../App'; import FileThumb from './FileThumb'; type ExplorerState = { - selectedRowIndex: number; - setSelectedRowIndex: (index: number) => void; - locationId: number; - setLocationId: (index: number) => void; - newThumbnails: Record; - addNewThumbnail: (cas_id: string) => void; + selectedRowIndex: number; + setSelectedRowIndex: (index: number) => void; + locationId: number; + setLocationId: (index: number) => void; + newThumbnails: Record; + addNewThumbnail: (cas_id: string) => void; }; export const useExplorerState = create((set) => ({ - selectedRowIndex: 1, - setSelectedRowIndex: (index) => set((state) => ({ ...state, selectedRowIndex: index })), - locationId: -1, - setLocationId: (id: number) => set((state) => ({ ...state, locationId: id })), - newThumbnails: {}, - addNewThumbnail: (cas_id: string) => - set((state) => ({ ...state, newThumbnails: { ...state.newThumbnails, [cas_id]: true } })) + selectedRowIndex: 1, + setSelectedRowIndex: (index) => set((state) => ({ ...state, selectedRowIndex: index })), + locationId: -1, + setLocationId: (id: number) => set((state) => ({ ...state, locationId: id })), + newThumbnails: {}, + addNewThumbnail: (cas_id: string) => + set((state) => ({ + ...state, + newThumbnails: { ...state.newThumbnails, [cas_id]: true } + })) })); interface IColumn { - column: string; - key: string; - width: number; + column: string; + key: string; + width: number; } const PADDING_SIZE = 130; // Function ensure no types are loss, but guarantees that they are Column[] function ensureIsColumns(data: T) { - return data; + return data; } const columns = ensureIsColumns([ - { column: 'Name', key: 'name', width: 280 } as const, - // { column: 'Size', key: 'size_in_bytes', width: 120 } as const, - { column: 'Type', key: 'extension', width: 100 } as const + { column: 'Name', key: 'name', width: 280 } as const, + // { column: 'Size', key: 'size_in_bytes', width: 120 } as const, + { column: 'Type', key: 'extension', width: 100 } as const ]); type ColumnKey = typeof columns[number]['key']; -const LocationContext = React.createContext<{ location_id: number; data_path: string }>({ - location_id: 1, - data_path: '' +const LocationContext = React.createContext<{ + location_id: number; + data_path: string; +}>({ + location_id: 1, + data_path: '' }); export const FileList: React.FC<{ location_id: number; path: string; limit: number }> = (props) => { - const size = useWindowSize(); - const tableContainer = useRef(null); - const VList = useRef(null); + const size = useWindowSize(); + const tableContainer = useRef(null); + const VList = useRef(null); - const { data: client } = useBridgeQuery('NodeGetState', undefined, { - refetchOnWindowFocus: false - }); + const { data: client } = useBridgeQuery('NodeGetState', undefined, { + refetchOnWindowFocus: false + }); - const path = props.path; + const path = props.path; - const { selectedRowIndex, setSelectedRowIndex, setLocationId } = useExplorerState(); - const [goingUp, setGoingUp] = useState(false); + const { selectedRowIndex, setSelectedRowIndex, setLocationId } = useExplorerState(); + const [goingUp, setGoingUp] = useState(false); - const { data: currentDir } = useBridgeQuery('LibGetExplorerDir', { - location_id: props.location_id, - path, - limit: props.limit - }); + const { data: currentDir } = useBridgeQuery('LibGetExplorerDir', { + location_id: props.location_id, + path, + limit: props.limit + }); - useEffect(() => { - if (selectedRowIndex === 0 && goingUp) { - VList.current?.scrollTo({ top: 0, behavior: 'smooth' }); - } - if (selectedRowIndex != -1) { - VList.current?.scrollIntoView({ - index: goingUp ? selectedRowIndex - 1 : selectedRowIndex - }); - } - }, [selectedRowIndex]); + useEffect(() => { + if (selectedRowIndex === 0 && goingUp) { + VList.current?.scrollTo({ top: 0, behavior: 'smooth' }); + } + if (selectedRowIndex != -1) { + VList.current?.scrollIntoView({ + index: goingUp ? selectedRowIndex - 1 : selectedRowIndex + }); + } + }, [selectedRowIndex]); - useEffect(() => { - setLocationId(props.location_id); - }, [props.location_id]); + useEffect(() => { + setLocationId(props.location_id); + }, [props.location_id]); - useKey('ArrowUp', (e) => { - e.preventDefault(); - setGoingUp(true); - if (selectedRowIndex != -1 && selectedRowIndex !== 0) setSelectedRowIndex(selectedRowIndex - 1); - }); + useKey('ArrowUp', (e) => { + e.preventDefault(); + setGoingUp(true); + if (selectedRowIndex != -1 && selectedRowIndex !== 0) setSelectedRowIndex(selectedRowIndex - 1); + }); - useKey('ArrowDown', (e) => { - e.preventDefault(); - setGoingUp(false); - if (selectedRowIndex != -1 && selectedRowIndex !== (currentDir?.contents.length ?? 1) - 1) - setSelectedRowIndex(selectedRowIndex + 1); - }); + useKey('ArrowDown', (e) => { + e.preventDefault(); + setGoingUp(false); + if (selectedRowIndex != -1 && selectedRowIndex !== (currentDir?.contents.length ?? 1) - 1) + setSelectedRowIndex(selectedRowIndex + 1); + }); - const Row = (index: number) => { - const row = currentDir?.contents?.[index]; + const Row = (index: number) => { + const row = currentDir?.contents?.[index]; - if (!row) return null; + if (!row) return null; - return ; - }; + return ; + }; - const Header = () => ( -
-

{currentDir?.directory.name}

-
-
- {columns.map((col) => ( -
- - {col.column} -
- ))} -
-
-
- ); + const Header = () => ( +
+

{currentDir?.directory.name}

+
+
+ {columns.map((col) => ( +
+ + {col.column} +
+ ))} +
+
+
+ ); - return useMemo( - () => ( -
- -
}} - increaseViewportBy={{ top: 400, bottom: 200 }} - className="outline-none explorer-scroll" - /> - -
- ), - [props.location_id, size.innerWidth, currentDir?.directory.id, tableContainer.current] - ); + return useMemo( + () => ( +
+ +
}} + increaseViewportBy={{ top: 400, bottom: 200 }} + className="outline-none explorer-scroll" + /> + +
+ ), + [props.location_id, size.innerWidth, currentDir?.directory.id, tableContainer.current] + ); }; const RenderRow: React.FC<{ - row: FilePath; - rowIndex: number; - dirId: number; + row: FilePath; + rowIndex: number; + dirId: number; }> = ({ row, rowIndex, dirId }) => { - const { selectedRowIndex, setSelectedRowIndex } = useExplorerState(); - const isActive = selectedRowIndex === rowIndex; + const { selectedRowIndex, setSelectedRowIndex } = useExplorerState(); + const isActive = selectedRowIndex === rowIndex; - let [_, setSearchParams] = useSearchParams(); + let [_, setSearchParams] = useSearchParams(); - function selectFileHandler() { - if (selectedRowIndex == rowIndex) setSelectedRowIndex(-1); - else setSelectedRowIndex(rowIndex); - } + function selectFileHandler() { + if (selectedRowIndex == rowIndex) setSelectedRowIndex(-1); + else setSelectedRowIndex(rowIndex); + } - return useMemo( - () => ( -
{ - if (row.is_dir) { - setSearchParams({ path: row.materialized_path }); - } - }} - className={clsx( - 'table-body-row mr-2 flex flex-row rounded-lg border-2', - isActive ? 'border-primary-500' : 'border-transparent', - rowIndex % 2 == 0 && 'bg-[#00000006] dark:bg-[#00000030]' - )} - > - {columns.map((col) => ( -
- -
- ))} -
- ), - [row.id, isActive] - ); + return useMemo( + () => ( +
{ + if (row.is_dir) { + setSearchParams({ path: row.materialized_path }); + } + }} + className={clsx( + 'table-body-row mr-2 flex flex-row rounded-lg border-2', + isActive ? 'border-primary-500' : 'border-transparent', + rowIndex % 2 == 0 && 'bg-[#00000006] dark:bg-[#00000030]' + )} + > + {columns.map((col) => ( +
+ +
+ ))} +
+ ), + [row.id, isActive] + ); }; -const RenderCell: React.FC<{ colKey?: ColumnKey; dirId?: number; file?: FilePath }> = ({ - colKey, - file, - dirId -}) => { - if (!file || !colKey || !dirId) return <>; - const row = file; - if (!row) return <>; - const appPropsContext = useContext(AppPropsContext); +const RenderCell: React.FC<{ + colKey?: ColumnKey; + dirId?: number; + file?: FilePath; +}> = ({ colKey, file, dirId }) => { + if (!file || !colKey || !dirId) return <>; + const row = file; + if (!row) return <>; + const appPropsContext = useContext(AppPropsContext); - const value = row[colKey]; - if (!value) return <>; + const value = row[colKey]; + if (!value) return <>; - const location = useContext(LocationContext); - const { newThumbnails } = useExplorerState(); + const location = useContext(LocationContext); + const { newThumbnails } = useExplorerState(); - const hasNewThumbnail = !!newThumbnails[row?.temp_cas_id ?? '']; + const hasNewThumbnail = !!newThumbnails[row?.temp_cas_id ?? '']; - switch (colKey) { - case 'name': - return ( -
-
- -
- {/* {colKey == 'name' && + switch (colKey) { + case 'name': + return ( +
+
+ +
+ {/* {colKey == 'name' && (() => { switch (row.extension.toLowerCase()) { case 'mov' || 'mp4': @@ -245,19 +252,19 @@ const RenderCell: React.FC<{ colKey?: ColumnKey; dirId?: number; file?: FilePath return ; } })()} */} - {row[colKey]} -
- ); - // case 'size_in_bytes': - // return {byteSize(Number(value || 0))}; - case 'extension': - return {value}; - // case 'meta_integrity_hash': - // return {value}; - // case 'tags': - // return renderCellWithIcon(MusicNoteIcon); + {row[colKey]} +
+ ); + // case 'size_in_bytes': + // return {byteSize(Number(value || 0))}; + case 'extension': + return {value}; + // case 'meta_integrity_hash': + // return {value}; + // case 'tags': + // return renderCellWithIcon(MusicNoteIcon); - default: - return <>; - } + default: + return <>; + } }; diff --git a/packages/interface/src/components/file/FileThumb.tsx b/packages/interface/src/components/file/FileThumb.tsx index 27ee01d26..73fd82922 100644 --- a/packages/interface/src/components/file/FileThumb.tsx +++ b/packages/interface/src/components/file/FileThumb.tsx @@ -2,37 +2,38 @@ import { useBridgeQuery } from '@sd/client'; import { FilePath } from '@sd/core'; import clsx from 'clsx'; import React, { useContext } from 'react'; + import { AppPropsContext } from '../../App'; import icons from '../../assets/icons'; import { ReactComponent as Folder } from '../../assets/svg/folder.svg'; export default function FileThumb(props: { - file: FilePath; - locationId: number; - hasThumbnailOverride: boolean; - className?: string; + file: FilePath; + locationId: number; + hasThumbnailOverride: boolean; + className?: string; }) { const appPropsContext = useContext(AppPropsContext); const { data: client } = useBridgeQuery('NodeGetState'); - if (props.file.is_dir) { - return ; - } + if (props.file.is_dir) { + return ; + } - if (client?.data_path && (props.file.has_local_thumbnail || props.hasThumbnailOverride)) { - return ( - - ); - } + if (client?.data_path && (props.file.has_local_thumbnail || props.hasThumbnailOverride)) { + return ( + + ); + } - if (icons[props.file.extension as keyof typeof icons]) { - let Icon = icons[props.file.extension as keyof typeof icons]; - return ; - } - return
; + if (icons[props.file.extension as keyof typeof icons]) { + let Icon = icons[props.file.extension as keyof typeof icons]; + return ; + } + return
; } diff --git a/packages/interface/src/components/file/Inspector.tsx b/packages/interface/src/components/file/Inspector.tsx index 795308ccb..273173a88 100644 --- a/packages/interface/src/components/file/Inspector.tsx +++ b/packages/interface/src/components/file/Inspector.tsx @@ -1,121 +1,122 @@ -import React from 'react'; import { Transition } from '@headlessui/react'; -import moment from 'moment'; -import { Input, TextArea } from '../primitive'; -import { Button } from '@sd/ui'; import { ShareIcon } from '@heroicons/react/solid'; -import { Heart, Link } from 'phosphor-react'; -import { useExplorerState } from './FileList'; import { FilePath } from '@sd/core'; -import FileThumb from './FileThumb'; +import { Button } from '@sd/ui'; +import moment from 'moment'; +import { Heart, Link } from 'phosphor-react'; +import React from 'react'; + import { default as types } from '../../constants/file-types.json'; +import { Input, TextArea } from '../primitive'; +import { useExplorerState } from './FileList'; +import FileThumb from './FileThumb'; interface MetaItemProps { - title: string; - value: string | React.ReactNode; + title: string; + value: string | React.ReactNode; } const MetaItem = (props: MetaItemProps) => { - return ( -
-
{props.title}
- {typeof props.value === 'string' ? ( -

{props.value}

- ) : ( - props.value - )} -
- ); + return ( +
+
{props.title}
+ {typeof props.value === 'string' ? ( +

{props.value}

+ ) : ( + props.value + )} +
+ ); }; const Divider = () =>
; export const Inspector = (props: { selectedFile?: FilePath; locationId: number }) => { - // const { selectedRowIndex } = useExplorerState(); - // const isOpen = !!props.selectedFile; + // const { selectedRowIndex } = useExplorerState(); + // const isOpen = !!props.selectedFile; - const file = props.selectedFile; + const file = props.selectedFile; - return ( - -
- {!!file && ( -
-
- -
-

{file?.name}

-
- - - -
- {file?.temp_cas_id && ( - - )} - - - - - - - - {!file?.is_dir && ( - <> -
- {file?.extension && ( - - {file?.extension} - - )} -

- {file?.extension - ? //@ts-ignore - types[file.extension.toUpperCase()]?.descriptions.join(' / ') - : 'Unknown'} -

-
- - - )} - } - /> + return ( + +
+ {!!file && ( +
+
+ +
+

{file?.name}

+
+ + + +
+ {file?.temp_cas_id && ( + + )} + + + + + + + + {!file?.is_dir && ( + <> +
+ {file?.extension && ( + + {file?.extension} + + )} +

+ {file?.extension + ? //@ts-ignore + types[file.extension.toUpperCase()]?.descriptions.join(' / ') + : 'Unknown'} +

+
+ + + )} + } + /> - {/*
+ {/*
*/} - {/* + {/* */} -
- )} -
- - ); +
+ )} +
+ + ); }; diff --git a/packages/interface/src/components/file/Sidebar.tsx b/packages/interface/src/components/file/Sidebar.tsx index 78122c29d..a0595c6b6 100644 --- a/packages/interface/src/components/file/Sidebar.tsx +++ b/packages/interface/src/components/file/Sidebar.tsx @@ -1,61 +1,73 @@ -import { CameraIcon, LockClosedIcon, PhotographIcon } from '@heroicons/react/outline'; -import { CogIcon, EyeOffIcon, PlusIcon, ServerIcon } from '@heroicons/react/solid'; -import clsx from 'clsx'; -import { Camera, CirclesFour, Code, EjectSimple, MonitorPlay, Planet } from 'phosphor-react'; -import React, { useContext, useEffect, useState } from 'react'; -import { NavLink, NavLinkProps } from 'react-router-dom'; -import { TrafficLights } from '../os/TrafficLights'; -import { Button, Dropdown } from '@sd/ui'; -import { DefaultProps } from '../primitive/types'; +import { LockClosedIcon, PhotographIcon } from '@heroicons/react/outline'; +import { CogIcon, EyeOffIcon, PlusIcon } from '@heroicons/react/solid'; import { useBridgeCommand, useBridgeQuery } from '@sd/client'; -import RunningJobsWidget from '../jobs/RunningJobsWidget'; -import { AppPropsContext } from '../../App'; +import { Button, Dropdown } from '@sd/ui'; +import clsx from 'clsx'; +import { CirclesFour, Code, Planet } from 'phosphor-react'; +import React, { useContext } from 'react'; +import { NavLink, NavLinkProps } from 'react-router-dom'; -import { ReactComponent as Folder } from '../../assets/svg/folder.svg'; +import { AppPropsContext } from '../../App'; import { ReactComponent as FolderWhite } from '../../assets/svg/folder-white.svg'; +import { ReactComponent as Folder } from '../../assets/svg/folder.svg'; import { useStore } from '../device/Stores'; +import RunningJobsWidget from '../jobs/RunningJobsWidget'; +import { MacTrafficLights } from '../os/TrafficLights'; +import { DefaultProps } from '../primitive/types'; interface SidebarProps extends DefaultProps {} export const SidebarLink = (props: NavLinkProps & { children: React.ReactNode }) => ( - - {({ isActive }) => ( - - {props.children} - - )} - + + {({ isActive }) => ( + + {props.children} + + )} + ); const Icon = ({ component: Icon, ...props }: any) => ( - + ); const Heading: React.FC<{ children: React.ReactNode }> = ({ children }) => ( -
{children}
+
{children}
); -export function MacOSTrafficLights() { - const appPropsContext = useContext(AppPropsContext); +export const MacWindowControlsSpace: React.FC<{ + children?: React.ReactNode; +}> = (props) => { + const { children } = props; - return ( -
-
- -
-
- ); + return ( +
+ {children} +
+ ); +}; + +export function MacWindowControls() { + const appPropsContext = useContext(AppPropsContext); + + return ( + + + + ); } export const Sidebar: React.FC = (props) => { @@ -77,7 +89,7 @@ export const Sidebar: React.FC = (props) => { return (
- {appPropsContext?.platform === 'browser' ? : null} + {appPropsContext?.platform === 'browser' ? : null} {appPropsContext?.platform === 'macOS' ? (
) : null} @@ -137,85 +149,85 @@ export const Sidebar: React.FC = (props) => { Explorer */} -
-
- Locations - {locations?.map((location, index) => { - return ( -
- - {({ isActive }) => ( - -
- - -
- {location.name} -
- - )} - -
- ); - })} +
+
+ Locations + {locations?.map((location, index) => { + return ( +
+ + {({ isActive }) => ( + +
+ + +
+ {location.name} +
+ + )} + +
+ ); + })} - -
-
- Tags -
- {tags.map((tag, index) => ( - -
- {tag.name} - - ))} -
-
-
- - {/*
+ +
+
+ Tags +
+ {tags.map((tag, index) => ( + +
+ {tag.name} + + ))} +
+
+
+ + {/*
*/} -
- - {({ isActive }) => ( - - )} - -
-
- ); +
+ + {({ isActive }) => ( + + )} + +
+
+ ); }; diff --git a/packages/interface/src/components/items/DriveListItem.tsx b/packages/interface/src/components/items/DriveListItem.tsx index b6d046a06..9ebbd1863 100644 --- a/packages/interface/src/components/items/DriveListItem.tsx +++ b/packages/interface/src/components/items/DriveListItem.tsx @@ -1,18 +1,19 @@ import clsx from 'clsx'; import React from 'react'; + import { DefaultProps } from '../primitive/types'; export interface DriveListItemProps extends DefaultProps { - name: string; + name: string; } export const DriveListItem: React.FC = (props) => { - return ( -
- ); + return ( +
+ ); }; diff --git a/packages/interface/src/components/jobs/RunningJobsWidget.tsx b/packages/interface/src/components/jobs/RunningJobsWidget.tsx index 3d82fc4e1..85152f4f0 100644 --- a/packages/interface/src/components/jobs/RunningJobsWidget.tsx +++ b/packages/interface/src/components/jobs/RunningJobsWidget.tsx @@ -1,72 +1,79 @@ -import React, { DetailedHTMLProps, HTMLAttributes } from 'react'; -import { useBridgeQuery } from '@sd/client'; -import ProgressBar from '../primitive/ProgressBar'; import { Transition } from '@headlessui/react'; +import { useBridgeQuery } from '@sd/client'; import clsx from 'clsx'; +import React, { DetailedHTMLProps, HTMLAttributes } from 'react'; + +import ProgressBar from '../primitive/ProgressBar'; const MiddleTruncatedText = ({ - children, - ...props + children, + ...props }: DetailedHTMLProps, HTMLSpanElement>) => { - const text = children?.toString() ?? ''; - const first = text.substring(0, text.length / 2); - const last = text.substring(first.length); + const text = children?.toString() ?? ''; + const first = text.substring(0, text.length / 2); + const last = text.substring(first.length); - // Literally black magic - const fontFaceScaleFactor = 1.61; - const startWidth = fontFaceScaleFactor * 5; - const endWidth = fontFaceScaleFactor * 4; + // Literally black magic + const fontFaceScaleFactor = 1.61; + const startWidth = fontFaceScaleFactor * 5; + const endWidth = fontFaceScaleFactor * 4; - return ( -
- - {first} - - - {last} - -
- ); + return ( +
+ + {first} + + + {last} + +
+ ); }; export default function RunningJobsWidget() { - const { data: jobs } = useBridgeQuery('JobGetRunning'); + const { data: jobs } = useBridgeQuery('JobGetRunning'); - return ( -
- {jobs?.map((job) => ( - -
- {/* {job.status} Job */} - - {job.message} - - -
-
- ))} -
- ); + return ( +
+ {jobs?.map((job) => ( + +
+ {/* {job.status} Job */} + + {job.message} + + +
+
+ ))} +
+ ); } diff --git a/packages/interface/src/components/layout/Dialog.tsx b/packages/interface/src/components/layout/Dialog.tsx index b756db20d..2e4f17fea 100644 --- a/packages/interface/src/components/layout/Dialog.tsx +++ b/packages/interface/src/components/layout/Dialog.tsx @@ -1,43 +1,43 @@ +import * as DialogPrimitive from '@radix-ui/react-dialog'; import { Button } from '@sd/ui'; import React, { ReactNode } from 'react'; -import * as DialogPrimitive from '@radix-ui/react-dialog'; export interface DialogProps { - trigger: ReactNode; - ctaLabel?: string; - ctaAction?: () => void; - title?: string; - description?: string; - children: ReactNode; + trigger: ReactNode; + ctaLabel?: string; + ctaAction?: () => void; + title?: string; + description?: string; + children: ReactNode; } export default function Dialog(props: DialogProps) { - return ( - - {props.trigger} - - - -
- {props.title} - - {props.description} - - {props.children} -
-
- - - - -
-
-
-
-
- ); + return ( + + {props.trigger} + + + +
+ {props.title} + + {props.description} + + {props.children} +
+
+ + + + +
+
+
+
+
+ ); } diff --git a/packages/interface/src/components/layout/Modal.tsx b/packages/interface/src/components/layout/Modal.tsx index b609a9fc6..524aaf0f5 100644 --- a/packages/interface/src/components/layout/Modal.tsx +++ b/packages/interface/src/components/layout/Modal.tsx @@ -1,61 +1,64 @@ import { Transition } from '@headlessui/react'; -import clsx from 'clsx'; -import React from 'react'; import { XIcon } from '@heroicons/react/solid'; import { Button } from '@sd/ui'; +import clsx from 'clsx'; +import React from 'react'; import { useNavigate } from 'react-router-dom'; -import { MacOSTrafficLights } from '../file/Sidebar'; + +import { MacWindowControls } from '../file/Sidebar'; export interface ModalProps { - full?: boolean; - children: React.ReactNode; + full?: boolean; + children: React.ReactNode; } export const Modal: React.FC = (props) => { - const navigate = useNavigate(); - return ( -
-
- -
navigate('/')} - className="absolute top-0 left-0 w-screen h-screen bg-white -z-50 rounded-2xl dark:bg-gray-800 bg-opacity-90" - /> - - - -
- {props.children} -
-
-
-
- ); + const navigate = useNavigate(); + return ( +
+
+ +
navigate('/')} + className="absolute top-0 left-0 w-screen h-screen bg-white -z-50 rounded-2xl dark:bg-gray-800 bg-opacity-90" + /> + + + +
+ {props.children} +
+
+
+
+ ); }; diff --git a/packages/interface/src/components/layout/TopBar.tsx b/packages/interface/src/components/layout/TopBar.tsx index ee2c965c4..daa8477d8 100644 --- a/packages/interface/src/components/layout/TopBar.tsx +++ b/packages/interface/src/components/layout/TopBar.tsx @@ -1,111 +1,112 @@ import { ChevronLeftIcon, ChevronRightIcon } from '@heroicons/react/outline'; +import { useBridgeCommand } from '@sd/client'; import clsx from 'clsx'; import { - ArrowsClockwise, - Cloud, - FolderPlus, - IconProps, - Key, - Tag, - TerminalWindow + ArrowsClockwise, + Cloud, + FolderPlus, + IconProps, + Key, + Tag, + TerminalWindow } from 'phosphor-react'; import React, { DetailedHTMLProps, HTMLAttributes } from 'react'; +import { useNavigate } from 'react-router-dom'; + +import { useExplorerState } from '../file/FileList'; import { Shortcut } from '../primitive/Shortcut'; import { DefaultProps } from '../primitive/types'; -import { useNavigate } from 'react-router-dom'; -import { useBridgeCommand } from '@sd/client'; -import { useExplorerState } from '../file/FileList'; export interface TopBarProps extends DefaultProps {} export interface TopBarButtonProps - extends DetailedHTMLProps, HTMLButtonElement> { - icon: React.ComponentType; - group?: boolean; - active?: boolean; - left?: boolean; - right?: boolean; + extends DetailedHTMLProps, HTMLButtonElement> { + icon: React.ComponentType; + group?: boolean; + active?: boolean; + left?: boolean; + right?: boolean; } const TopBarButton: React.FC = ({ icon: Icon, ...props }) => { - return ( - - ); + return ( + + ); }; export const TopBar: React.FC = (props) => { - const { locationId } = useExplorerState(); - const { mutate: generateThumbsForLocation } = useBridgeCommand('GenerateThumbsForLocation', { - onMutate: (data) => { - console.log('GenerateThumbsForLocation', data); - } - }); - let navigate = useNavigate(); - return ( - <> -
-
- navigate(-1)} /> - navigate(1)} /> -
- {/*
+ const { locationId } = useExplorerState(); + const { mutate: generateThumbsForLocation } = useBridgeCommand('GenerateThumbsForLocation', { + onMutate: (data) => { + console.log('GenerateThumbsForLocation', data); + } + }); + let navigate = useNavigate(); + return ( + <> +
+
+ navigate(-1)} /> + navigate(1)} /> +
+ {/*
*/} -
-
- - - -
-
- -
- - {/* */} -
-
-
- - - { - generateThumbsForLocation({ id: locationId, path: '' }); - }} - /> -
-
- {/* +
+ + + +
+
+ +
+ + {/* */} +
+
+
+ + + { + generateThumbsForLocation({ id: locationId, path: '' }); + }} + /> +
+
+ {/* spacedrive-logo */} - {/* {*/} - {/* setSettingsOpen(!settingsOpen);*/} - {/*}} className="mr-[8px]" icon={CogIcon} />*/} -
- {/*
*/} - - ); + {/* {*/} + {/* setSettingsOpen(!settingsOpen);*/} + {/*}} className="mr-[8px]" icon={CogIcon} />*/} +
+ {/*
*/} + + ); }; diff --git a/packages/interface/src/components/os/TrafficLights.tsx b/packages/interface/src/components/os/TrafficLights.tsx index e5664953c..c599280f4 100644 --- a/packages/interface/src/components/os/TrafficLights.tsx +++ b/packages/interface/src/components/os/TrafficLights.tsx @@ -1,65 +1,77 @@ import clsx from 'clsx'; -import React from 'react'; +import React, { useEffect } from 'react'; + +import closeIconPath from '../../assets/svg/macos_close.svg'; +import fullscreenIconPath from '../../assets/svg/macos_fullscreen.svg'; +import minimizeIconPath from '../../assets/svg/macos_minimize.svg'; import { useFocusState } from '../../hooks/useFocusState'; import { DefaultProps } from '../primitive/types'; -import { ReactComponent as Close } from '../../assets/svg/macos_close.svg'; -import { ReactComponent as Minimize } from '../../assets/svg/macos_minimize.svg'; -import { ReactComponent as Fullscreen } from '../../assets/svg/macos_fullscreen.svg'; - export interface TrafficLightsProps extends DefaultProps { - onClose?: () => void; - onMinimize?: () => void; - onFullscreen?: () => void; + onClose?: () => void; + onMinimize?: () => void; + onFullscreen?: () => void; } -export const TrafficLights: React.FC = (props) => { - const [focused] = useFocusState(); - return ( -
- - - -
- ); +export const MacTrafficLights: React.FC = (props) => { + const [focused] = useFocusState(); + return ( +
+ + + +
+ ); }; -interface LightProps { - mode: 'close' | 'minimize' | 'fullscreen'; - focused: boolean; - action?: () => void; +interface TrafficLightProps { + type: 'close' | 'minimize' | 'fullscreen'; + colorful: boolean; + onClick?: React.HTMLAttributes['onClick']; } -const Light: React.FC = (props) => { - return ( -
- {(() => { - if (!props.focused) return <>; - switch (props.mode) { - case 'close': - return ( - - ); - case 'minimize': - return ( - - ); - case 'fullscreen': - return ( - - ); - } - })()} -
- ); +const TrafficLight: React.FC = (props) => { + const { onClick = () => undefined, colorful = false, type } = props; + const iconPath = React.useRef(closeIconPath); + + useEffect(() => { + switch (type) { + case 'close': + iconPath.current = closeIconPath; + break; + case 'minimize': + iconPath.current = minimizeIconPath; + break; + case 'fullscreen': + iconPath.current = fullscreenIconPath; + break; + } + }, [type]); + + return ( +
+ {colorful && ( + + )} +
+ ); }; diff --git a/packages/interface/src/components/primitive/Checkbox.tsx b/packages/interface/src/components/primitive/Checkbox.tsx index f03aaebea..d8c649a67 100644 --- a/packages/interface/src/components/primitive/Checkbox.tsx +++ b/packages/interface/src/components/primitive/Checkbox.tsx @@ -2,22 +2,22 @@ import clsx from 'clsx'; import React from 'react'; export interface CheckboxProps extends React.InputHTMLAttributes { - containerClasname?: string; + containerClasname?: string; } export const Checkbox: React.FC = (props) => { - return ( - - ); + props.className + )} + /> + Checkbox + + ); }; diff --git a/packages/interface/src/components/primitive/Codeblock.tsx b/packages/interface/src/components/primitive/Codeblock.tsx index 8df3806cc..3527eb426 100644 --- a/packages/interface/src/components/primitive/Codeblock.tsx +++ b/packages/interface/src/components/primitive/Codeblock.tsx @@ -4,20 +4,20 @@ import ReactJson, { ReactJsonViewProps } from 'react-json-view'; export interface CodeBlockProps extends ReactJsonViewProps {} export default function CodeBlock(props: CodeBlockProps) { - return ( - - ); + return ( + + ); } diff --git a/packages/interface/src/components/primitive/Input.tsx b/packages/interface/src/components/primitive/Input.tsx index c5227f0ca..86313bb75 100644 --- a/packages/interface/src/components/primitive/Input.tsx +++ b/packages/interface/src/components/primitive/Input.tsx @@ -2,7 +2,7 @@ import clsx from 'clsx'; import React from 'react'; const variants = { - default: ` + default: ` shadow-sm bg-white hover:bg-white @@ -26,46 +26,46 @@ const variants = { dark:text-white placeholder-gray-300 `, - primary: '' + primary: '' }; interface InputProps extends React.InputHTMLAttributes { - variant?: keyof typeof variants; + variant?: keyof typeof variants; } export const Input = ({ ...props }: InputProps) => { - return ( - - ); + return ( + + ); }; interface TextAreaProps extends React.InputHTMLAttributes { - variant?: keyof typeof variants; + variant?: keyof typeof variants; } export const TextArea = ({ size, ...props }: TextAreaProps) => { - return ( -