История одной анимации
Однажды фронтендеру позвонил дизайнер и попросил сделать «паутинку» за запотевшим стеклом. Но потом оказалось, что это не «паутинка», а гексагональная сетка, и не за стеклом, а она уходит вдаль, и с WebGL фронтендер не знаком, а всей анимации пришлось учиться в процессе рисования.
Теперь этот фронтендер лично рассказывает, как провести одну анимацию от макета до сдачи клиенту так, чтобы все были довольны, и по дороге изучить WebGL. Также история включает в себя Three.js, GLSL, Canvas 2D, графы и немного математики.
Текстовая расшифровка: https://tprg.ru/QDMV
#фронтенд #анимация
Однажды фронтендеру позвонил дизайнер и попросил сделать «паутинку» за запотевшим стеклом. Но потом оказалось, что это не «паутинка», а гексагональная сетка, и не за стеклом, а она уходит вдаль, и с WebGL фронтендер не знаком, а всей анимации пришлось учиться в процессе рисования.
Теперь этот фронтендер лично рассказывает, как провести одну анимацию от макета до сдачи клиенту так, чтобы все были довольны, и по дороге изучить WebGL. Также история включает в себя Three.js, GLSL, Canvas 2D, графы и немного математики.
Текстовая расшифровка: https://tprg.ru/QDMV
#фронтенд #анимация