@bbki.ng/components 1.5.28 → 1.5.29
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +8 -5
- package/dist/index.mjs +8 -5
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -1083,15 +1083,15 @@ var VERTEX_SHADER = `
|
|
|
1083
1083
|
}
|
|
1084
1084
|
mat4 translate(float _angle){
|
|
1085
1085
|
return mat4(
|
|
1086
|
-
1.0, 0.0, 0.0, sin(_angle) * 0.
|
|
1087
|
-
0.0, 1.0, 0.0, cos(_angle) * 0.
|
|
1086
|
+
1.0, 0.0, 0.0, sin(_angle) * 0.02,
|
|
1087
|
+
0.0, 1.0, 0.0, cos(_angle) * 0.02,
|
|
1088
1088
|
0.0, 0.0, 1.0, 0.0,
|
|
1089
1089
|
0.0, 0.0, 0.0, 1.0
|
|
1090
1090
|
);
|
|
1091
1091
|
}
|
|
1092
1092
|
void main(){
|
|
1093
1093
|
gl_Position = rotate(uProgress) * uProjectionMatrix * uModelMatrix * uViewMatrix * vec4(${"aPositionStart" /* POSITION_START */}, 1.0) * translate(uProgress);
|
|
1094
|
-
gl_PointSize =
|
|
1094
|
+
gl_PointSize = 1.0;
|
|
1095
1095
|
vColor = ${"aColor" /* COLOR */};
|
|
1096
1096
|
}
|
|
1097
1097
|
`;
|
|
@@ -1110,6 +1110,9 @@ var scaleIndex = (multiplier, max) => (index) => {
|
|
|
1110
1110
|
return index / (multiplier / max);
|
|
1111
1111
|
};
|
|
1112
1112
|
var scaleIndex2ang = (multiplier) => scaleIndex(multiplier, 360);
|
|
1113
|
+
var getRandom = (value, index = 1) => {
|
|
1114
|
+
return value + Math.random() * value * 0.04 * index;
|
|
1115
|
+
};
|
|
1113
1116
|
var rgba = (val) => {
|
|
1114
1117
|
const [r, g, b, a] = val;
|
|
1115
1118
|
return [r / 255, g / 255, b / 255, a];
|
|
@@ -1121,7 +1124,7 @@ var randOpacityRgb = (val) => {
|
|
|
1121
1124
|
|
|
1122
1125
|
// src/loading-spiral/createOptions.ts
|
|
1123
1126
|
var DEFAULT_OPT = {
|
|
1124
|
-
multiplier:
|
|
1127
|
+
multiplier: 15e4,
|
|
1125
1128
|
color: [209, 213, 219, 1],
|
|
1126
1129
|
spiralConstA: 0.04,
|
|
1127
1130
|
spiralConstB: 0.16
|
|
@@ -1137,7 +1140,7 @@ var createOptions = (opt = DEFAULT_OPT) => {
|
|
|
1137
1140
|
const B = spiralConstB;
|
|
1138
1141
|
const xPos = A * Math.pow(Math.E, B * ang) * Math.cos(ang);
|
|
1139
1142
|
const yPos = A * Math.pow(Math.E, B * ang) * Math.sin(ang);
|
|
1140
|
-
return [xPos, yPos, 1];
|
|
1143
|
+
return [getRandom(xPos), getRandom(yPos), 1];
|
|
1141
1144
|
},
|
|
1142
1145
|
size: 3
|
|
1143
1146
|
},
|
package/dist/index.mjs
CHANGED
|
@@ -1025,15 +1025,15 @@ var VERTEX_SHADER = `
|
|
|
1025
1025
|
}
|
|
1026
1026
|
mat4 translate(float _angle){
|
|
1027
1027
|
return mat4(
|
|
1028
|
-
1.0, 0.0, 0.0, sin(_angle) * 0.
|
|
1029
|
-
0.0, 1.0, 0.0, cos(_angle) * 0.
|
|
1028
|
+
1.0, 0.0, 0.0, sin(_angle) * 0.02,
|
|
1029
|
+
0.0, 1.0, 0.0, cos(_angle) * 0.02,
|
|
1030
1030
|
0.0, 0.0, 1.0, 0.0,
|
|
1031
1031
|
0.0, 0.0, 0.0, 1.0
|
|
1032
1032
|
);
|
|
1033
1033
|
}
|
|
1034
1034
|
void main(){
|
|
1035
1035
|
gl_Position = rotate(uProgress) * uProjectionMatrix * uModelMatrix * uViewMatrix * vec4(${"aPositionStart" /* POSITION_START */}, 1.0) * translate(uProgress);
|
|
1036
|
-
gl_PointSize =
|
|
1036
|
+
gl_PointSize = 1.0;
|
|
1037
1037
|
vColor = ${"aColor" /* COLOR */};
|
|
1038
1038
|
}
|
|
1039
1039
|
`;
|
|
@@ -1052,6 +1052,9 @@ var scaleIndex = (multiplier, max) => (index) => {
|
|
|
1052
1052
|
return index / (multiplier / max);
|
|
1053
1053
|
};
|
|
1054
1054
|
var scaleIndex2ang = (multiplier) => scaleIndex(multiplier, 360);
|
|
1055
|
+
var getRandom = (value, index = 1) => {
|
|
1056
|
+
return value + Math.random() * value * 0.04 * index;
|
|
1057
|
+
};
|
|
1055
1058
|
var rgba = (val) => {
|
|
1056
1059
|
const [r, g, b, a] = val;
|
|
1057
1060
|
return [r / 255, g / 255, b / 255, a];
|
|
@@ -1063,7 +1066,7 @@ var randOpacityRgb = (val) => {
|
|
|
1063
1066
|
|
|
1064
1067
|
// src/loading-spiral/createOptions.ts
|
|
1065
1068
|
var DEFAULT_OPT = {
|
|
1066
|
-
multiplier:
|
|
1069
|
+
multiplier: 15e4,
|
|
1067
1070
|
color: [209, 213, 219, 1],
|
|
1068
1071
|
spiralConstA: 0.04,
|
|
1069
1072
|
spiralConstB: 0.16
|
|
@@ -1079,7 +1082,7 @@ var createOptions = (opt = DEFAULT_OPT) => {
|
|
|
1079
1082
|
const B = spiralConstB;
|
|
1080
1083
|
const xPos = A * Math.pow(Math.E, B * ang) * Math.cos(ang);
|
|
1081
1084
|
const yPos = A * Math.pow(Math.E, B * ang) * Math.sin(ang);
|
|
1082
|
-
return [xPos, yPos, 1];
|
|
1085
|
+
return [getRandom(xPos), getRandom(yPos), 1];
|
|
1083
1086
|
},
|
|
1084
1087
|
size: 3
|
|
1085
1088
|
},
|