{"id":335,"date":"2006-09-24T09:37:15","date_gmt":"2006-09-24T07:37:15","guid":{"rendered":"http:\/\/www.desmm.com\/?p=335"},"modified":"2006-09-24T09:37:15","modified_gmt":"2006-09-24T07:37:15","slug":"dynamic-3d-in-css","status":"publish","type":"post","link":"https:\/\/www.desmm.com\/blog\/dynamic-3d-in-css-335.html","title":{"rendered":"Dynamic 3D in CSS"},"content":{"rendered":"<p>FPS sono i videogame che offrono al videogiocatore la possibilit\u00e0 di vivere in prima persona le avventure di un personaggio virtuale. La caratteristica principale \u00e8 che la visuale del gioco \u00e8 la stessa del personaggio quindi come fossimo in possesso del suo corpo per muoverci dell&#8217;area di gioco.<br \/>\nTramite CSS e JavaScript si \u00e8 riusciti a <a href=\"http:\/\/www.brothercake.com\/site\/resources\/reference\/3d\/\">ricreare una simulazione<\/a> di movimento tra dei cunicoli. Questo lascia precedere la possibilit\u00e0 in un futuro prossimo, con anche l&#8217;ausilio di Ajax, della creazione di videogiochi online per di pi\u00f9 multiplayer, senza installare nessun software o plugin.<br \/>\nE&#8217; possibile subito provare quanto scritto con questo <a href=\"http:\/\/www.brothercake.com\/games\/underground\/underground.html\">demo online<\/a> (Opera or Firefox).<\/p>\n<div class=\"splash\"><img src='http:\/\/www.desmm.com\/wp-content\/uploads\/fps_css.jpg' alt='Fps css' \/><\/div>\n","protected":false},"excerpt":{"rendered":"<p>FPS sono i videogame che offrono al videogiocatore la possibilit\u00e0 di vivere in prima persona le avventure di un personaggio virtuale. La caratteristica principale \u00e8 che la visuale del gioco \u00e8 la stessa del personaggio quindi come fossimo in possesso del suo corpo per muoverci dell&#8217;area di gioco. Tramite CSS e JavaScript si \u00e8 riusciti&hellip;&nbsp;<a href=\"https:\/\/www.desmm.com\/blog\/dynamic-3d-in-css-335.html\" class=\"\" rel=\"bookmark\">Leggi tutto &raquo;<span class=\"screen-reader-text\">Dynamic 3D in CSS<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"","neve_meta_content_width":0,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"","footnotes":""},"categories":[1],"tags":[64],"class_list":["post-335","post","type-post","status-publish","format-standard","hentry","category-archivio","tag-css"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Dynamic 3D in CSS &#8212; Design Multimedia<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.desmm.com\/blog\/dynamic-3d-in-css-335.html\" \/>\n<meta property=\"og:locale\" content=\"it_IT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Dynamic 3D in CSS &#8212; Design Multimedia\" \/>\n<meta property=\"og:description\" content=\"FPS sono i videogame che offrono al videogiocatore la possibilit\u00e0 di vivere in prima persona le avventure di un personaggio virtuale. La caratteristica principale \u00e8 che la visuale del gioco \u00e8 la stessa del personaggio quindi come fossimo in possesso del suo corpo per muoverci dell&#8217;area di gioco. Tramite CSS e JavaScript si \u00e8 riusciti&hellip;&nbsp;Leggi tutto &raquo;Dynamic 3D in CSS\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.desmm.com\/blog\/dynamic-3d-in-css-335.html\" \/>\n<meta property=\"og:site_name\" content=\"Design Multimedia\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/mastromarinomassimo\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/mastromarinomassimo\" \/>\n<meta property=\"article:published_time\" content=\"2006-09-24T07:37:15+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/www.desmm.com\/wp-content\/uploads\/fps_css.jpg\" \/>\n<meta name=\"author\" content=\"Massimo Mastromarino\" \/>\n<meta name=\"twitter:label1\" content=\"Scritto da\" \/>\n\t<meta name=\"twitter:data1\" content=\"Massimo Mastromarino\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tempo di lettura stimato\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minuto\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.desmm.com\\\/blog\\\/dynamic-3d-in-css-335.html#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.desmm.com\\\/blog\\\/dynamic-3d-in-css-335.html\"},\"author\":{\"name\":\"Massimo Mastromarino\",\"@id\":\"https:\\\/\\\/www.desmm.com\\\/blog\\\/#\\\/schema\\\/person\\\/a7ab14a3628e686b497dd4af81817156\"},\"headline\":\"Dynamic 3D in CSS\",\"datePublished\":\"2006-09-24T07:37:15+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.desmm.com\\\/blog\\\/dynamic-3d-in-css-335.html\"},\"wordCount\":109,\"commentCount\":4,\"publisher\":{\"@id\":\"https:\\\/\\\/www.desmm.com\\\/blog\\\/#\\\/schema\\\/person\\\/a7ab14a3628e686b497dd4af81817156\"},\"image\":{\"@id\":\"https:\\\/\\\/www.desmm.com\\\/blog\\\/dynamic-3d-in-css-335.html#primaryimage\"},\"thumbnailUrl\":\"http:\\\/\\\/www.desmm.com\\\/wp-content\\\/uploads\\\/fps_css.jpg\",\"keywords\":[\"css\"],\"articleSection\":[\"Archivio\"],\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.desmm.com\\\/blog\\\/dynamic-3d-in-css-335.html#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.desmm.com\\\/blog\\\/dynamic-3d-in-css-335.html\",\"url\":\"https:\\\/\\\/www.desmm.com\\\/blog\\\/dynamic-3d-in-css-335.html\",\"name\":\"Dynamic 3D in CSS &#8212; Design Multimedia\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.desmm.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.desmm.com\\\/blog\\\/dynamic-3d-in-css-335.html#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.desmm.com\\\/blog\\\/dynamic-3d-in-css-335.html#primaryimage\"},\"thumbnailUrl\":\"http:\\\/\\\/www.desmm.com\\\/wp-content\\\/uploads\\\/fps_css.jpg\",\"datePublished\":\"2006-09-24T07:37:15+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.desmm.com\\\/blog\\\/dynamic-3d-in-css-335.html#breadcrumb\"},\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.desmm.com\\\/blog\\\/dynamic-3d-in-css-335.html\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\\\/\\\/www.desmm.com\\\/blog\\\/dynamic-3d-in-css-335.html#primaryimage\",\"url\":\"http:\\\/\\\/www.desmm.com\\\/wp-content\\\/uploads\\\/fps_css.jpg\",\"contentUrl\":\"http:\\\/\\\/www.desmm.com\\\/wp-content\\\/uploads\\\/fps_css.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.desmm.com\\\/blog\\\/dynamic-3d-in-css-335.html#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.desmm.com\\\/blog\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Dynamic 3D in CSS\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.desmm.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.desmm.com\\\/blog\\\/\",\"name\":\"Design Multimedia\",\"description\":\"design inspiration blog\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.desmm.com\\\/blog\\\/#\\\/schema\\\/person\\\/a7ab14a3628e686b497dd4af81817156\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.desmm.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"it-IT\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\\\/\\\/www.desmm.com\\\/blog\\\/#\\\/schema\\\/person\\\/a7ab14a3628e686b497dd4af81817156\",\"name\":\"Massimo Mastromarino\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/aafebde2159dc668c566c09f75e4a5ba861a88dd27c448472735e83b75d071a8?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/aafebde2159dc668c566c09f75e4a5ba861a88dd27c448472735e83b75d071a8?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/aafebde2159dc668c566c09f75e4a5ba861a88dd27c448472735e83b75d071a8?s=96&d=mm&r=g\",\"caption\":\"Massimo Mastromarino\"},\"logo\":{\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/aafebde2159dc668c566c09f75e4a5ba861a88dd27c448472735e83b75d071a8?s=96&d=mm&r=g\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/mastromarinomassimo\",\"https:\\\/\\\/x.com\\\/desmm\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Dynamic 3D in CSS &#8212; Design Multimedia","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.desmm.com\/blog\/dynamic-3d-in-css-335.html","og_locale":"it_IT","og_type":"article","og_title":"Dynamic 3D in CSS &#8212; Design Multimedia","og_description":"FPS sono i videogame che offrono al videogiocatore la possibilit\u00e0 di vivere in prima persona le avventure di un personaggio virtuale. La caratteristica principale \u00e8 che la visuale del gioco \u00e8 la stessa del personaggio quindi come fossimo in possesso del suo corpo per muoverci dell&#8217;area di gioco. Tramite CSS e JavaScript si \u00e8 riusciti&hellip;&nbsp;Leggi tutto &raquo;Dynamic 3D in CSS","og_url":"https:\/\/www.desmm.com\/blog\/dynamic-3d-in-css-335.html","og_site_name":"Design Multimedia","article_publisher":"https:\/\/www.facebook.com\/mastromarinomassimo","article_author":"https:\/\/www.facebook.com\/mastromarinomassimo","article_published_time":"2006-09-24T07:37:15+00:00","og_image":[{"url":"http:\/\/www.desmm.com\/wp-content\/uploads\/fps_css.jpg","type":"","width":"","height":""}],"author":"Massimo Mastromarino","twitter_misc":{"Scritto da":"Massimo Mastromarino","Tempo di lettura stimato":"1 minuto"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.desmm.com\/blog\/dynamic-3d-in-css-335.html#article","isPartOf":{"@id":"https:\/\/www.desmm.com\/blog\/dynamic-3d-in-css-335.html"},"author":{"name":"Massimo Mastromarino","@id":"https:\/\/www.desmm.com\/blog\/#\/schema\/person\/a7ab14a3628e686b497dd4af81817156"},"headline":"Dynamic 3D in CSS","datePublished":"2006-09-24T07:37:15+00:00","mainEntityOfPage":{"@id":"https:\/\/www.desmm.com\/blog\/dynamic-3d-in-css-335.html"},"wordCount":109,"commentCount":4,"publisher":{"@id":"https:\/\/www.desmm.com\/blog\/#\/schema\/person\/a7ab14a3628e686b497dd4af81817156"},"image":{"@id":"https:\/\/www.desmm.com\/blog\/dynamic-3d-in-css-335.html#primaryimage"},"thumbnailUrl":"http:\/\/www.desmm.com\/wp-content\/uploads\/fps_css.jpg","keywords":["css"],"articleSection":["Archivio"],"inLanguage":"it-IT","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.desmm.com\/blog\/dynamic-3d-in-css-335.html#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.desmm.com\/blog\/dynamic-3d-in-css-335.html","url":"https:\/\/www.desmm.com\/blog\/dynamic-3d-in-css-335.html","name":"Dynamic 3D in CSS &#8212; Design Multimedia","isPartOf":{"@id":"https:\/\/www.desmm.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.desmm.com\/blog\/dynamic-3d-in-css-335.html#primaryimage"},"image":{"@id":"https:\/\/www.desmm.com\/blog\/dynamic-3d-in-css-335.html#primaryimage"},"thumbnailUrl":"http:\/\/www.desmm.com\/wp-content\/uploads\/fps_css.jpg","datePublished":"2006-09-24T07:37:15+00:00","breadcrumb":{"@id":"https:\/\/www.desmm.com\/blog\/dynamic-3d-in-css-335.html#breadcrumb"},"inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.desmm.com\/blog\/dynamic-3d-in-css-335.html"]}]},{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/www.desmm.com\/blog\/dynamic-3d-in-css-335.html#primaryimage","url":"http:\/\/www.desmm.com\/wp-content\/uploads\/fps_css.jpg","contentUrl":"http:\/\/www.desmm.com\/wp-content\/uploads\/fps_css.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.desmm.com\/blog\/dynamic-3d-in-css-335.html#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.desmm.com\/blog"},{"@type":"ListItem","position":2,"name":"Dynamic 3D in CSS"}]},{"@type":"WebSite","@id":"https:\/\/www.desmm.com\/blog\/#website","url":"https:\/\/www.desmm.com\/blog\/","name":"Design Multimedia","description":"design inspiration blog","publisher":{"@id":"https:\/\/www.desmm.com\/blog\/#\/schema\/person\/a7ab14a3628e686b497dd4af81817156"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.desmm.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"it-IT"},{"@type":["Person","Organization"],"@id":"https:\/\/www.desmm.com\/blog\/#\/schema\/person\/a7ab14a3628e686b497dd4af81817156","name":"Massimo Mastromarino","image":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/secure.gravatar.com\/avatar\/aafebde2159dc668c566c09f75e4a5ba861a88dd27c448472735e83b75d071a8?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/aafebde2159dc668c566c09f75e4a5ba861a88dd27c448472735e83b75d071a8?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/aafebde2159dc668c566c09f75e4a5ba861a88dd27c448472735e83b75d071a8?s=96&d=mm&r=g","caption":"Massimo Mastromarino"},"logo":{"@id":"https:\/\/secure.gravatar.com\/avatar\/aafebde2159dc668c566c09f75e4a5ba861a88dd27c448472735e83b75d071a8?s=96&d=mm&r=g"},"sameAs":["https:\/\/www.facebook.com\/mastromarinomassimo","https:\/\/x.com\/desmm"]}]}},"_links":{"self":[{"href":"https:\/\/www.desmm.com\/blog\/wp-json\/wp\/v2\/posts\/335","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.desmm.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.desmm.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.desmm.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.desmm.com\/blog\/wp-json\/wp\/v2\/comments?post=335"}],"version-history":[{"count":0,"href":"https:\/\/www.desmm.com\/blog\/wp-json\/wp\/v2\/posts\/335\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.desmm.com\/blog\/wp-json\/wp\/v2\/media?parent=335"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.desmm.com\/blog\/wp-json\/wp\/v2\/categories?post=335"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.desmm.com\/blog\/wp-json\/wp\/v2\/tags?post=335"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}