Size: a a a

JavaScript — русскоговорящее сообщество

2020 October 17

VA

Veaceslav Artiom in JavaScript — русскоговорящее сообщество
Дима
Вообще ссылку бы
Так это и есть тупо видео с dribbble
источник

Д

Дима in JavaScript — русскоговорящее сообщество
Ссылку на сайт, где это реализованно
источник

Д

Дима in JavaScript — русскоговорящее сообщество
Что бы посмотреть как это сделано
источник

VA

Veaceslav Artiom in JavaScript — русскоговорящее сообщество
Дима
Что бы посмотреть как это сделано
Так него его, это просто дизайн. Я вот увил и подумал как бы я такое сделал. Интересно конечно глянуть на это на сайте.
источник

Д

Дима in JavaScript — русскоговорящее сообщество
3d анимация, но что бы рендерить это нужно будет много ресурсов имхо, и геморно очень, + это индивидуальный проект будет. Мой вариант не лучше, грузануть пак на мегабайт 10 тоже не весело. Хз если честно, я бы такое вообще не делал :D
источник

M

Mediator in JavaScript — русскоговорящее сообщество
источник

a

allpeg in JavaScript — русскоговорящее сообщество
Veaceslav Artiom
Всем привет, господа а как бы вы реализовали такое в коде ? Нет, не нужно сделать так, просто сижу и думаю как бы я такое сделал и чет не могу придумать ничего.
https://cdn.dribbble.com/users/1094383/screenshots/7885798/media/79703519f2c51949678d64b64a57b247.mp4
3д анимацией сделать ооочень сложно, браузер умрёт при попытке такое отрендерить.
ИМХО такое сделать можно, но с оговорками.

Как бы я такое сделал:
1) надо сделать видео кота где он вертит бошкой, примерно между 5 точками (ромб/квадрат с точкой в центре). в каждой точке должна быть idle-анимация
2) с помощью обработки видео, графики и ИИ сделать бесшовные переходы между ними. между 5 точками сделать 8 переходов.
3) сделать видео где кадры будут повторяться
4) быстро скроллить видео до конца анимации и прыгать на начало перехода между точками

будет выглядеть не так идеально как тут но вполне сносно
источник

DL

DJ Kolya Lodo4kin in JavaScript — русскоговорящее сообщество
привет, подскажите плз библиотеку на JS чтобы сохранять html в full hd. Пробовал html-to-canvas, html-to-image, dom-to-image и не помогло к сожалению
источник

a

allpeg in JavaScript — русскоговорящее сообщество
DJ Kolya Lodo4kin
привет, подскажите плз библиотеку на JS чтобы сохранять html в full hd. Пробовал html-to-canvas, html-to-image, dom-to-image и не помогло к сожалению
что значит "не помогло" ?
источник

DL

DJ Kolya Lodo4kin in JavaScript — русскоговорящее сообщество
allpeg
что значит "не помогло" ?
В слишком маленьком разрешении сохраняет картинку
источник

a

allpeg in JavaScript — русскоговорящее сообщество
DJ Kolya Lodo4kin
В слишком маленьком разрешении сохраняет картинку
Ну, всмысле в маленьком. 1:1 это маленькое?)
источник

a

allpeg in JavaScript — русскоговорящее сообщество
а Вы для чего делаете. Просто у Firefox есть решение проблемы, но оно не особо скриптуемое
источник

DL

DJ Kolya Lodo4kin in JavaScript — русскоговорящее сообщество
allpeg
Ну, всмысле в маленьком. 1:1 это маленькое?)
Я бы хотел сохранять в full hd и не получается
источник

DL

DJ Kolya Lodo4kin in JavaScript — русскоговорящее сообщество
Пиксели картинка если ее приближать
источник

a

allpeg in JavaScript — русскоговорящее сообщество
в firefox открываете консоль по ctrl+shift+I и вводите
:screenshot --dpr 4
источник

a

allpeg in JavaScript — русскоговорящее сообщество
Вам одноразово или надо заскриптовать?
источник

M

Mediator in JavaScript — русскоговорящее сообщество
DJ Kolya Lodo4kin
Пиксели картинка если ее приближать
Я фигею.
источник

a

allpeg in JavaScript — русскоговорящее сообщество
allpeg
в firefox открываете консоль по ctrl+shift+I и вводите
:screenshot --dpr 4
одноразово - см. ^
источник

M

Mediator in JavaScript — русскоговорящее сообщество
А откуда он возьмёт больше пикселей, чем на экране?
источник

a

allpeg in JavaScript — русскоговорящее сообщество
если надо заскриптовать, то html2canvas 'у нужно передать, предварительно применив transform:scale(2)
источник