{"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\/da\/blog\/news\/predstavlen-zdog-1-0-psevdo-3d-dvizhok-dlya-web-ispolzuyushhij-canvas-i-svg","title":{"rendered":"Zdog 1.0 er pr\u00e6senteret, en pseudo-3D motor til web, der bruger Canvas og SVG","gt_translate_keys":[{"key":"rendered","format":"text"}]},"content":{"rendered":"

Udgivelsen af JavaScript-biblioteket er tilg\u00e6ngelig Zdog 1.0<\/a><\/noindex>, der implementerer en 3D-motor, som simulerer 3D-objekter baseret p\u00e5 vektorprimitiver fra Canvas og SVG, dvs. realiserer et tredimensionelt geometrisk rum med reelle rendering af flade former. Projektkoden \u00e5bnet<\/a><\/noindex> er under MIT-licensen. Biblioteket best\u00e5r af kun 2100 linjer kode og fylder 28 KB uden minificering, men muligg\u00f8r samtidig at skabe ret effektive objekter, der er t\u00e6ttere p\u00e5 resultaterne af illustratorers arbejde.<\/p>\n

M\u00e5let med projektet er at give enkle midler til at arbejde med 3D-objekter lige s\u00e5 nemt som med vektorillustrationer. Motoren blev skabt under indtrykket af det gamle computerspil Dogz<\/a><\/noindex>, hvor flade to-dimensionale figurer baseret p\u00e5 sprite-grafik blev brugt til at danne 3D-omgivelser. <\/p>\n

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

3D-objekter i Zdog dannes ved hj\u00e6lp af et simpelt deklarativt API og sammens\u00e6ttes gennem binding og gruppering af simple former<\/a><\/noindex>, s\u00e5som rektangler, cirkler, trekanter, segmenter, buer, polygoner og kurver. I Zdog anvendes afrundede former uden udtalte polygonale uj\u00e6vnheder. Simple former visualiseres i mere komplekse tre-dimensionale repr\u00e6sentationer, s\u00e5som sf\u00e6rer, cylindre og terninger. Set fra udviklerens perspektiv defineres sf\u00e6rer som punkter, torus som cirkler, og kapsler som tykke linjer. <\/p>\n

De sammensatte elementer af objekterne behandles under hensyntagen til deres relative positioner og fastg\u00f8res med usynlige ankre. Alle dynamiske egenskaber, s\u00e5som transformationer, rotationer og skalaer, repr\u00e6senterer vektoroperationer, der angives ved hj\u00e6lp af objektet Vector. Polygonale net underst\u00f8ttes for rumlige objekter.<\/p>\n

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

Kilde: 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\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 er pr\u00e6senteret, en pseudo-3D motor til web, der bruger Canvas og SVG | ProHoster","description":"Udgivelsen af JavaScript-biblioteket Zdog 1.0 er tilg\u00e6ngelig, som implementerer en 3D-motor, der simulerer 3D-objekter baseret p\u00e5 vektorprimitiver fra Canvas.","canonical_url":"https:\/\/prohoster.info\/da\/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":"da_DK","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\/da\/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\/da\/wp-json\/wp\/v2\/posts\/34783","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/prohoster.info\/da\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/prohoster.info\/da\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/prohoster.info\/da\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/prohoster.info\/da\/wp-json\/wp\/v2\/comments?post=34783"}],"version-history":[{"count":0,"href":"https:\/\/prohoster.info\/da\/wp-json\/wp\/v2\/posts\/34783\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/prohoster.info\/da\/wp-json\/wp\/v2\/media\/26206"}],"wp:attachment":[{"href":"https:\/\/prohoster.info\/da\/wp-json\/wp\/v2\/media?parent=34783"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/prohoster.info\/da\/wp-json\/wp\/v2\/categories?post=34783"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/prohoster.info\/da\/wp-json\/wp\/v2\/tags?post=34783"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}