continiuing transition from steam

This commit is contained in:
Arsen Mirzaev Tatyano-Muradovich 2024-12-15 00:02:35 +07:00
parent f3cbd2ccc9
commit ca53215124
8 changed files with 1269 additions and 1019 deletions

139
css/fira.css Normal file
View File

@ -0,0 +1,139 @@
@font-face {
font-family: Fira;
src: url('../fonts/fira/FiraSans-Hair.woff2') format('woff2'), url('../fonts/fira/FiraSans-Hair.woff') format('woff');
font-weight: 100;
font-style: normal;
}
@font-face {
font-family: Fira;
src: url('../fonts/fira/FiraSans-HairItalic.woff2') format('woff2'), url('../fonts/fira/FiraSans-HairItalic.woff') format('woff');
font-weight: 100;
font-style: italic;
}
@font-face {
font-family: Fira;
src: url('../fonts/fira/FiraSans-UltraLight.woff2') format('woff2'), url('../fonts/fira/FiraSans-UltraLight.woff') format('woff');
font-weight: 200;
font-style: normal;
}
@font-face {
font-family: Fira;
src: url('../fonts/fira/FiraSans-UltraLightItalic.woff2') format('woff2'), url('../fonts/fira/FiraSans-UltraLightItalic.woff') format('woff');
font-weight: 200;
font-style: italic;
}
@font-face {
font-family: Fira;
src: url('../fonts/fira/FiraSans-Light.woff2') format('woff2'), url('../fonts/fira/FiraSans-Light.woff') format('woff');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: Fira;
src: url('../fonts/fira/FiraSans-LightItalic.woff2') format('woff2'), url('../fonts/fira/FiraSans-LightItalic.woff') format('woff');
font-weight: 300;
font-style: italic;
}
@font-face {
font-family: Fira;
src: url('../fonts/fira/FiraSans-Regular.woff2') format('woff2'), url('../fonts/fira/FiraSans-Regular.woff') format('woff');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: Fira;
src: url('../fonts/fira/FiraSans-Italic.woff2') format('woff2'), url('../fonts/fira/FiraSans-Italic.woff') format('woff');
font-weight: 400;
font-style: italic;
}
@font-face {
font-family: Fira;
src: url('../fonts/fira/FiraMono-Medium.woff2') format('woff2'), url('../fonts/fira/FiraMono-Medium.woff') format('woff');
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: Fira;
src: url('../fonts/fira/FiraSans-MediumItalic.woff2') format('woff2'), url('../fonts/fira/FiraSans-MediumItalic.woff') format('woff');
font-weight: 500;
font-style: italic;
}
@font-face {
font-family: Fira;
src: url('../fonts/fira/FiraSans-SemiBold.woff2') format('woff2'), url('../fonts/fira/FiraSans-SemiBold.woff') format('woff');
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: Fira;
src: url('../fonts/fira/FiraSans-SemiBoldItalic.woff2') format('woff2'), url('../fonts/fira/FiraSans-SemiBoldItalic.woff') format('woff');
font-weight: 600;
font-style: italic;
}
@font-face {
font-family: Fira;
src: url('../fonts/fira/FiraSans-Bold.woff2') format('woff2'), url('../fonts/fira/FiraSans-Bold.woff') format('woff');
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: Fira;
src: url('../fonts/fira/FiraSans-BoldItalic.woff2') format('woff2'), url('../fonts/fira/FiraSans-BoldItalic.woff') format('woff');
font-weight: 700;
font-style: italic;
}
@font-face {
font-family: Fira;
src: url('../fonts/fira/FiraSans-ExtraBold.woff2') format('woff2'), url('../fonts/fira/FiraSans-ExtraBold.woff') format('woff');
font-weight: 800;
font-style: normal;
}
@font-face {
font-family: Fira;
src: url('../fonts/fira/FiraSans-ExtraBoldItalic.woff2') format('woff2'), url('../fonts/fira/FiraSans-ExtraBoldItalic.woff') format('woff');
font-weight: 800;
font-style: italic;
}
@font-face {
font-family: Fira;
src: url('../fonts/fira/FiraSans-Heavy.woff2') format('woff2'), url('../fonts/fira/FiraSans-Heavy.woff') format('woff');
font-weight: 900;
font-style: normal;
}
@font-face {
font-family: Fira;
src: url('../fonts/fira/FiraSans-HeavyItalic.woff2') format('woff2'), url('../fonts/fira/FiraSans-HeavyItalic.woff') format('woff');
font-weight: 900;
font-style: italic;
}
@font-face {
font-family: Fira Mono;
src: url('../fonts/fira/FiraMono-Regular.woff2') format('woff2'), url('../fonts/fira/FiraMono-Regular.woff') format('woff');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: Fira Mono;
src: url('../fonts/fira/FiraMono-Bold.woff2') format('woff2'), url('../fonts/fira/FiraMono-Bold.woff') format('woff');
font-weight: 600;
font-style: normal;
}

