{"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\/news\/predstavlen-zdog-1-0-psevdo-3d-dvizhok-dlya-web-ispolzuyushhij-canvas-i-svg","title":{"rendered":"Zdog 1.0 wird vorgestellt, eine Pseudo-3D-Engine f\u00fcr das Web, die Canvas und SVG verwendet","gt_translate_keys":[{"key":"rendered","format":"text"}]},"content":{"rendered":"

Die Ver\u00f6ffentlichung der JavaScript-Bibliothek ist verf\u00fcgbar Zdog 1.0<\/a><\/noindex>, die eine 3D-Engine implementiert, die die Simulation von dreidimensionalen Objekten auf Basis von Vektor-Primitiven in Canvas und SVG durchf\u00fchrt, d.h. ein dreidimensionaler Raum mit der tats\u00e4chlichen Darstellung von flachen Formen realisiert. Der Projektcode offen<\/a><\/noindex> steht unter der MIT-Lizenz. Die Bibliothek umfasst insgesamt 2100 Zeilen Code und ben\u00f6tigt 28 KB ohne Minifizierung, erm\u00f6glicht jedoch die Erstellung recht beeindruckender Objekte, die den Ergebnissen von Illustratoren \u00e4hnlich sind.<\/p>\n

Ziel des Projekts ist es, Werkzeuge bereitzustellen, die es erm\u00f6glichen, mit 3D-Objekten ebenso einfach zu arbeiten wie mit Vektorgrafiken. Die Engine wurde inspiriert von dem alten Computerspiel Dogz<\/a><\/noindex>, in dem flache zweidimensionale Figuren zur Gestaltung der 3D-Umgebung auf der Basis von Sprite-Grafik verwendet wurden. <\/p>\n

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

3D-Objektmodelle in Zdog werden mithilfe einer einfachen deklarativen API erstellt und durch Bindung und Gruppierung einfacher Formen<\/a><\/noindex>, wie Rechtecken, Kreisen, Dreiecken, Linien, B\u00f6gen, Polygonen und Kurven, zusammengef\u00fcgt. In Zdog werden abgerundete Formen verwendet, ohne ausgepr\u00e4gte polygonale Unebenheiten. Einfache Formen werden in komplexere dreidimensionale Darstellungen wie Kugeln, Zylinder und W\u00fcrfel visualisiert. Aus der Sicht des Entwicklers werden Kugeln als Punkte definiert, Ringe als Kreise und Kapseln als dicke Linien. <\/p>\n

Die Bestandteile der Objekte werden unter Ber\u00fccksichtigung ihrer relativen Positionen und unsichtbarer Verbindungen verarbeitet. Alle dynamischen Eigenschaften wie Transformationen, Drehungen und Skalierungen sind vektorbasierte Operationen, die durch das Vector-Objekt definiert werden. F\u00fcr r\u00e4umliche 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-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\udd47 Zdog 1.0 vorgestellt, eine pseudo-3D-Engine f\u00fcr Web, die Canvas und SVG nutzt | ProHoster","description":"Die Ver\u00f6ffentlichung der JavaScript-Bibliothek Zdog 1.0 ist verf\u00fcgbar, die eine 3D-Engine implementiert, die die Simulation von dreidimensionalen Objekten auf der Basis von Vektor-Primitiven in Canvas durchf\u00fchrt.","canonical_url":"https:\/\/prohoster.info\/de\/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":"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.","og:url":"https:\/\/prohoster.info\/de\/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\/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}]}}