{"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\/de\/blog\/novosti-interneta\/predstavlen-zdog-1-0-psevdo-3d-dvizhok-dlya-web-ispolzuyushhij-canvas-i-svg","title":{"rendered":"Zdog 1.0 wurde vorgestellt, ein Pseudo-3D-Engine f\u00fcr das Web, das Canvas und SVG nutzt.","gt_translate_keys":[{"key":"rendered","format":"text"}]},"content":{"rendered":"

Die Ver\u00f6ffentlichung der JavaScript-Bibliothek ist jetzt verf\u00fcgbar. Zdog 1.0<\/a><\/noindex>, implementiert einen 3D-Motor, der die Simulation dreidimensionaler Objekte auf Basis von Vektor-Primitiven in Canvas und SVG durchf\u00fchrt, d.h. er schafft einen dreidimensionalen geometrischen Raum mit der eigentlichen Darstellung flacher Formen. Der Projektcode ein<\/a><\/noindex> steht unter der MIT-Lizenz. Die Bibliothek umfasst lediglich 2100 Codezeilen und hat eine Gr\u00f6\u00dfe von 28 KB ohne Minifizierung, erm\u00f6glicht jedoch die Erstellung beeindruckender Objekte, die in ihrem Wesen den Ergebnissen von Illustratoren nahe kommen.<\/p>\n

Das Ziel des Projekts ist es, Werkzeuge bereitzustellen, die die Arbeit mit 3D-Objekten so einfach machen wie mit Vektorillustrationen. Die Engine wurde inspiriert von dem alten Computerspiel Dogz<\/a><\/noindex>, in dem flache zweidimensionale Figuren auf Basis von Sprite-Grafik zur Bildung einer 3D-Umgebung verwendet wurden. <\/p>\n

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

Die Modelle der 3D-Objekte in Zdog werden mithilfe einer einfachen deklarativen API erstellt und durch Bindung und Gruppierung einfacher Formen zusammengesetzt.<\/a><\/noindex>, wie Rechtecke, Kreise, Dreiecke, Segmente, B\u00f6gen, Vielecke und Kurven. In Zdog werden abgerundete Formen verwendet, ohne ausgepr\u00e4gte polygonale Unebenheiten. Einfache Formen werden in komplexere dreidimensionale Darstellungen wie Sph\u00e4ren, Zylinder und W\u00fcrfel visualisiert. Aus der Sicht des Entwicklers werden Sph\u00e4ren als Punkte definiert, Torus als Kreise und Kapseln als dicke Linien. <\/p>\n

Die Komponenten der Objekte werden unter Ber\u00fccksichtigung ihrer relativen Positionen und der Verbindung durch unsichtbare Anker verarbeitet. Alle dynamischen Eigenschaften, wie Transformationen, Drehungen und Skalierungen, sind Vektoroperationen, die \u00fcber das Objekt Vector definiert werden. F\u00fcr dreidimensionale Objekte werden polygonale Netze unterst\u00fctzt.<\/p>\n

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

Quelle: 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-novosti-interneta"],"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\udd47Pr\u00e4sentation von Zdog 1.0, einer Pseudo-3D-Engine f\u00fcr das Web, die Canvas und SVG verwendet | ProHoster","description":"Die Version 1.0 der JavaScript-Bibliothek Zdog ist verf\u00fcgbar. Sie implementiert eine 3D-Engine, die eine Simulation dreidimensionaler Objekte auf Basis von Vektor-Primitiven in Canvas und SVG realisiert. Das hei\u00dft, sie schafft einen dreidimensionalen geometrischen Raum mit der tats\u00e4chlichen Darstellung flacher Formen. Der Projektcode ist unter der MIT-Lizenz ver\u00f6ffentlicht. Die Bibliothek umfasst insgesamt 2100 Zeilen Code und hat ohne Minifizierung eine Gr\u00f6\u00dfe von 28 KB, erm\u00f6glicht jedoch die Erstellung von eindrucksvollen Objekten, die nahe sind.","canonical_url":"https:\/\/prohoster.info\/de\/blog\/novosti-interneta\/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":"de_DE","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 \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","og:url":"https:\/\/prohoster.info\/de\/blog\/novosti-interneta\/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"},"gt_translate_keys":[{"key":"link","format":"url"}],"_links":{"self":[{"href":"https:\/\/prohoster.info\/de\/wp-json\/wp\/v2\/posts\/34783","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/prohoster.info\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/prohoster.info\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/prohoster.info\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/prohoster.info\/de\/wp-json\/wp\/v2\/comments?post=34783"}],"version-history":[{"count":0,"href":"https:\/\/prohoster.info\/de\/wp-json\/wp\/v2\/posts\/34783\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/prohoster.info\/de\/wp-json\/wp\/v2\/media\/26206"}],"wp:attachment":[{"href":"https:\/\/prohoster.info\/de\/wp-json\/wp\/v2\/media?parent=34783"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/prohoster.info\/de\/wp-json\/wp\/v2\/categories?post=34783"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/prohoster.info\/de\/wp-json\/wp\/v2\/tags?post=34783"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}