mirzaev/wallpaper-womb3-simplex
mirzaev
/
wallpaper-womb3-simplex
1
0
Fork 0
Code Issues Pull Requests Packages Releases 1 Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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");
}

4
index.html
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>

50
js/perlin.js
View File

@ -1,15 +1,30 @@
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;
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) {
@ -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,7 +314,7 @@ var perlin = createCommonjsModule(function(module, exports) {
215,
61,
156,
180
180,
];
var perm = new Array(512);
var gradP = new Array(512);
@ -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

151
project.json
View File

@ -2,20 +2,16 @@
"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" :
{
"general": {
"properties": {
"background": {
"index": 22,
"order": 122,
"text": "Background color",
"type": "color",
"value": "0 0 0"
},
"blocks_height" :
{
"blocks_height": {
"fraction": false,
"index": 18,
"max": 1000,
@ -25,8 +21,7 @@
"type": "slider",
"value": 29
},
"blocks_width" :
{
"blocks_width": {
"fraction": false,
"index": 17,
"max": 1000,
@ -36,8 +31,7 @@
"type": "slider",
"value": 33
},
"blur" :
{
"blur": {
"fraction": false,
"index": 19,
"max": 300,
@ -47,8 +41,7 @@
"type": "slider",
"value": 5
},
"contrast" :
{
"contrast": {
"fraction": false,
"index": 20,
"max": 80,
@ -58,16 +51,14 @@
"type": "slider",
"value": 30
},
"drawing" :
{
"drawing": {
"index": 25,
"order": 125,
"text": "Drawing",
"type": "bool",
"value": false
},
"drawing_decay" :
{
"drawing_decay": {
"condition": "drawing.value === true",
"fraction": false,
"index": 26,
@ -78,8 +69,7 @@
"type": "slider",
"value": 120
},
"drawing_delay" :
{
"drawing_delay": {
"condition": "drawing.value === true",
"fraction": false,
"index": 28,
@ -90,8 +80,7 @@
"type": "slider",
"value": 0
},
"drawing_diameter" :
{
"drawing_diameter": {
"condition": "drawing.value === true",
"fraction": false,
"index": 27,
@ -102,8 +91,7 @@
"type": "slider",
"value": 40
},
"drawing_render" :
{
"drawing_render": {
"condition": "drawing.value === true",
"fraction": false,
"index": 29,
@ -114,8 +102,7 @@
"type": "slider",
"value": 50
},
"flashlight_delay" :
{
"flashlight_delay": {
"condition": "mask.value === 'flashlight'",
"fraction": false,
"index": 35,
@ -126,8 +113,7 @@
"type": "slider",
"value": 0
},
"flashlight_diameter" :
{
"flashlight_diameter": {
"condition": "mask.value === 'flashlight'",
"fraction": false,
"index": 34,
@ -138,8 +124,7 @@
"type": "slider",
"value": 300
},
"flashlight_render" :
{
"flashlight_render": {
"condition": "mask.value === 'flashlight'",
"fraction": false,
"index": 36,
@ -150,12 +135,10 @@
"type": "slider",
"value": 20
},
"font" :
{
"font": {
"condition": "text.value.length > 0",
"index": 11,
"options" :
[
"options": [
{
"label": "Commissioner",
"value": "'Commissioner'"
@ -182,8 +165,7 @@
"type": "combo",
"value": "'Commissioner'"
},
"font_weight" :
{
"font_weight": {
"condition": "text.value.length > 0",
"fraction": false,
"index": 12,
@ -194,8 +176,7 @@
"type": "slider",
"value": 8
},
"left" :
{
"left": {
"fraction": false,
"index": 13,
"max": 100,
@ -205,11 +186,9 @@
"type": "slider",
"value": 0
},
"mask" :
{
"mask": {
"index": 30,
"options" :
[
"options": [
{
"label": "Disabled",
"value": "unset"
@ -232,8 +211,7 @@
"type": "combo",
"value": "unset"
},
"mask_blur" :
{
"mask_blur": {
"condition": "mask.value !== 'unset' && mask_target.value === 'noise_text'",
"fraction": false,
"index": 32,
@ -244,8 +222,7 @@
"type": "slider",
"value": 0
},
"mask_circle" :
{
"mask_circle": {
"condition": "mask.value === 'circle'",
"fraction": false,
"index": 38,
@ -256,8 +233,7 @@
"type": "slider",
"value": 30
},
"mask_contrast" :
{
"mask_contrast": {
"condition": "mask.value !== 'unset' && mask_target.value === 'noise_text'",
"fraction": false,
"index": 33,
@ -268,8 +244,7 @@
"type": "slider",
"value": 1
},
"mask_custom" :
{
"mask_custom": {
"condition": "mask.value === 'custom'",
"index": 37,
"order": 137,
@ -277,12 +252,10 @@
"type": "textinput",
"value": "circle(20% at 60% 40%)"
},
"mask_target" :
{
"mask_target": {
"condition": "mask.value !== 'unset'",
"index": 31,
"options" :
[
"options": [
{
"label": "Noise",
"value": "noise"
@ -301,40 +274,35 @@
"type": "combo",
"value": "noise_text"
},
"matrix_1" :
{
"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" :
{
"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" :
{
"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" :
{
"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" :
{
"noise_blur": {
"fraction": false,
"index": 21,
"max": 500,
@ -344,8 +312,7 @@
"type": "slider",
"value": 20
},
"render" :
{
"render": {
"condition": "speed.value > 0",
"fraction": false,
"index": 24,
@ -356,15 +323,13 @@
"type": "slider",
"value": 19
},
"schemecolor" :
{
"schemecolor": {
"order": 0,
"text": "ui_browse_properties_scheme_color",
"type": "color",
"value": "1 0 0"
},
"speed" :
{
"speed": {
"condition": "",
"fraction": false,
"index": 23,
@ -375,8 +340,7 @@
"type": "slider",
"value": 40
},
"stick" :
{
"stick": {
"fraction": true,
"index": 16,
"max": 2,
@ -388,16 +352,14 @@
"type": "slider",
"value": 1
},
"text" :
{
"text": {
"index": 0,
"order": 100,
"text": "Text",
"type": "textinput",
"value": "УТРОБА 3"
},
"text_border_blur" :
{
"text_border_blur": {
"condition": "text.value.length > 0",
"fraction": false,
"index": 7,
@ -408,8 +370,7 @@
"type": "slider",
"value": 150
},
"text_border_color" :
{
"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,
@ -417,8 +378,7 @@
"type": "color",
"value": "0 0 0"
},
"text_border_depth" :
{
"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,
@ -429,8 +389,7 @@
"type": "slider",
"value": 3
},
"text_border_x" :
{
"text_border_x": {
"condition": "text.value.length > 0",
"fraction": false,
"index": 5,
@ -441,8 +400,7 @@
"type": "slider",
"value": 0
},
"text_border_y" :
{
"text_border_y": {
"condition": "text.value.length > 0",
"fraction": false,
"index": 6,
@ -453,8 +411,7 @@
"type": "slider",
"value": 0
},
"text_color" :
{
"text_color": {
"condition": "text.value.length > 0",
"index": 10,
"order": 110,
@ -462,8 +419,7 @@
"type": "color",
"value": "1 1 1"
},
"text_left" :
{
"text_left": {
"condition": "text.value.length > 0",
"fraction": false,
"index": 1,
@ -474,8 +430,7 @@
"type": "slider",
"value": 0
},
"text_opacity" :
{
"text_opacity": {
"condition": "text.value.length > 0",
"fraction": false,
"index": 4,
@ -486,8 +441,7 @@
"type": "slider",
"value": 65
},
"text_size" :
{
"text_size": {
"condition": "text.value.length > 0",
"fraction": false,
"index": 3,
@ -498,8 +452,7 @@
"type": "slider",
"value": 12
},
"text_top" :
{
"text_top": {
"condition": "text.value.length > 0",
"fraction": false,
"index": 2,
@ -510,8 +463,7 @@
"type": "slider",
"value": 0
},
"top" :
{
"top": {
"fraction": false,
"index": 14,
"max": 100,
@ -521,8 +473,7 @@
"type": "slider",
"value": 0
},
"zoom" :
{
"zoom": {
"fraction": true,
"index": 15,
"max": 5,
@ -539,7 +490,9 @@
"preview": "preview.jpg",
"ratingsex": "none",
"ratingviolence": "none",
"tags" : [ "Abstract" ],
"tags": [
"Abstract"
],
"title": "womb3-simplex.js",
"type": "Web",
"version": 3,

1
womb3-simplex.js Submodule

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