{"id":34783,"date":"2019-10-31T22:00:22","date_gmt":"2019-10-31T19:00:22","guid":{"rendered":"https:\/\/prohoster.info\/blog\/predstavlen-zdog-1-0-psevdo-3d-dvizhok-dlya-web-ispolzuyushhij-canvas-i-svg\/"},"modified":"2019-10-31T22:00:22","modified_gmt":"2019-10-31T19:00:22","slug":"predstavlen-zdog-1-0-psevdo-3d-dvizhok-dlya-web-ispolzuyushhij-canvas-i-svg","status":"publish","type":"post","link":"https:\/\/prohoster.info\/fr\/blog\/news\/predstavlen-zdog-1-0-psevdo-3d-dvizhok-dlya-web-ispolzuyushhij-canvas-i-svg","title":{"rendered":"Zdog 1.0 est pr\u00e9sent\u00e9, un moteur pseudo-3D pour le Web, utilisant Canvas et SVG","gt_translate_keys":[{"key":"rendered","format":"text"}]},"content":{"rendered":"

Version de la biblioth\u00e8que JavaScript disponible Zdog 1.0<\/a><\/noindex>, impl\u00e9mentant un moteur 3D qui simule des objets tridimensionnels bas\u00e9s sur des primitives vectorielles Canvas et SVG, c'est-\u00e0-dire r\u00e9alisant un espace g\u00e9om\u00e9trique tridimensionnel avec un rendu r\u00e9el de formes planes. Le code du projet est ouvert<\/a><\/noindex> est sous licence MIT. La biblioth\u00e8que compte seulement 2100 lignes de code et occupe 28 Ko sans minification, mais permet de cr\u00e9er des objets assez impressionnants, proches des r\u00e9sultats du travail des illustrateurs.<\/p>\n

L'objectif du projet est de fournir des moyens de travailler avec des objets 3D aussi facilement que des illustrations vectorielles. Le moteur a \u00e9t\u00e9 cr\u00e9\u00e9 sous l'impact de l'ancien jeu vid\u00e9o Dogz<\/a><\/noindex>, dans lequel des figures planes utilis\u00e9es bas\u00e9es sur la sprite graphique \u00e9taient appliqu\u00e9es pour former un environnement 3D. <\/p>\n

\"Zdog<\/center><\/p>\n

Les mod\u00e8les d'objets 3D dans Zdog sont form\u00e9s \u00e0 l'aide d'une API d\u00e9clarative simple et sont assembl\u00e9s par des liaisons et des groupements de formes simples<\/a><\/noindex>, telles que des rectangles, des cercles, des triangles, des segments, des arcs, des polygones et des courbes. Dans Zdog, des formes arrondies sont appliqu\u00e9es, sans irr\u00e9gularit\u00e9s polygonales prononc\u00e9es. Les formes simples sont visualis\u00e9es dans des repr\u00e9sentations tridimensionnelles plus complexes, telles que des sph\u00e8res, des cylindres et des cubes. Du point de vue du d\u00e9veloppeur, les sph\u00e8res sont d\u00e9finies comme des points, les tori comme des cercles, et les capsules comme des lignes \u00e9paisses. <\/p>\n

Les \u00e9l\u00e9ments composites des objets sont trait\u00e9s en tenant compte de leurs positions relatives et fix\u00e9s par des ancres invisibles. Toutes les propri\u00e9t\u00e9s dynamiques, telles que les transformations, les rotations et les mises \u00e0 l'\u00e9chelle, sont des op\u00e9rations vectorielles d\u00e9finies \u00e0 l'aide de l'objet Vector. Les objets spatiaux prennent en charge les maillages polygonaux.<\/p>\n

<\/a><\/noindex><\/p>\n

Source : opennet.ru<\/a><\/p>","protected":false,"gt_translate_keys":[{"key":"rendered","format":"html"}]},"excerpt":{"rendered":"

\u0414\u043e\u0441\u0442\u0443\u043f\u0435\u043d \u0432\u044b\u043f\u0443\u0441\u043a JavaScript-\u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0438 Zdog 1.0, \u0440\u0435\u0430\u043b\u0438\u0437\u0443\u044e\u0449\u0435\u0439 3D-\u0434\u0432\u0438\u0436\u043e\u043a, \u0432\u044b\u043f\u043e\u043b\u043d\u044f\u044e\u0449\u0438\u0439 \u0441\u0438\u043c\u0443\u043b\u044f\u0446\u0438\u044e \u0442\u0440\u0435\u0445\u043c\u0435\u0440\u043d\u044b\u0445 \u043e\u0431\u044a\u0435\u043a\u0442\u043e\u0432 \u043d\u0430 \u043e\u0441\u043d\u043e\u0432\u0435 \u0432\u0435\u043a\u0442\u043e\u0440\u043d\u044b\u0445 \u043f\u0440\u0438\u043c\u0438\u0442\u0438\u0432\u043e\u0432 Canvas \u0438 SVG, \u0442.\u0435. \u0440\u0435\u0430\u043b\u0438\u0437\u0443\u044e\u0449\u0438\u0439 \u0442\u0440\u0451\u0445\u043c\u0435\u0440\u043d\u043e\u0435 \u0433\u0435\u043e\u043c\u0435\u0442\u0440\u0438\u0447\u0435\u0441\u043a\u043e\u0435 \u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0441\u0442\u0432\u043e \u0441 \u0444\u0430\u043a\u0442\u0438\u0447\u0435\u0441\u043a\u043e\u0439 \u043e\u0442\u0440\u0438\u0441\u043e\u0432\u043a\u043e\u0439 \u043f\u043b\u043e\u0441\u043a\u0438\u0445 \u0444\u043e\u0440\u043c. \u041a\u043e\u0434 \u043f\u0440\u043e\u0435\u043a\u0442\u0430 \u043e\u0442\u043a\u0440\u044b\u0442 \u043f\u043e\u0434 \u043b\u0438\u0446\u0435\u043d\u0437\u0438\u0435\u0439 MIT. \u0411\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0430 \u043d\u0430\u0441\u0447\u0438\u0442\u044b\u0432\u0430\u0435\u0442 \u0432\u0441\u0435\u0433\u043e 2100 \u0441\u0442\u0440\u043e\u043a \u043a\u043e\u0434\u0430 \u0438 \u0437\u0430\u043d\u0438\u043c\u0430\u0435\u0442 28 \u041a\u0431 \u0431\u0435\u0437 \u043c\u0438\u043d\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u0438, \u043d\u043e \u043f\u0440\u0438 \u044d\u0442\u043e\u043c \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u0441\u043e\u0437\u0434\u0430\u0432\u0430\u0442\u044c \u0434\u043e\u0441\u0442\u0430\u0442\u043e\u0447\u043d\u043e \u044d\u0444\u0444\u0435\u043a\u0442\u043d\u044b\u0435 \u043e\u0431\u044a\u0435\u043a\u0442\u044b, \u0431\u043b\u0438\u0437\u043a\u0438\u0435 […]<\/p>\n","protected":false,"gt_translate_keys":[{"key":"rendered","format":"html"}]},"author":1,"featured_media":26206,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[702],"tags":[],"class_list":["post-34783","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-news"],"aioseo_notices":[],"aioseo_head":"\n\t\t\n\t\n\t\n\t\n\t\n\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\n","aioseo_head_json":{"title":"\ud83e\udd47Zdog 1.0, moteur pseudo-3D pour le Web, utilisant Canvas et SVG | ProHoster","description":"Version de la biblioth\u00e8que JavaScript Zdog 1.0 disponible, impl\u00e9mentant un moteur 3D qui simule des objets tridimensionnels bas\u00e9s sur des primitives vectorielles Canvas.","canonical_url":"https:\/\/prohoster.info\/fr\/blog\/news\/predstavlen-zdog-1-0-psevdo-3d-dvizhok-dlya-web-ispolzuyushhij-canvas-i-svg","robots":"max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"schema":null,"og:locale":"fr_FR","og:site_name":"ProHoster | \u041a\u0443\u043f\u0438\u0442\u044c \u043d\u0430\u0434\u0435\u0436\u043d\u044b\u0439 \u0445\u043e\u0441\u0442\u0438\u043d\u0433 \u0434\u043b\u044f \u0441\u0430\u0439\u0442\u043e\u0432 \u0441 \u0437\u0430\u0449\u0438\u0442\u043e\u0439 \u043e\u0442 DDoS, VPS VDS \u0441\u0435\u0440\u0432\u0435\u0440\u044b","og:type":"article","og:title":"\ud83e\udd47\u041f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u0435\u043d Zdog 1.0, \u043f\u0441\u0435\u0432\u0434\u043e-3D \u0434\u0432\u0438\u0436\u043e\u043a \u0434\u043b\u044f Web, \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044e\u0449\u0438\u0439 Canvas \u0438 SVG | ProHoster","og:description":"\u0414\u043e\u0441\u0442\u0443\u043f\u0435\u043d \u0432\u044b\u043f\u0443\u0441\u043a JavaScript-\u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0438 Zdog 1.0, \u0440\u0435\u0430\u043b\u0438\u0437\u0443\u044e\u0449\u0435\u0439 3D-\u0434\u0432\u0438\u0436\u043e\u043a, \u0432\u044b\u043f\u043e\u043b\u043d\u044f\u044e\u0449\u0438\u0439 \u0441\u0438\u043c\u0443\u043b\u044f\u0446\u0438\u044e \u0442\u0440\u0435\u0445\u043c\u0435\u0440\u043d\u044b\u0445 \u043e\u0431\u044a\u0435\u043a\u0442\u043e\u0432 \u043d\u0430 \u043e\u0441\u043d\u043e\u0432\u0435 \u0432\u0435\u043a\u0442\u043e\u0440\u043d\u044b\u0445 \u043f\u0440\u0438\u043c\u0438\u0442\u0438\u0432\u043e\u0432 Canvas.","og:url":"https:\/\/prohoster.info\/fr\/blog\/news\/predstavlen-zdog-1-0-psevdo-3d-dvizhok-dlya-web-ispolzuyushhij-canvas-i-svg","og:image":"https:\/\/prohoster.info\/wp-content\/uploads\/2021\/11\/logo-350.jpg","og:image:secure_url":"https:\/\/prohoster.info\/wp-content\/uploads\/2021\/11\/logo-350.jpg","og:image:width":350,"og:image:height":350,"article:published_time":"2019-10-31T19:00:22+00:00","article:modified_time":"2019-10-31T19:00:22+00:00","article:publisher":"https:\/\/www.facebook.com\/prohoster","article:author":"https:\/\/www.facebook.com\/prohoster"},"aioseo_meta_data":{"post_id":"34783","title":null,"description":null,"keywords":null,"keyphrases":null,"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_url":null,"og_image_width":null,"og_image_height":null,"og_image_custom_url":null,"og_image_custom_fields":null,"og_video":null,"og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_url":null,"twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"","isEnabled":true},"graphs":[]},"schema_type":null,"schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":null,"robots_max_videopreview":null,"robots_max_imagepreview":"large","priority":null,"frequency":null,"local_seo":null,"seo_analyzer_scan_date":"2026-01-21 20:36:19","breadcrumb_settings":null,"limit_modified_date":false,"reviewed_by":null,"ai":null,"created":"2021-03-01 02:15:37","updated":"2026-01-21 20:36:19","focus_keyword":null,"additional_keywords":null,"truseo_locale":null},"gt_translate_keys":[{"key":"link","format":"url"}],"_links":{"self":[{"href":"https:\/\/prohoster.info\/fr\/wp-json\/wp\/v2\/posts\/34783","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/prohoster.info\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/prohoster.info\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/prohoster.info\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/prohoster.info\/fr\/wp-json\/wp\/v2\/comments?post=34783"}],"version-history":[{"count":0,"href":"https:\/\/prohoster.info\/fr\/wp-json\/wp\/v2\/posts\/34783\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/prohoster.info\/fr\/wp-json\/wp\/v2\/media\/26206"}],"wp:attachment":[{"href":"https:\/\/prohoster.info\/fr\/wp-json\/wp\/v2\/media?parent=34783"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/prohoster.info\/fr\/wp-json\/wp\/v2\/categories?post=34783"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/prohoster.info\/fr\/wp-json\/wp\/v2\/tags?post=34783"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}