{"id":508,"date":"2021-10-11T01:13:10","date_gmt":"2021-10-10T23:13:10","guid":{"rendered":"http:\/\/osiris.itabc.cnr.it\/aton\/?page_id=508"},"modified":"2026-04-22T14:47:33","modified_gmt":"2026-04-22T12:47:33","slug":"pub-scene","status":"publish","type":"page","link":"https:\/\/osiris.itabc.cnr.it\/aton\/index.php\/tutorials\/pub-scene\/","title":{"rendered":"Publishing your first 3D scene"},"content":{"rendered":"\n

This is a sample walkthrough on how to create your very first 3D scene with ATON using sample content on your up and running instance<\/a>. The first step is accessing the main (landing) page and login (top right). If you followed the basic tutorial on your machine, you can also use http:\/\/localhost:8080\/myscenes<\/a>: the first time a login will popup:<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

If it’s a fresh launch, you’ll have a few sample users to play with (you can find users config in config\/<\/code>*). You can access with username “bastet<\/strong><\/code>” and password “bas2020<\/strong><\/code>“: of course these are sample users that you’ll change on production instance.<\/p>\n\n\n\n

Once logged in, you’ll see no scenes in your gallery (first time):<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Just tap on “New Scene<\/strong>“. This will create a new, empty 3D scene that you can edit directly in your browser. Hathor front-end will be automatically set in editor mode<\/strong> (the main toolbar shows a yellow border): that means your changes to the scene are automatically saved (persistent modifications).<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Let’s focus on adding a 3D model from the samples (or your collection<\/a>).<\/p>\n\n\n\n

Go to layers<\/em><\/strong> (or key ‘g’) on the main vertical toolbar, you’ll find a single layer called “main<\/em>“. You can indeed create multiple layers or remove them as you like. To edit “main” layer, tap or click on the edit button:<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

In the items section, you can add one or multiple 3D models, point-clouds or 3D gaussian splats, under the “main” layer. Let’s search the skyphos sample<\/em> model (glTF) and add it to the list. You can live filter items while you type:<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

That’s it!<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

You can trasform the entire layer (via translation, rotation or scale), apply custom materials, and much more.<\/p>\n\n\n\n

We can now create a cover <\/strong>for this scene, by simply opening the scene info panel (‘s’)<\/strong>, and “set current view as cover”:<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

That’s it!<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

You can control the visibility <\/strong>of your scene from the corresponding section.<\/p>\n\n\n\n

    \n
  • Unlisted<\/em><\/strong>: only people having this link can access the scene<\/li>\n\n\n\n
  • Public<\/em><\/strong>: the scene is accessible and searchable by users from the main landing page<\/li>\n<\/ul>\n\n\n\n

    That’s it for a very basic publishing of a 3D model!<\/p>\n","protected":false},"excerpt":{"rendered":"

    This is a sample walkthrough on how to create your very first 3D scene with ATON using sample content on your up and running instance. The first step is accessing the main (landing) page and login (top right). If you followed the basic tutorial on your machine, you can also use http:\/\/localhost:8080\/myscenes: the first time […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":253,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-508","page","type-page","status-publish","hentry"],"yoast_head":"\nPublishing your first 3D scene - ATON<\/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:\/\/osiris.itabc.cnr.it\/aton\/index.php\/tutorials\/pub-scene\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Publishing your first 3D scene - ATON\" \/>\n<meta property=\"og:description\" content=\"This is a sample walkthrough on how to create your very first 3D scene with ATON using sample content on your up and running instance. The first step is accessing the main (landing) page and login (top right). If you followed the basic tutorial on your machine, you can also use http:\/\/localhost:8080\/myscenes: the first time […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/osiris.itabc.cnr.it\/aton\/index.php\/tutorials\/pub-scene\/\" \/>\n<meta property=\"og:site_name\" content=\"ATON\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-22T12:47:33+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/osiris.itabc.cnr.it\/aton\/wp-content\/uploads\/2026\/04\/image-1.png\" \/>\n\t<meta property=\"og:image:width\" content=\"568\" \/>\n\t<meta property=\"og:image:height\" content=\"468\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/osiris.itabc.cnr.it\\\/aton\\\/index.php\\\/tutorials\\\/pub-scene\\\/\",\"url\":\"https:\\\/\\\/osiris.itabc.cnr.it\\\/aton\\\/index.php\\\/tutorials\\\/pub-scene\\\/\",\"name\":\"Publishing your first 3D scene - ATON\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/osiris.itabc.cnr.it\\\/aton\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/osiris.itabc.cnr.it\\\/aton\\\/index.php\\\/tutorials\\\/pub-scene\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/osiris.itabc.cnr.it\\\/aton\\\/index.php\\\/tutorials\\\/pub-scene\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/osiris.itabc.cnr.it\\\/aton\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/image-1.png\",\"datePublished\":\"2021-10-10T23:13:10+00:00\",\"dateModified\":\"2026-04-22T12:47:33+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/osiris.itabc.cnr.it\\\/aton\\\/index.php\\\/tutorials\\\/pub-scene\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/osiris.itabc.cnr.it\\\/aton\\\/index.php\\\/tutorials\\\/pub-scene\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/osiris.itabc.cnr.it\\\/aton\\\/index.php\\\/tutorials\\\/pub-scene\\\/#primaryimage\",\"url\":\"https:\\\/\\\/osiris.itabc.cnr.it\\\/aton\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/image-1.png\",\"contentUrl\":\"https:\\\/\\\/osiris.itabc.cnr.it\\\/aton\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/image-1.png\",\"width\":568,\"height\":468},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/osiris.itabc.cnr.it\\\/aton\\\/index.php\\\/tutorials\\\/pub-scene\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/osiris.itabc.cnr.it\\\/aton\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Tutorials\",\"item\":\"https:\\\/\\\/osiris.itabc.cnr.it\\\/aton\\\/index.php\\\/tutorials\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Publishing your first 3D scene\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/osiris.itabc.cnr.it\\\/aton\\\/#website\",\"url\":\"https:\\\/\\\/osiris.itabc.cnr.it\\\/aton\\\/\",\"name\":\"ATON\",\"description\":\"open-source Web3D\\\/WebXR framework by CNR ISPC\",\"publisher\":{\"@id\":\"https:\\\/\\\/osiris.itabc.cnr.it\\\/aton\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/osiris.itabc.cnr.it\\\/aton\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/osiris.itabc.cnr.it\\\/aton\\\/#organization\",\"name\":\"ATON\",\"url\":\"https:\\\/\\\/osiris.itabc.cnr.it\\\/aton\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/osiris.itabc.cnr.it\\\/aton\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/osiris.itabc.cnr.it\\\/aton\\\/wp-content\\\/uploads\\\/2022\\\/12\\\/aton-logo-100.png\",\"contentUrl\":\"https:\\\/\\\/osiris.itabc.cnr.it\\\/aton\\\/wp-content\\\/uploads\\\/2022\\\/12\\\/aton-logo-100.png\",\"width\":100,\"height\":100,\"caption\":\"ATON\"},\"image\":{\"@id\":\"https:\\\/\\\/osiris.itabc.cnr.it\\\/aton\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Publishing your first 3D scene - ATON","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:\/\/osiris.itabc.cnr.it\/aton\/index.php\/tutorials\/pub-scene\/","og_locale":"en_US","og_type":"article","og_title":"Publishing your first 3D scene - ATON","og_description":"This is a sample walkthrough on how to create your very first 3D scene with ATON using sample content on your up and running instance. The first step is accessing the main (landing) page and login (top right). If you followed the basic tutorial on your machine, you can also use http:\/\/localhost:8080\/myscenes: the first time […]","og_url":"https:\/\/osiris.itabc.cnr.it\/aton\/index.php\/tutorials\/pub-scene\/","og_site_name":"ATON","article_modified_time":"2026-04-22T12:47:33+00:00","og_image":[{"width":568,"height":468,"url":"https:\/\/osiris.itabc.cnr.it\/aton\/wp-content\/uploads\/2026\/04\/image-1.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/osiris.itabc.cnr.it\/aton\/index.php\/tutorials\/pub-scene\/","url":"https:\/\/osiris.itabc.cnr.it\/aton\/index.php\/tutorials\/pub-scene\/","name":"Publishing your first 3D scene - ATON","isPartOf":{"@id":"https:\/\/osiris.itabc.cnr.it\/aton\/#website"},"primaryImageOfPage":{"@id":"https:\/\/osiris.itabc.cnr.it\/aton\/index.php\/tutorials\/pub-scene\/#primaryimage"},"image":{"@id":"https:\/\/osiris.itabc.cnr.it\/aton\/index.php\/tutorials\/pub-scene\/#primaryimage"},"thumbnailUrl":"https:\/\/osiris.itabc.cnr.it\/aton\/wp-content\/uploads\/2026\/04\/image-1.png","datePublished":"2021-10-10T23:13:10+00:00","dateModified":"2026-04-22T12:47:33+00:00","breadcrumb":{"@id":"https:\/\/osiris.itabc.cnr.it\/aton\/index.php\/tutorials\/pub-scene\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/osiris.itabc.cnr.it\/aton\/index.php\/tutorials\/pub-scene\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/osiris.itabc.cnr.it\/aton\/index.php\/tutorials\/pub-scene\/#primaryimage","url":"https:\/\/osiris.itabc.cnr.it\/aton\/wp-content\/uploads\/2026\/04\/image-1.png","contentUrl":"https:\/\/osiris.itabc.cnr.it\/aton\/wp-content\/uploads\/2026\/04\/image-1.png","width":568,"height":468},{"@type":"BreadcrumbList","@id":"https:\/\/osiris.itabc.cnr.it\/aton\/index.php\/tutorials\/pub-scene\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/osiris.itabc.cnr.it\/aton\/"},{"@type":"ListItem","position":2,"name":"Tutorials","item":"https:\/\/osiris.itabc.cnr.it\/aton\/index.php\/tutorials\/"},{"@type":"ListItem","position":3,"name":"Publishing your first 3D scene"}]},{"@type":"WebSite","@id":"https:\/\/osiris.itabc.cnr.it\/aton\/#website","url":"https:\/\/osiris.itabc.cnr.it\/aton\/","name":"ATON","description":"open-source Web3D\/WebXR framework by CNR ISPC","publisher":{"@id":"https:\/\/osiris.itabc.cnr.it\/aton\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/osiris.itabc.cnr.it\/aton\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/osiris.itabc.cnr.it\/aton\/#organization","name":"ATON","url":"https:\/\/osiris.itabc.cnr.it\/aton\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/osiris.itabc.cnr.it\/aton\/#\/schema\/logo\/image\/","url":"https:\/\/osiris.itabc.cnr.it\/aton\/wp-content\/uploads\/2022\/12\/aton-logo-100.png","contentUrl":"https:\/\/osiris.itabc.cnr.it\/aton\/wp-content\/uploads\/2022\/12\/aton-logo-100.png","width":100,"height":100,"caption":"ATON"},"image":{"@id":"https:\/\/osiris.itabc.cnr.it\/aton\/#\/schema\/logo\/image\/"}}]}},"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/osiris.itabc.cnr.it\/aton\/index.php\/wp-json\/wp\/v2\/pages\/508","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/osiris.itabc.cnr.it\/aton\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/osiris.itabc.cnr.it\/aton\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/osiris.itabc.cnr.it\/aton\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/osiris.itabc.cnr.it\/aton\/index.php\/wp-json\/wp\/v2\/comments?post=508"}],"version-history":[{"count":18,"href":"https:\/\/osiris.itabc.cnr.it\/aton\/index.php\/wp-json\/wp\/v2\/pages\/508\/revisions"}],"predecessor-version":[{"id":1568,"href":"https:\/\/osiris.itabc.cnr.it\/aton\/index.php\/wp-json\/wp\/v2\/pages\/508\/revisions\/1568"}],"up":[{"embeddable":true,"href":"https:\/\/osiris.itabc.cnr.it\/aton\/index.php\/wp-json\/wp\/v2\/pages\/253"}],"wp:attachment":[{"href":"https:\/\/osiris.itabc.cnr.it\/aton\/index.php\/wp-json\/wp\/v2\/media?parent=508"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}