transform, а не на width или height. А в терминах трансформаций у нас для изменения размеров используются вариации функции scale():50% {
transform: scaleX(0.9) scaleY(1.1);
}depthWrite у материала и sortObjects у рендерера - первые кандидаты на то, чтобы их убрать. И определенно стоит вместо BoxGeometry нулевой толщины взять PlaneGeometry. Нулевая толщина тоже может давать разные сложности, с определением видимости в том числе.
Шедеврум
3.3. Пользователь вправе использовать Изображения, Видео и Тексты, созданные им или другими Пользователями с использованием Сервиса, в личных некоммерческих целях с соблюдением пунктов 2.5. и 3.6. настоящего Соглашения и действующего законодательства. Любое коммерческое использование Изображений, Видео и/или Текстов возможно только при условии предварительного согласования с Яндексом.
Вы можете обратиться за получением согласия на коммерческое использование Изображений, Видео и/или Текстов через форму обратной связи.
...
transition, он будет срабатывать каждый раз, когда значения будут меняться:.items {
.single-chart {
.circular-chart {
.circle {
/* animation: progress 1s ease-out forwards; */
transition: stroke-dasharray 1s ease-out;
}
}
}
}.cube {
transform-origin: 50% 50% -25px;
}// prettier-ignore. Но нужно ли?
stroke-dasharray - это стандартный выбор. Но dash array может быть длинным, им можно описать самые разные последовательности линий и пробелов, так что если вам не нужны разные цвета, то можно сделать одну линию:
const frames = [
[
0b0000001100000000,
0b0000001100100000,
0b0001111111100000,
0b0001001100000000,
0b0000010010000000,
0b0000100001000000,
],
[
0b0000001100000000,
0b0001001100000000,
0b0001111111100000,
0b0000001100100000,
0b0000010010000000,
0b0000100001000000,
],
];
console.log(frames);
// -->
// [
// [ 768, 800, 8160, 4864, 1152, 2112 ],
// [ 768, 4864, 8160, 800, 1152, 2112 ]
// ]Точно такая же сцена требуется в другом месте, и не хотелось бы дублировать код и создавать ту же сцену для другого канвас
TypeError: dest.on is not a function говорит о том, что что-то в вашем пайплайне не является потоком. Она отправляет нас сюда:src('src/scss/style.scss')
.pipe(autoprefixer({overrideBrowserslist: ['last 10 version']}))
.pipe(concat('style.min.css'))
.pipe(scss({outputStyle: 'compressed'}))
.pipe(dest('src/css'))
.pipe(browserSync.stream())если я перейду на визуализатор pixi то будет ли существенное повышение производительности?
the user agent might turn off anti-aliasing
might adjust line positions and line widths to align edges with device pixels
__DEV__:export function setExtraStackFrame(stack: null | string): void {
if (__DEV__) {
currentExtraStackFrame = stack;
}
}__DEV__ был true, условие было опущено, т.к. оно всегда выполняется, а скобки остались как артефакт. Скорее всего транспилятор TS не проверяет весь контекст, и чтобы ничего не сломать случайно, оставляет скобки на своих местах.
overflow: hidden. Внутри контейнера она может вылезать куда угодно, это уже не будет влиять на размер страницы в целом.
function putCircleOnPath(path, circle, percent) {
const length = path.getTotalLength();
const point = path.getPointAtLength(length * percent / 100);
circle.setAttribute('cx', point.x);
circle.setAttribute('cy', point.y);
}