63
css/hack.css Normal file
View File

@ -0,0 +1,63 @@
@font-face {
font-family: 'Hack';
src: url('../fonts/hack/hack-regular.woff2?sha=3114f1256') format('woff2'), url('../fonts/hack/hack-regular.woff?sha=3114f1256') format('woff');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Hack';
src: url('../fonts/hack/hack-bold.woff2?sha=3114f1256') format('woff2'), url('../fonts/hack/hack-bold.woff?sha=3114f1256') format('woff');
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Hack';
src: url('../fonts/hack/hack-italic.woff2?sha=3114f1256') format('woff2'), url('../fonts/hack/hack-italic.woff?sha=3114f1256') format('woff');
font-weight: 400;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Hack';
src: url('../fonts/hack/hack-bolditalic.woff2?sha=3114f1256') format('woff2'), url('../fonts/hack/hack-bolditalic.woff?sha=3114f1256') format('woff');
font-weight: 700;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Hack';
src: url('../fonts/hack/hack-regular-subset.woff2?sha=3114f1256') format('woff2'), url('../fonts/hack/hack-regular-subset.woff?sha=3114f1256') format('woff');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Hack';
src: url('../fonts/hack/hack-bold-subset.woff2?sha=3114f1256') format('woff2'), url('../fonts/hack/hack-bold-subset.woff?sha=3114f1256') format('woff');
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Hack';
src: url('../fonts/hack/hack-italic-subset.woff2?sha=3114f1256') format('woff2'), url('../fonts/hack/hack-italic-subset.woff?sha=3114f1256') format('woff');
font-weight: 400;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Hack';
src: url('../fonts/hack/hack-bolditalic-subset.woff2?sha=3114f1256') format('woff2'), url('../fonts/hack/hack-bolditalic-subset.woff?sha=3114f1256') format('woff');
font-weight: 700;
font-style: italic;
font-display: swap;
}

63
css/main.css Normal file
View File

@ -0,0 +1,63 @@
@font-face {
font-family: comissioner;
src: url("../fonts/commissioner.ttf") format("ttf");
font-weight: normal;
font-style: normal;
}
* {
text-decoration: none;
outline: none;
border: none;
color: var(--text);
transition: 0.1s ease-out;
}
html {
width: 100%;
height: 100%;
filter: blur(var(--blur, unset)) contrast(var(--contrast, unset));
}
body {
zoom: var(--zoom, 1);
margin: 0;
margin-left: var(--left, unset);
margin-top: var(--top, unset);
height: 100%;
display: flex;
justify-content: center;
align-items: center;
overflow: hidden;
background-color: black;
filter: blur(var(--blur, 3px)) contrast(var(--contrast, 30));
}
header {
z-index: 1000;
position: absolute;
width: 100vw;
height: 100vh;
display: flex;
justify-content: center;
align-items: center;
}
header>h1 {
margin: 0;
margin-left: var(--left, unset);
margin-top: var(--top, unset);
width: max-content;
opacity: var(--opacity, 1);
line-height: 0;
white-space: nowrap;
font-size: 15rem;
font-weight: var(--font-weight, 900);
font-family: var(--font, 'Commissioner'), Roboto, sans-serif;
text-shadow: var(--text-shadow, 'unset');
}
canvas {
transform: scale(var(--scale, 1));
filter: url("#blob");
}

View File

@ -6,7 +6,7 @@
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<title>womb3</title>
<title>mirzaev/wallpaper-womb3-simplex</title>
<link rel="stylesheet" type="text/css" href="css/main.css" />
<link rel="stylesheet" type="text/css" href="css/fira.css" />
<link rel="stylesheet" type="text/css" href="css/hack.css" />
@ -14,7 +14,7 @@
<body>
<header>
<h1 id="text">УТРОБА 3</h1>
<h1 id="text">WOMB 3</h1>
</header>
<canvas class="shell"></canvas>

View File

