PyWeb3D webgl - Animationr

{"draftJsState":{"blocks":[{"data":{"image":{"id":"6418cec43d1e83632e43fbde"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"47dgv"},{"data":{},"depth":0,"entityRanges":[{"key":0,"length":22,"offset":10}],"inlineStyleRanges":[],"text":"Источник: Nuances of Programming","type":"unstyled","key":"fsdr6"},{"data":{},"depth":0,"entityRanges":[{"key":1,"length":42,"offset":0},{"key":2,"length":99,"offset":42}],"inlineStyleRanges":[{"length":42,"offset":0,"style":"BOLD"}],"text":"Какой язык программирования вам подойдет? Пройдите тест SkillFactory из 7 вопросов и узнайте, какой язык программирования подходит лично вам.","type":"unstyled","key":"3du63"},{"data":{},"depth":0,"entityRanges":[{"key":3,"length":7,"offset":62},{"key":4,"length":43,"offset":150}],"inlineStyleRanges":[],"text":"Данное руководство научит вас анимировать 3D-модели с помощью pyWeb3D. Перед изучением предложенной темы вы можете предварительно ознакомиться с тем, как загружать 3D-модели, используя pyWeb3D.","type":"unstyled","key":"4iv4c"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"По итогам работы получим следующий анимационный клип:","type":"unstyled","key":"aah4c"},{"data":{"image":{"id":"6418ceea9ae6211eb874026a"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"90scl"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Предварительные требования","type":"header-three","key":"ajjvf"},{"data":{},"depth":0,"entityRanges":[{"key":5,"length":13,"offset":195}],"inlineStyleRanges":[],"text":"Прежде всего, необходимо загрузить выбранную 3D-модель, оснащенную виртуальным “скелетом”, иначе ригом (англ. rig), и подготовленную к последующей анимации. Подобные модели можно скачать с сайта sketchfab.com. 3D-художники могут сами создать персонажа, используя предпочитаемое ПО, и экспортировать его в формате .GLTF или .GLB.","type":"unstyled","key":"3524d"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Ниже представлены ресурсы, задействованные в проекте:","type":"unstyled","key":"19fc4"},{"data":{},"depth":0,"entityRanges":[{"key":6,"length":17,"offset":0}],"inlineStyleRanges":[],"text":"рабочая 3D-модель;","type":"unordered-list-item","key":"eagil"},{"data":{},"depth":0,"entityRanges":[{"key":7,"length":20,"offset":0}],"inlineStyleRanges":[],"text":"текстура поверхности.","type":"unordered-list-item","key":"7tplt"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Шаблонный код HTML","type":"header-three","key":"csops"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"\n\n \n \n PyWeb3D webgl - Animationr\n \n \n \n \n \n \n \n \n \n\n \n \n","type":"unstyled","key":"8ffi2"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Весь нижеследующий код размещается в строчном теге