{"id":208,"date":"2024-04-11T00:30:29","date_gmt":"2024-04-11T00:30:29","guid":{"rendered":"http:\/\/mycours.es\/interactivity\/?page_id=208"},"modified":"2025-11-13T12:58:42","modified_gmt":"2025-11-13T12:58:42","slug":"expressive-environment","status":"publish","type":"page","link":"https:\/\/mycours.es\/interactivity\/expressive-environment\/","title":{"rendered":"Lucid Dreams"},"content":{"rendered":"<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-3415\" src=\"http:\/\/mycours.es\/digitalmedia\/files\/2022\/08\/1490024247383-Oikospiel1-1024x618.png\" alt=\"\" width=\"840\" height=\"507\" \/><\/p>\n<p>Can a space tell a story? Can architecture be expressive? Can virtual environments be something other than arenas for battles or frontiers to explore and conquer?<\/p>\n<h2><strong>Assignment<\/strong><\/h2>\n<p>Create an expressive environment you can explore in first person.<\/p>\n<p>Start from a mood, an emotional target.<\/p>\n<p>The experience should last about 1 minute.<\/p>\n<p>Focus on the atmosphere and the experience of moving through space.<\/p>\n<p>Try no not set a completely linear path for the player.<\/p>\n<p>Give it a purpose\/conclusion, it can be about finding an exit or an object.<\/p>\n<h2><strong>1. Setup<\/strong><\/h2>\n<p>If you haven&#8217;t done it yet<\/p>\n<h2><a href=\"https:\/\/github.com\/molleindustria\/ExplorationGame\/\">Download the template from here<\/a><\/h2>\n<p>Instructions<\/p>\n<p><iframe loading=\"lazy\" title=\"Expressive environment: setting up the project\" width=\"840\" height=\"473\" src=\"https:\/\/www.youtube.com\/embed\/w6GZASvploM?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/p>\n<h2><strong>2. Pre production<\/strong><\/h2>\n<p>As a starting point pick a song from this compilation:<\/p>\n<p><a href=\"https:\/\/oneohtrixpointnever.bandcamp.com\/album\/rifts\">https:\/\/oneohtrixpointnever.bandcamp.com\/album\/rifts<\/a><\/p>\n<p>And put together a mood board to define a visual\/emotional\/conceptual direction<\/p>\n<p><a href=\"https:\/\/mycours.es\/interactivity\/exercise-mood-board\/\">Mood board<\/a><\/p>\n<p>Plus two patterns to incorporate among the ones defined here:<\/p>\n<p><a href=\"https:\/\/mycours.es\/interactivity\/a-pattern-language-for-expressive-environments\/\">https:\/\/mycours.es\/interactivity\/a-pattern-language-for-expressive-environments\/<\/a><\/p>\n<p>And create a layout<\/p>\n<p><a href=\"https:\/\/mycours.es\/interactivity\/assignment-layout\/\">Layout readings and resources<\/a><\/p>\n<h2>3. Blockout<\/h2>\n<p>Create a blockout of your environment.<\/p>\n<p>You can use probuilder, terrain, and\/or create your own modular kit (recommended).<br \/>\n(Don&#8217;t reinvent the wheel! Use an existing modular pack as template\u00a0search Sketchfab for keywords like <a href=\"https:\/\/sketchfab.com\/search?features=downloadable&amp;q=kit&amp;type=models\">kit<\/a>, <a href=\"https:\/\/sketchfab.com\/search?features=downloadable&amp;q=modular&amp;type=models\">modular<\/a>, or <a href=\"https:\/\/sketchfab.com\/search?features=downloadable&amp;q=pack&amp;type=models\">pack<\/a>)<\/p>\n<p>What&#8217;s a blockout? Check out <a href=\"https:\/\/twitter.com\/hashtag\/Blocktober?src=hashtag_click\">#blocktober<\/a><\/p>\n<p>Read the Level Design Book chapter about <a href=\"https:\/\/book.leveldesignbook.com\/process\/blockout\">blockouts<\/a><\/p>\n<p><iframe loading=\"lazy\" title=\"Expressive environment:  modular level kit\" width=\"840\" height=\"473\" src=\"https:\/\/www.youtube.com\/embed\/VOImMpPwVUs?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/p>\n<p><iframe loading=\"lazy\" title=\"Intro to Probuilder\" width=\"840\" height=\"473\" src=\"https:\/\/www.youtube.com\/embed\/e3U2RujPJ2s?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/p>\n<h2>4. Environment Art<\/h2>\n<p>This is an unorthodox process but it&#8217;s the fastest way you can add color and texture to an environment.<\/p>\n<p>You can download BORING textures from these sites and go through the same process:<br \/>\n<a class=\"anchor-1MIwyf anchorUnderlineOnHover-2qPutX\" tabindex=\"0\" title=\"https:\/\/polyhaven.com\/\" role=\"button\" href=\"https:\/\/polyhaven.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/polyhaven.com\/<\/a><br \/>\n<a class=\"anchor-1MIwyf anchorUnderlineOnHover-2qPutX\" tabindex=\"0\" title=\"https:\/\/ambientcg.com\/\" role=\"button\" href=\"https:\/\/ambientcg.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/ambientcg.com\/<\/a><br \/>\n<a class=\"anchor-1MIwyf anchorUnderlineOnHover-2qPutX\" tabindex=\"0\" title=\"https:\/\/freepbr.com\/\" role=\"button\" href=\"https:\/\/freepbr.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/freepbr.com\/<\/a><\/p>\n<p><iframe loading=\"lazy\" title=\"Expressive environment: AI generated materials\" src=\"https:\/\/www.youtube.com\/embed\/Wr0aNfHvDTo?feature=oembed\" width=\"840\" height=\"473\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\" data-mce-fragment=\"1\"><\/iframe><\/p>\n<p><iframe loading=\"lazy\" title=\"Expressive environment: sprites in 3D space\" width=\"840\" height=\"473\" src=\"https:\/\/www.youtube.com\/embed\/9iX3wOIeZGQ?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/p>\n<h2>5. Interactions<\/h2>\n<p>The ink logic works the same way as the<a href=\"https:\/\/github.com\/molleindustria\/ExplorationGame2D\"> 2D version<\/a><br \/>\nWithout coding you can also implement simple interactions with the trigger interaction script.<\/p>\n<p><iframe loading=\"lazy\" title=\"Expressive environment: interaction events\" width=\"840\" height=\"473\" src=\"https:\/\/www.youtube.com\/embed\/9SmcsOLHfok?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/p>\n<p>&nbsp;<\/p>\n<h2>Adding sounds<\/h2>\n<p><iframe loading=\"lazy\" title=\"Sound audio source\" width=\"840\" height=\"473\" src=\"https:\/\/www.youtube.com\/embed\/0A3ki232F-o?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/p>\n<h2>Physics (basic)<\/h2>\n<p><iframe loading=\"lazy\" title=\"Unity basic physics\" width=\"840\" height=\"473\" src=\"https:\/\/www.youtube.com\/embed\/f4e-7bGCt7o?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/p>\n<h2>Building your game<\/h2>\n<p><iframe loading=\"lazy\" title=\"building your project\" width=\"840\" height=\"473\" src=\"https:\/\/www.youtube.com\/embed\/Ss-C6jY5cxQ?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Can a space tell a story? Can architecture be expressive? Can virtual environments be something other than arenas for battles or frontiers to explore and conquer? Assignment Create an expressive environment you can explore in first person. Start from a mood, an emotional target. The experience should last about 1 minute. Focus on the atmosphere &hellip; <a href=\"https:\/\/mycours.es\/interactivity\/expressive-environment\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Lucid Dreams&#8221;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":1,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-208","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mycours.es\/interactivity\/wp-json\/wp\/v2\/pages\/208","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mycours.es\/interactivity\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mycours.es\/interactivity\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mycours.es\/interactivity\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mycours.es\/interactivity\/wp-json\/wp\/v2\/comments?post=208"}],"version-history":[{"count":10,"href":"https:\/\/mycours.es\/interactivity\/wp-json\/wp\/v2\/pages\/208\/revisions"}],"predecessor-version":[{"id":291,"href":"https:\/\/mycours.es\/interactivity\/wp-json\/wp\/v2\/pages\/208\/revisions\/291"}],"wp:attachment":[{"href":"https:\/\/mycours.es\/interactivity\/wp-json\/wp\/v2\/media?parent=208"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}