@ -1,32 +1,47 @@
var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
var commonjsGlobal = typeof globalThis !== "undefined"
? globalThis
: typeof window !== "undefined"
? window
: typeof global !== "undefined"
? global
: typeof self !== "undefined"
? self
: {};
function createCommonjsModule(fn, basedir, module) {
return module = {
path: basedir,
exports: {},
require: function(path, base) {
return commonjsRequire(path, base === void 0 || base === null ? module.path : base);
}
}, fn(module, module.exports), module.exports;
require: function (path, base) {
return commonjsRequire(
path,
base === void 0 || base === null ? module.path : base,
);
},
},
fn(module, module.exports),
module.exports;
}
function commonjsRequire() {
throw new Error("Dynamic requires are not currently supported by @rollup/plugin-commonjs");
throw new Error(
"Dynamic requires are not currently supported by @rollup/plugin-commonjs",
);
}
var perlin = createCommonjsModule(function(module, exports) {
(function(root, factory) {
var perlin = createCommonjsModule(function (module, exports) {
(function (root, factory) {
{
module.exports = factory();
}
})(commonjsGlobal, function() {
})(commonjsGlobal, function () {
var Perlin = {};
function Grad(x, y, z) {
this.x = x;
this.y = y;
this.z = z;
}
Grad.prototype.dot2 = function(x, y) {
Grad.prototype.dot2 = function (x, y) {
return this.x * x + this.y * y;
};
Grad.prototype.dot3 = function(x, y, z) {
Grad.prototype.dot3 = function (x, y, z) {
return this.x * x + this.y * y + this.z * z;
};
var grad3 = [
@ -41,7 +56,7 @@ var perlin = createCommonjsModule(function(module, exports) {
new Grad(0, 1, 1),
new Grad(0, -1, 1),
new Grad(0, 1, -1),
new Grad(0, -1, -1)
new Grad(0, -1, -1),
];
var p = [
151,
@ -299,11 +314,11 @@ var perlin = createCommonjsModule(function(module, exports) {
215,
61,
156,
180
180,
];
var perm = new Array(512);
var gradP = new Array(512);
Perlin.seed = function(seed2) {
Perlin.seed = function (seed2) {
if (seed2 > 0 && seed2 < 1) {
seed2 *= 65536;
}
@ -327,7 +342,7 @@ var perlin = createCommonjsModule(function(module, exports) {
var G2 = (3 - Math.sqrt(3)) / 6;
var F3 = 1 / 3;
var G3 = 1 / 6;
Perlin.simplex2 = function(xin, yin) {
Perlin.simplex2 = function (xin, yin) {
var n0, n1, n2;
var s = (xin + yin) * F2;
var i = Math.floor(xin + s);
@ -375,7 +390,7 @@ var perlin = createCommonjsModule(function(module, exports) {
}
return 70 * (n0 + n1 + n2);
};
Perlin.simplex3 = function(xin, yin, zin) {
Perlin.simplex3 = function (xin, yin, zin) {
var n0, n1, n2, n3;
var s = (xin + yin + zin) * F3;
var i = Math.floor(xin + s);
@ -486,7 +501,7 @@ var perlin = createCommonjsModule(function(module, exports) {
function lerp(a, b, t) {
return (1 - t) * a + t * b;
}
Perlin.perlin2 = function(x, y) {
Perlin.perlin2 = function (x, y) {
var X = Math.floor(x), Y = Math.floor(y);
x = x - X;
y = y - Y;
@ -499,7 +514,7 @@ var perlin = createCommonjsModule(function(module, exports) {
var u = fade(x);
return lerp(lerp(n00, n10, u), lerp(n01, n11, u), fade(y));
};
Perlin.perlin3 = function(x, y, z) {
Perlin.perlin3 = function (x, y, z) {
var X = Math.floor(x), Y = Math.floor(y), Z = Math.floor(z);
x = x - X;
y = y - Y;
@ -514,11 +529,19 @@ var perlin = createCommonjsModule(function(module, exports) {
var n100 = gradP[X + 1 + perm[Y + perm[Z]]].dot3(x - 1, y, z);
var n101 = gradP[X + 1 + perm[Y + perm[Z + 1]]].dot3(x - 1, y, z - 1);
var n110 = gradP[X + 1 + perm[Y + 1 + perm[Z]]].dot3(x - 1, y - 1, z);
var n111 = gradP[X + 1 + perm[Y + 1 + perm[Z + 1]]].dot3(x - 1, y - 1, z - 1);
var n111 = gradP[X + 1 + perm[Y + 1 + perm[Z + 1]]].dot3(
x - 1,
y - 1,
z - 1,
);
var u = fade(x);
var v = fade(y);
var w = fade(z);
return lerp(lerp(lerp(n000, n100, u), lerp(n001, n101, u), w), lerp(lerp(n010, n110, u), lerp(n011, n111, u), w), v);
return lerp(
lerp(lerp(n000, n100, u), lerp(n001, n101, u), w),
lerp(lerp(n010, n110, u), lerp(n011, n111, u), w),
v,
);
};
return Perlin;
});
@ -529,4 +552,11 @@ var perlin3 = perlin.perlin3;
var seed = perlin.seed;
var simplex2 = perlin.simplex2;
var simplex3 = perlin.simplex3;
export {perlin as __moduleExports, perlin2, perlin3, seed, simplex2, simplex3};
export {
perlin as __moduleExports,
perlin2,
perlin3,
seed,
simplex2,
simplex3,
};

1
js/womb3-simplex.js Symbolic link
View File

@ -0,0 +1 @@
womb3-simplex.js/womb3-simplex.js

View File

@ -1,549 +1,502 @@
{
"contentrating" : "Everyone",
"description" : "Powerful wallpaper maker! Generation in real time!\nYou can edit 43 parameters, including the color math matrix!\n\n2023.11.21 WORK IS COMPLETED\n\nbut i have ~20 todo`s below (translate it for yourself)\nif I see that you like it, I will continue\n\n1. градиент с настройкой плавности\n2. настройка анимации приближения и отдаления (скорость, кривая движения, время движения)\n3. генерация случайных значений для всех параметров раз в заданный промежуток времени, чтобы обои всегда были уникальны\n4. список моих любимых предустановок\n5. добавление и позиционирование картинки с прозрачным фоном\n6. внедрение html-кода\n7. самостоятельно бегающий фонарь\n8. анимация приближения и отдаления для маски circle\n9. анимация размытия для масок\n10. анимация постоянно меняющихся всех параметров. то есть меняться будет скорость ширина и высота квадратов цвет надпись размытие контраст и прочее\n11. часы вместо надписи с возможностью редактирования через препроцессор\n12. воспроизвести видео \n13. прозрачный фон и наложение поверх видео или изображения\n14. инверсия маски\n15. перевод на русский язык\n16. z-index\n17. многослойный хаотично\n18. многослойный построение ландшафта\n19. backdrop-filter: url(#blob) hue-rotate(59deg); (matrix alpha 2 -22 -42 -2 -0.9)\n\n??? появляющиеся блоки на экране вступающие в контакт с окружением. в них можно засунуть какую-либо информацию, например iframe сайт или видео\n\nRepository: https://git.mirzaev.sexy/mirzaev/womb3-simplex.js\nEdit in real time: https://codepen.io/mirzaev-sexy/pen/BaxQjYo",
"file" : "index.html",
"general" :
{
"properties" :
{
"background" :
{
"index" : 22,
"order" : 122,
"text" : "Background color",
"type" : "color",
"value" : "0 0 0"
"contentrating": "Everyone",
"description": "Powerful wallpaper maker! Generation in real time!\nYou can edit 43 parameters, including the color math matrix!\n\n2023.11.21 WORK IS COMPLETED\n\nbut i have ~20 todo`s below (translate it for yourself)\nif I see that you like it, I will continue\n\n1. градиент с настройкой плавности\n2. настройка анимации приближения и отдаления (скорость, кривая движения, время движения)\n3. генерация случайных значений для всех параметров раз в заданный промежуток времени, чтобы обои всегда были уникальны\n4. список моих любимых предустановок\n5. добавление и позиционирование картинки с прозрачным фоном\n6. внедрение html-кода\n7. самостоятельно бегающий фонарь\n8. анимация приближения и отдаления для маски circle\n9. анимация размытия для масок\n10. анимация постоянно меняющихся всех параметров. то есть меняться будет скорость ширина и высота квадратов цвет надпись размытие контраст и прочее\n11. часы вместо надписи с возможностью редактирования через препроцессор\n12. воспроизвести видео \n13. прозрачный фон и наложение поверх видео или изображения\n14. инверсия маски\n15. перевод на русский язык\n16. z-index\n17. многослойный хаотично\n18. многослойный построение ландшафта\n19. backdrop-filter: url(#blob) hue-rotate(59deg); (matrix alpha 2 -22 -42 -2 -0.9)\n\n??? появляющиеся блоки на экране вступающие в контакт с окружением. в них можно засунуть какую-либо информацию, например iframe сайт или видео\n\nRepository: https://git.mirzaev.sexy/mirzaev/womb3-simplex.js\nEdit in real time: https://codepen.io/mirzaev-sexy/pen/BaxQjYo",
"file": "index.html",
"general": {
"properties": {
"background": {
"index": 22,
"order": 122,
"text": "Background color",
"type": "color",
"value": "0 0 0"
},
"blocks_height" :
{
"fraction" : false,
"index" : 18,
"max" : 1000,
"min" : 10,
"order" : 118,
"text" : "Blocks height",
"type" : "slider",
"value" : 29
"blocks_height": {
"fraction": false,
"index": 18,
"max": 1000,
"min": 10,
"order": 118,
"text": "Blocks height",
"type": "slider",
"value": 29
},
"blocks_width" :
{
"fraction" : false,
"index" : 17,
"max" : 1000,
"min" : 10,
"order" : 117,
"text" : "Blocks width",
"type" : "slider",
"value" : 33
"blocks_width": {
"fraction": false,
"index": 17,
"max": 1000,
"min": 10,
"order": 117,
"text": "Blocks width",
"type": "slider",
"value": 33
},
"blur" :
{
"fraction" : false,
"index" : 19,
"max" : 300,
"min" : 0,
"order" : 119,
"text" : "Blur",
"type" : "slider",
"value" : 5
"blur": {
"fraction": false,
"index": 19,
"max": 300,
"min": 0,
"order": 119,
"text": "Blur",
"type": "slider",
"value": 5
},
"contrast" :
{
"fraction" : false,
"index" : 20,
"max" : 80,
"min" : 1,
"order" : 120,
"text" : "Contrast",
"type" : "slider",
"value" : 30
"contrast": {
"fraction": false,
"index": 20,
"max": 80,
"min": 1,
"order": 120,
"text": "Contrast",
"type": "slider",
"value": 30
},
"drawing" :
{
"index" : 25,
"order" : 125,
"text" : "Drawing",
"type" : "bool",
"value" : false
"drawing": {
"index": 25,
"order": 125,
"text": "Drawing",
"type": "bool",
"value": false
},
"drawing_decay" :
{
"condition" : "drawing.value === true",
"fraction" : false,
"index" : 26,
"max" : 500,
"min" : 1,
"order" : 126,
"text" : "Drawing decay time (tiks)",
"type" : "slider",
"value" : 120
"drawing_decay": {
"condition": "drawing.value === true",
"fraction": false,
"index": 26,
"max": 500,
"min": 1,
"order": 126,
"text": "Drawing decay time (tiks)",
"type": "slider",
"value": 120
},
"drawing_delay" :
{
"condition" : "drawing.value === true",
"fraction" : false,
"index" : 28,
"max" : 3000,
"min" : 0,
"order" : 128,
"text" : "Drawing delay (ms)",
"type" : "slider",
"value" : 0
"drawing_delay": {
"condition": "drawing.value === true",
"fraction": false,
"index": 28,
"max": 3000,
"min": 0,
"order": 128,
"text": "Drawing delay (ms)",
"type": "slider",
"value": 0
},
"drawing_diameter" :
{
"condition" : "drawing.value === true",
"fraction" : false,
"index" : 27,
"max" : 500,
"min" : 1,
"order" : 127,
"text" : "Drawing brush diameter",
"type" : "slider",
"value" : 40
"drawing_diameter": {
"condition": "drawing.value === true",
"fraction": false,
"index": 27,
"max": 500,
"min": 1,
"order": 127,
"text": "Drawing brush diameter",
"type": "slider",
"value": 40
},
"drawing_render" :
{
"condition" : "drawing.value === true",
"fraction" : false,
"index" : 29,
"max" : 300,
"min" : 3,
"order" : 129,
"text" : "Drawing render frequency (ms)",
"type" : "slider",
"value" : 50
"drawing_render": {
"condition": "drawing.value === true",
"fraction": false,
"index": 29,
"max": 300,
"min": 3,
"order": 129,
"text": "Drawing render frequency (ms)",
"type": "slider",
"value": 50
},
"flashlight_delay" :
{
"condition" : "mask.value === 'flashlight'",
"fraction" : false,
"index" : 35,
"max" : 3000,
"min" : 0,
"order" : 135,
"text" : "Flashlight delay (ms)",
"type" : "slider",
"value" : 0
"flashlight_delay": {
"condition": "mask.value === 'flashlight'",
"fraction": false,
"index": 35,
"max": 3000,
"min": 0,
"order": 135,
"text": "Flashlight delay (ms)",
"type": "slider",
"value": 0
},
"flashlight_diameter" :
{
"condition" : "mask.value === 'flashlight'",
"fraction" : false,
"index" : 34,
"max" : 1000,
"min" : 0,
"order" : 134,
"text" : "Flashlight diameter",
"type" : "slider",
"value" : 300
"flashlight_diameter": {
"condition": "mask.value === 'flashlight'",
"fraction": false,
"index": 34,
"max": 1000,
"min": 0,
"order": 134,
"text": "Flashlight diameter",
"type": "slider",
"value": 300
},
"flashlight_render" :
{
"condition" : "mask.value === 'flashlight'",
"fraction" : false,
"index" : 36,
"max" : 200,
"min" : 3,
"order" : 136,
"text" : "Flashlight render frequency (ms)",
"type" : "slider",
"value" : 20
"flashlight_render": {
"condition": "mask.value === 'flashlight'",
"fraction": false,
"index": 36,
"max": 200,
"min": 3,
"order": 136,
"text": "Flashlight render frequency (ms)",
"type": "slider",
"value": 20
},
"font" :
"font": {
"condition": "text.value.length > 0",
"index": 11,
"options": [
{
"condition" : "text.value.length > 0",
"index" : 11,
"options" :
[
{
"label" : "Commissioner",
"value" : "'Commissioner'"
"label": "Commissioner",
"value": "'Commissioner'"
},
{
"label" : "Sans-serif",
"value" : "sans-seri"
"label": "Sans-serif",
"value": "sans-seri"
},
{
"label" : "Hack",
"value" : "Hack"
"label": "Hack",
"value": "Hack"
},
{
"label" : "Fira",
"value" : "Fira"
"label": "Fira",
"value": "Fira"
},
{
"label" : "Roboto",
"value" : "Roboto"
"label": "Roboto",
"value": "Roboto"
}
],
"order" : 111,
"text" : "Font",
"type" : "combo",
"value" : "'Commissioner'"
"order": 111,
"text": "Font",
"type": "combo",
"value": "'Commissioner'"
},
"font_weight" :
{
"condition" : "text.value.length > 0",
"fraction" : false,
"index" : 12,
"max" : 9,
"min" : 1,
"order" : 112,
"text" : "Font weight",
"type" : "slider",
"value" : 8
"font_weight": {
"condition": "text.value.length > 0",
"fraction": false,
"index": 12,
"max": 9,
"min": 1,
"order": 112,
"text": "Font weight",
"type": "slider",
"value": 8
},
"left" :
{
"fraction" : false,
"index" : 13,
"max" : 100,
"min" : -100,
"order" : 113,
"text" : "Left offset (%)",
"type" : "slider",
"value" : 0
"left": {
"fraction": false,
"index": 13,
"max": 100,
"min": -100,
"order": 113,
"text": "Left offset (%)",
"type": "slider",
"value": 0
},
"mask" :
"mask": {
"index": 30,
"options": [
{
"index" : 30,
"options" :
[
{
"label" : "Disabled",
"value" : "unset"
"label": "Disabled",
"value": "unset"
},
{
"label" : "Flashlight",
"value" : "flashlight"
"label": "Flashlight",
"value": "flashlight"
},
{
"label" : "Circle",
"value" : "circle"
"label": "Circle",
"value": "circle"
},
{
"label" : "Custom",
"value" : "custom"
"label": "Custom",
"value": "custom"
}
],
"order" : 130,
"text" : "Mask",
"type" : "combo",
"value" : "unset"
"order": 130,
"text": "Mask",
"type": "combo",
"value": "unset"
},
"mask_blur" :
{
"condition" : "mask.value !== 'unset' && mask_target.value === 'noise_text'",
"fraction" : false,
"index" : 32,
"max" : 10,
"min" : 0,
"order" : 132,
"text" : "Mask blur",
"type" : "slider",
"value" : 0
"mask_blur": {
"condition": "mask.value !== 'unset' && mask_target.value === 'noise_text'",
"fraction": false,
"index": 32,
"max": 10,
"min": 0,
"order": 132,
"text": "Mask blur",
"type": "slider",
"value": 0
},
"mask_circle" :
{
"condition" : "mask.value === 'circle'",
"fraction" : false,
"index" : 38,
"max" : 100,
"min" : 0,
"order" : 138,
"text" : "Mack: circle",
"type" : "slider",
"value" : 30
"mask_circle": {
"condition": "mask.value === 'circle'",
"fraction": false,
"index": 38,
"max": 100,
"min": 0,
"order": 138,
"text": "Mack: circle",
"type": "slider",
"value": 30
},
"mask_contrast" :
{
"condition" : "mask.value !== 'unset' && mask_target.value === 'noise_text'",
"fraction" : false,
"index" : 33,
"max" : 50,
"min" : 1,
"order" : 133,
"text" : "Mask contrast",
"type" : "slider",
"value" : 1
"mask_contrast": {
"condition": "mask.value !== 'unset' && mask_target.value === 'noise_text'",
"fraction": false,
"index": 33,
"max": 50,
"min": 1,
"order": 133,
"text": "Mask contrast",
"type": "slider",
"value": 1
},
"mask_custom" :
{
"condition" : "mask.value === 'custom'",
"index" : 37,
"order" : 137,
"text" : "Mask: custom",
"type" : "textinput",
"value" : "circle(20% at 60% 40%)"
"mask_custom": {
"condition": "mask.value === 'custom'",
"index": 37,
"order": 137,
"text": "Mask: custom",
"type": "textinput",
"value": "circle(20% at 60% 40%)"
},
"mask_target" :
"mask_target": {
"condition": "mask.value !== 'unset'",
"index": 31,
"options": [
{
"condition" : "mask.value !== 'unset'",
"index" : 31,
"options" :
[
{
"label" : "Noise",
"value" : "noise"
"label": "Noise",
"value": "noise"
},
{
"label" : "Text",
"value" : "text"
"label": "Text",
"value": "text"
},
{
"label" : "Noise + text",
"value" : "noise_text"
"label": "Noise + text",
"value": "noise_text"
}
],
"order" : 131,
"text" : "Mask target",
"type" : "combo",
"value" : "noise_text"
"order": 131,
"text": "Mask target",
"type": "combo",
"value": "noise_text"
},
"matrix_1" :
{
"index" : 39,
"order" : 139,
"text" : "Matrix red by [r g b a w]",
"type" : "textinput",
"value" : "1 0 0 0 0"
"matrix_1": {
"index": 39,
"order": 139,
"text": "Matrix red by [r g b a w]",
"type": "textinput",
"value": "1 0 0 0 0"
},
"matrix_2" :
{
"index" : 40,
"order" : 140,
"text" : "Matrix green by [r g b a w]",
"type" : "textinput",
"value" : "0 1 0 0 0"
"matrix_2": {
"index": 40,
"order": 140,
"text": "Matrix green by [r g b a w]",
"type": "textinput",
"value": "0 1 0 0 0"
},
"matrix_3" :
{
"index" : 41,
"order" : 141,
"text" : "Matrix blue by [r g b a w]",
"type" : "textinput",
"value" : "0 0 1 0 0"
"matrix_3": {
"index": 41,
"order": 141,
"text": "Matrix blue by [r g b a w]",
"type": "textinput",
"value": "0 0 1 0 0"
},
"matrix_4" :
{
"index" : 42,
"order" : 142,
"text" : "Matrix alpha by [r g b a w]",
"type" : "textinput",
"value" : "0 0 0 19 -9"
"matrix_4": {
"index": 42,
"order": 142,
"text": "Matrix alpha by [r g b a w]",
"type": "textinput",
"value": "0 0 0 19 -9"
},
"noise_blur" :
{
"fraction" : false,
"index" : 21,
"max" : 500,
"min" : 0,
"order" : 121,
"text" : "Noise blur",
"type" : "slider",
"value" : 20
"noise_blur": {
"fraction": false,
"index": 21,
"max": 500,
"min": 0,
"order": 121,
"text": "Noise blur",
"type": "slider",
"value": 20
},
"render" :
{
"condition" : "speed.value > 0",
"fraction" : false,
"index" : 24,
"max" : 300,
"min" : 3,
"order" : 124,
"text" : "Render frequency (ms)",
"type" : "slider",
"value" : 19
"render": {
"condition": "speed.value > 0",
"fraction": false,
"index": 24,
"max": 300,
"min": 3,
"order": 124,
"text": "Render frequency (ms)",
"type": "slider",
"value": 19
},
"schemecolor" :
{
"order" : 0,
"text" : "ui_browse_properties_scheme_color",
"type" : "color",
"value" : "1 0 0"
"schemecolor": {
"order": 0,
"text": "ui_browse_properties_scheme_color",
"type": "color",
"value": "1 0 0"
},
"speed" :
{
"condition" : "",
"fraction" : false,
"index" : 23,
"max" : 800,
"min" : 0,
"order" : 123,
"text" : "Speed",
"type" : "slider",
"value" : 40
"speed": {
"condition": "",
"fraction": false,
"index": 23,
"max": 800,
"min": 0,
"order": 123,
"text": "Speed",
"type": "slider",
"value": 40
},
"stick" :
{
"fraction" : true,
"index" : 16,
"max" : 2,
"min" : 1,
"order" : 116,
"precision" : 2,
"step" : 0.1,
"text" : "Stick to edges",
"type" : "slider",
"value" : 1
"stick": {
"fraction": true,
"index": 16,
"max": 2,
"min": 1,
"order": 116,
"precision": 2,
"step": 0.1,
"text": "Stick to edges",
"type": "slider",
"value": 1
},
"text" :
{
"index" : 0,
"order" : 100,
"text" : "Text",
"type" : "textinput",
"value" : "УТРОБА 3"
"text": {
"index": 0,
"order": 100,
"text": "Text",
"type": "textinput",
"value": "УТРОБА 3"
},
"text_border_blur" :
{
"condition" : "text.value.length > 0",
"fraction" : false,
"index" : 7,
"max" : 500,
"min" : 0,
"order" : 107,
"text" : "Text border blur (px)",
"type" : "slider",
"value" : 150
"text_border_blur": {
"condition": "text.value.length > 0",
"fraction": false,
"index": 7,
"max": 500,
"min": 0,
"order": 107,
"text": "Text border blur (px)",
"type": "slider",
"value": 150
},
"text_border_color" :
{
"condition" : "text.value.length > 0 && (text_border_x.value > 0 || text_border_y.value > 0 || text_border_blur.value > 0)",
"index" : 9,
"order" : 109,
"text" : "Text border color",
"type" : "color",
"value" : "0 0 0"
"text_border_color": {
"condition": "text.value.length > 0 && (text_border_x.value > 0 || text_border_y.value > 0 || text_border_blur.value > 0)",
"index": 9,
"order": 109,
"text": "Text border color",
"type": "color",
"value": "0 0 0"
},
"text_border_depth" :
{
"condition" : "text.value.length > 0 && (text_border_x.value !== 0 || text_border_y.value !== 0 || text_border_blur.value !== 0)",
"fraction" : false,
"index" : 8,
"max" : 100,
"min" : 1,
"order" : 108,
"text" : "Text border depth",
"type" : "slider",
"value" : 3
"text_border_depth": {
"condition": "text.value.length > 0 && (text_border_x.value !== 0 || text_border_y.value !== 0 || text_border_blur.value !== 0)",
"fraction": false,
"index": 8,
"max": 100,
"min": 1,
"order": 108,
"text": "Text border depth",
"type": "slider",
"value": 3
},
"text_border_x" :
{
"condition" : "text.value.length > 0",
"fraction" : false,
"index" : 5,
"max" : 300,
"min" : -300,
"order" : 105,
"text" : "Text border X (px)",
"type" : "slider",
"value" : 0
"text_border_x": {
"condition": "text.value.length > 0",
"fraction": false,
"index": 5,
"max": 300,
"min": -300,
"order": 105,
"text": "Text border X (px)",
"type": "slider",
"value": 0
},
"text_border_y" :
{
"condition" : "text.value.length > 0",
"fraction" : false,
"index" : 6,
"max" : 300,
"min" : -300,
"order" : 106,
"text" : "Text border Y (px)",
"type" : "slider",
"value" : 0
"text_border_y": {
"condition": "text.value.length > 0",
"fraction": false,
"index": 6,
"max": 300,
"min": -300,
"order": 106,
"text": "Text border Y (px)",
"type": "slider",
"value": 0
},
"text_color" :
{
"condition" : "text.value.length > 0",
"index" : 10,
"order" : 110,
"text" : "Text color",
"type" : "color",
"value" : "1 1 1"
"text_color": {
"condition": "text.value.length > 0",
"index": 10,
"order": 110,
"text": "Text color",
"type": "color",
"value": "1 1 1"
},
"text_left" :
{
"condition" : "text.value.length > 0",
"fraction" : false,
"index" : 1,
"max" : 100,
"min" : -100,
"order" : 101,
"text" : "Text left offset (%)",
"type" : "slider",
"value" : 0
"text_left": {
"condition": "text.value.length > 0",
"fraction": false,
"index": 1,
"max": 100,
"min": -100,
"order": 101,
"text": "Text left offset (%)",
"type": "slider",
"value": 0
},
"text_opacity" :
{
"condition" : "text.value.length > 0",
"fraction" : false,
"index" : 4,
"max" : 100,
"min" : 0,
"order" : 104,
"text" : "Text opacity (%)",
"type" : "slider",
"value" : 65
"text_opacity": {
"condition": "text.value.length > 0",
"fraction": false,
"index": 4,
"max": 100,
"min": 0,
"order": 104,
"text": "Text opacity (%)",
"type": "slider",
"value": 65
},
"text_size" :
{
"condition" : "text.value.length > 0",
"fraction" : false,
"index" : 3,
"max" : 200,
"min" : 0,
"order" : 103,
"text" : "Text size (rem)",
"type" : "slider",
"value" : 12
"text_size": {
"condition": "text.value.length > 0",
"fraction": false,
"index": 3,
"max": 200,
"min": 0,
"order": 103,
"text": "Text size (rem)",
"type": "slider",
"value": 12
},
"text_top" :
{
"condition" : "text.value.length > 0",
"fraction" : false,
"index" : 2,
"max" : 100,
"min" : -100,
"order" : 102,
"text" : "Text top offset (%)",
"type" : "slider",
"value" : 0
"text_top": {
"condition": "text.value.length > 0",
"fraction": false,
"index": 2,
"max": 100,
"min": -100,
"order": 102,
"text": "Text top offset (%)",
"type": "slider",
"value": 0
},
"top" :
{
"fraction" : false,
"index" : 14,
"max" : 100,
"min" : -100,
"order" : 114,
"text" : "Top offset (%)",
"type" : "slider",
"value" : 0
"top": {
"fraction": false,
"index": 14,
"max": 100,
"min": -100,
"order": 114,
"text": "Top offset (%)",
"type": "slider",
"value": 0
},
"zoom" :
{
"fraction" : true,
"index" : 15,
"max" : 5,
"min" : 0.2,
"order" : 115,
"precision" : 3,
"step" : 0.01,
"text" : "Zoom",
"type" : "slider",
"value" : 1
"zoom": {
"fraction": true,
"index": 15,
"max": 5,
"min": 0.2,
"order": 115,
"precision": 3,
"step": 0.01,
"text": "Zoom",
"type": "slider",
"value": 1
}
}
},
"preview" : "preview.jpg",
"ratingsex" : "none",
"ratingviolence" : "none",
"tags" : [ "Abstract" ],
"title" : "womb3-simplex.js",
"type" : "Web",
"version" : 3,
"visibility" : "public",
"workshopid" : "3087430455",
"workshopurl" : "steam://url/CommunityFilePage/3087430455"
"preview": "preview.jpg",
"ratingsex": "none",
"ratingviolence": "none",
"tags": [
"Abstract"
],
"title": "womb3-simplex.js",
"type": "Web",
"version": 3,
"visibility": "public",
"workshopid": "3087430455",
"workshopurl": "steam://url/CommunityFilePage/3087430455"
}

1
womb3-simplex.js Submodule

@ -0,0 +1 @@
Subproject commit c86be37622ef98483a92081952dacb6b57f92aaf