{"id":1182,"date":"2017-07-25T17:57:30","date_gmt":"2017-07-25T17:57:30","guid":{"rendered":"http:\/\/demensdeum.com\/blog\/?p=1182"},"modified":"2024-12-16T22:32:46","modified_gmt":"2024-12-16T19:32:46","slug":"webgl-sdl-emscripten","status":"publish","type":"post","link":"https:\/\/demensdeum.com\/blog\/ru\/2017\/07\/25\/webgl-sdl-emscripten\/","title":{"rendered":"WebGL + SDL + Emscripten"},"content":{"rendered":"

\u0412 \u0438\u0442\u043e\u0433\u0435 \u044f \u043f\u043e\u0440\u0442\u0438\u0440\u043e\u0432\u0430\u043b \u041c\u0438\u043a\u0443 \u043d\u0430 WebGL, \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e SDL 1 \u0438 Emscripten.<\/p>\n

\"\"<\/a><\/a><\/p>\n

\u0414\u0430\u043b\u044c\u0448\u0435 \u044f \u043e\u043f\u0438\u0448\u0443 \u0447\u0442\u043e \u043d\u0443\u0436\u043d\u043e \u0431\u044b\u043b\u043e \u0438\u0437\u043c\u0435\u043d\u0438\u0442\u044c \u0432 \u043a\u043e\u0434\u0435 \u0447\u0442\u043e\u0431\u044b \u0441\u0431\u043e\u0440\u043a\u0430 \u0432 JavaScript \u0437\u0430\u0432\u0435\u0440\u0448\u0438\u043b\u0430\u0441\u044c \u0443\u0441\u043f\u0435\u0448\u043d\u043e.<\/p>\n

    \n
  1. \u0418\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c SDL 1 \u0432\u043c\u0435\u0441\u0442\u043e SDL 2. \u041d\u0430 \u0434\u0430\u043d\u043d\u044b\u0439 \u043c\u043e\u043c\u0435\u043d\u0442 \u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u0435\u0442 \u043f\u043e\u0440\u0442 SDL 2 \u0434\u043b\u044f emscripten, \u043e\u0434\u043d\u0430\u043a\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0432\u0441\u0442\u0440\u043e\u0435\u043d\u043d\u044b\u0439 \u0432 emscripten SDL 1 \u044f \u043f\u043e\u0441\u0447\u0438\u0442\u0430\u043b \u0431\u043e\u043b\u0435\u0435 \u0446\u0435\u043b\u0435\u0441\u043e\u043e\u0431\u0440\u0430\u0437\u043d\u044b\u043c. \u0418\u043d\u0438\u0446\u0438\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044f \u043a\u043e\u043d\u0442\u0435\u043a\u0441\u0442\u0430 \u043f\u0440\u043e\u0438\u0441\u0445\u043e\u0434\u0438\u0442 \u043d\u0435 \u0432 \u043e\u043a\u043d\u0435, \u0430 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e SDL_SetVideoMode \u0438 \u0444\u043b\u0430\u0433\u0430 SDL_OPENGL. \u041e\u0442\u0440\u0438\u0441\u043e\u0432\u043a\u0430 \u0431\u0443\u0444\u0435\u0440\u0430 \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0438\u0442\u0441\u044f \u043a\u043e\u043c\u0430\u043d\u0434\u043e\u0439 SDL_GL_SwapBuffers()<\/span><\/li>\n
  2. \u0418\u0437-\u0437\u0430 \u043e\u0441\u043e\u0431\u0435\u043d\u043d\u043e\u0441\u0442\u0435\u0439 \u0432\u044b\u043f\u043e\u043b\u0435\u043d\u0438\u044f \u0446\u0438\u043a\u043b\u043e\u0432 \u0432 JavaScript – \u0440\u0435\u043d\u0434\u0435\u0440\u0438\u043d\u0433 \u0432\u044b\u043d\u0435\u0441\u0435\u043d \u0432 \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u0443\u044e \u0444\u0443\u043d\u043a\u0446\u0438\u044e \u0438 \u0435\u0433\u043e \u043f\u0435\u0440\u0438\u043e\u0434\u0438\u0447\u0435\u0441\u043a\u0438\u0439 \u0432\u044b\u0437\u043e\u0432 \u043f\u0440\u043e\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u0444\u0443\u043d\u043a\u0446\u0438\u0438 emscripten_set_main_loop<\/span><\/li>\n
  3. \u0422\u0430\u043a\u0436\u0435 \u0441\u0431\u043e\u0440\u043a\u0443 \u043d\u0443\u0436\u043d\u043e \u043e\u0441\u0443\u0449\u0435\u0441\u0442\u0432\u043b\u044f\u0442\u044c \u0441 \u043a\u043b\u044e\u0447\u043e\u043c “-s FULL_ES2=1<\/span>“<\/li>\n
  4. \u041f\u0440\u0438\u0448\u043b\u043e\u0441\u044c \u043e\u0442\u043a\u0430\u0437\u0430\u0442\u044c\u0441\u044f \u043e\u0442 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0438 assimp, \u043e\u0442 \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0438 \u043c\u043e\u0434\u0435\u043b\u0438 \u0438\u0437 \u0444\u0430\u0439\u043b\u043e\u0432\u043e\u0439 \u0441\u0438\u0441\u0442\u0435\u043c\u044b, \u043e\u0442 \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0438 \u0442\u0435\u043a\u0441\u0442\u0443\u0440\u044b \u0441 \u0434\u0438\u0441\u043a\u0430. \u0412\u0441\u0435 \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u044b\u0435 \u0431\u0443\u0444\u0435\u0440\u044b \u0431\u044b\u043b\u0438 \u043f\u0440\u043e\u0433\u0440\u0443\u0436\u0435\u043d\u044b \u043d\u0430 \u0434\u0435c\u043a\u0442\u043e\u043f \u0432\u0435\u0440\u0441\u0438\u0438, \u0438 \u043f\u0440\u043e\u043a\u0438\u043d\u0443\u0442\u044b \u0432 c-header \u0444\u0430\u0439\u043b \u0434\u043b\u044f \u0441\u0431\u043e\u0440\u043a\u0438 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e emscripten.<\/li>\n<\/ol>\n

    \u041a\u043e\u0434:
    https:\/\/github.com\/demensdeum\/OpenGLES3-Experiments\/tree\/master\/9-sdl-gles-obj-textured-assimp-miku-webgl\/mikuWebGL<\/a><\/p>\n

    \u0421\u0442\u0430\u0442\u044c\u0438:
    http:\/\/blog.scottlogic.com\/2014\/03\/12\/native-code-emscripten-webgl-simmer-gently.html<\/a>
    \n    https:\/\/kripken.github.io\/emscripten-site\/docs\/porting\/multimedia_and_graphics\/OpenGL-support.html<\/a><\/p>\n

    \u041c\u043e\u0434\u0435\u043b\u044c:
    https:\/\/sketchfab.com\/models\/7310aaeb8370428e966bdcff414273e7<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

    \u0412 \u0438\u0442\u043e\u0433\u0435 \u044f \u043f\u043e\u0440\u0442\u0438\u0440\u043e\u0432\u0430\u043b \u041c\u0438\u043a\u0443 \u043d\u0430 WebGL, \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e SDL 1 \u0438 Emscripten. \u0414\u0430\u043b\u044c\u0448\u0435 \u044f \u043e\u043f\u0438\u0448\u0443 \u0447\u0442\u043e \u043d\u0443\u0436\u043d\u043e \u0431\u044b\u043b\u043e \u0438\u0437\u043c\u0435\u043d\u0438\u0442\u044c \u0432 \u043a\u043e\u0434\u0435 \u0447\u0442\u043e\u0431\u044b \u0441\u0431\u043e\u0440\u043a\u0430 \u0432 JavaScript \u0437\u0430\u0432\u0435\u0440\u0448\u0438\u043b\u0430\u0441\u044c \u0443\u0441\u043f\u0435\u0448\u043d\u043e. \u0418\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c SDL 1 \u0432\u043c\u0435\u0441\u0442\u043e SDL 2. \u041d\u0430 \u0434\u0430\u043d\u043d\u044b\u0439 \u043c\u043e\u043c\u0435\u043d\u0442 \u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u0435\u0442 \u043f\u043e\u0440\u0442 SDL 2 \u0434\u043b\u044f emscripten, \u043e\u0434\u043d\u0430\u043a\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0432\u0441\u0442\u0440\u043e\u0435\u043d\u043d\u044b\u0439 \u0432 emscripten SDL 1 \u044f \u043f\u043e\u0441\u0447\u0438\u0442\u0430\u043b \u0431\u043e\u043b\u0435\u0435 \u0446\u0435\u043b\u0435\u0441\u043e\u043e\u0431\u0440\u0430\u0437\u043d\u044b\u043c. \u0418\u043d\u0438\u0446\u0438\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044fContinue reading “WebGL + SDL + Emscripten”<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[81,61,52],"tags":[80,76],"class_list":["post-1182","post","type-post","status-publish","format-standard","hentry","category-demos","category-techie","category-tutorials","tag-fsgl","tag-opengl","entry"],"translation":{"provider":"WPGlobus","version":"3.0.2","language":"ru","enabled_languages":["en","ru","zh","de","fr","ja","pt","hi"],"languages":{"en":{"title":true,"content":true,"excerpt":false},"ru":{"title":true,"content":true,"excerpt":false},"zh":{"title":true,"content":true,"excerpt":false},"de":{"title":true,"content":true,"excerpt":false},"fr":{"title":true,"content":true,"excerpt":false},"ja":{"title":true,"content":true,"excerpt":false},"pt":{"title":true,"content":true,"excerpt":false},"hi":{"title":false,"content":false,"excerpt":false}}},"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/demensdeum.com\/blog\/ru\/wp-json\/wp\/v2\/posts\/1182","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demensdeum.com\/blog\/ru\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/demensdeum.com\/blog\/ru\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/demensdeum.com\/blog\/ru\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demensdeum.com\/blog\/ru\/wp-json\/wp\/v2\/comments?post=1182"}],"version-history":[{"count":9,"href":"https:\/\/demensdeum.com\/blog\/ru\/wp-json\/wp\/v2\/posts\/1182\/revisions"}],"predecessor-version":[{"id":3995,"href":"https:\/\/demensdeum.com\/blog\/ru\/wp-json\/wp\/v2\/posts\/1182\/revisions\/3995"}],"wp:attachment":[{"href":"https:\/\/demensdeum.com\/blog\/ru\/wp-json\/wp\/v2\/media?parent=1182"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/demensdeum.com\/blog\/ru\/wp-json\/wp\/v2\/categories?post=1182"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/demensdeum.com\/blog\/ru\/wp-json\/wp\/v2\/tags?post=1182"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}