{"id":1352,"date":"2015-03-01T12:04:22","date_gmt":"2015-03-01T12:04:22","guid":{"rendered":"http:\/\/www.simpletwig.com\/blog\/?p=1352"},"modified":"2017-09-19T14:27:43","modified_gmt":"2017-09-19T18:27:43","slug":"creating-a-real-time-interactive-world","status":"publish","type":"post","link":"https:\/\/www.simpletwig.com\/blog\/creating-a-real-time-interactive-world\/","title":{"rendered":"Real-time Interactive 3d World"},"content":{"rendered":"<p>Part of our experiments into digital nature and real time rendering, we explored the idea of creating a virtual world that kids and family could explore together at the same time. These are some of our results.<\/p>\n<p><!--more--><\/p>\n<p>Our idea was the create a tropical paradise, a kind of place one would dream of going on a \u00a0vacation, to explore the beautiful nature, but also the local inhabitants and their lives.<\/p>\n<p>&nbsp;<\/p>\n<p><a href=\"http:\/\/www.simpletwig.com\/blog\/wp-content\/uploads\/2015\/02\/sandbox_harbor.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-1353\" src=\"http:\/\/www.simpletwig.com\/blog\/wp-content\/uploads\/2015\/02\/sandbox_harbor.jpg\" alt=\"first you have to create an island...\" width=\"768\" height=\"487\" srcset=\"https:\/\/www.simpletwig.com\/blog\/wp-content\/uploads\/2015\/02\/sandbox_harbor.jpg 893w, https:\/\/www.simpletwig.com\/blog\/wp-content\/uploads\/2015\/02\/sandbox_harbor-300x190.jpg 300w\" sizes=\"(max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 543px, 580px\" \/><\/a><\/p>\n<p>first you have to create an island&#8230;<\/p>\n<p>&nbsp;<\/p>\n<p><a href=\"http:\/\/www.simpletwig.com\/blog\/wp-content\/uploads\/2015\/02\/sandbox_point.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-1354\" src=\"http:\/\/www.simpletwig.com\/blog\/wp-content\/uploads\/2015\/02\/sandbox_point.jpg\" alt=\"sandbox_point\" width=\"768\" height=\"507\" srcset=\"https:\/\/www.simpletwig.com\/blog\/wp-content\/uploads\/2015\/02\/sandbox_point.jpg 894w, https:\/\/www.simpletwig.com\/blog\/wp-content\/uploads\/2015\/02\/sandbox_point-300x198.jpg 300w\" sizes=\"(max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 543px, 580px\" \/><\/a><\/p>\n<p>Adding roads so one can drive around the island and explore a variety of places and vistas.<\/p>\n<p>&nbsp;<\/p>\n<p><a href=\"http:\/\/www.simpletwig.com\/blog\/wp-content\/uploads\/2015\/02\/sandbox_valley.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-1362\" src=\"http:\/\/www.simpletwig.com\/blog\/wp-content\/uploads\/2015\/02\/sandbox_valley.jpg\" alt=\"sandbox_valley\" width=\"768\" height=\"506\" srcset=\"https:\/\/www.simpletwig.com\/blog\/wp-content\/uploads\/2015\/02\/sandbox_valley.jpg 890w, https:\/\/www.simpletwig.com\/blog\/wp-content\/uploads\/2015\/02\/sandbox_valley-300x198.jpg 300w\" sizes=\"(max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 543px, 580px\" \/><\/a><\/p>\n<p>Adding roads is an important step in the process as it both establishes where other components will go, but also modifies the terrain. Here we see a valley being modeled with an adjacent road that can take in the vista.<\/p>\n<p>&nbsp;<\/p>\n<p><a href=\"http:\/\/www.simpletwig.com\/blog\/wp-content\/uploads\/2015\/02\/sandbox_rachel_beach.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-1355\" src=\"http:\/\/www.simpletwig.com\/blog\/wp-content\/uploads\/2015\/02\/sandbox_rachel_beach.jpg\" alt=\"sandbox_rachel_beach\" width=\"768\" height=\"585\" srcset=\"https:\/\/www.simpletwig.com\/blog\/wp-content\/uploads\/2015\/02\/sandbox_rachel_beach.jpg 900w, https:\/\/www.simpletwig.com\/blog\/wp-content\/uploads\/2015\/02\/sandbox_rachel_beach-300x228.jpg 300w\" sizes=\"(max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 543px, 580px\" \/><\/a><\/p>\n<p>Adding little villages and harbors make exploring fun, especially when you can hop on a boat and drive around, or dive into the water to watch the fish swim by.<\/p>\n<p>&nbsp;<\/p>\n<p>Adding details, to make it interactive. \u00a0Yes, these people can walk along pre-determined paths (with a little coding) and interact with their environment. \u00a0This is beginning to become a fun place to explore\u2026 lets see more?<\/p>\n<p>&nbsp;<\/p>\n<p><a href=\"http:\/\/www.simpletwig.com\/blog\/wp-content\/uploads\/2015\/02\/sandbox_rachel_cabbage.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-1356\" src=\"http:\/\/www.simpletwig.com\/blog\/wp-content\/uploads\/2015\/02\/sandbox_rachel_cabbage.jpg\" alt=\"sandbox_rachel_cabbage\" width=\"768\" height=\"507\" srcset=\"https:\/\/www.simpletwig.com\/blog\/wp-content\/uploads\/2015\/02\/sandbox_rachel_cabbage.jpg 902w, https:\/\/www.simpletwig.com\/blog\/wp-content\/uploads\/2015\/02\/sandbox_rachel_cabbage-300x198.jpg 300w\" sizes=\"(max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 543px, 580px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p><a href=\"http:\/\/www.simpletwig.com\/blog\/wp-content\/uploads\/2015\/02\/sandbox_rachel_cafe1.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-1357\" src=\"http:\/\/www.simpletwig.com\/blog\/wp-content\/uploads\/2015\/02\/sandbox_rachel_cafe1.jpg\" alt=\"sandbox_rachel_cafe1\" width=\"768\" height=\"507\" srcset=\"https:\/\/www.simpletwig.com\/blog\/wp-content\/uploads\/2015\/02\/sandbox_rachel_cafe1.jpg 903w, https:\/\/www.simpletwig.com\/blog\/wp-content\/uploads\/2015\/02\/sandbox_rachel_cafe1-300x198.jpg 300w\" sizes=\"(max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 543px, 580px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p><a href=\"http:\/\/www.simpletwig.com\/blog\/wp-content\/uploads\/2015\/02\/sandbox_rachel_cafe2.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-1358\" src=\"http:\/\/www.simpletwig.com\/blog\/wp-content\/uploads\/2015\/02\/sandbox_rachel_cafe2.jpg\" alt=\"sandbox_rachel_cafe2\" width=\"768\" height=\"503\" srcset=\"https:\/\/www.simpletwig.com\/blog\/wp-content\/uploads\/2015\/02\/sandbox_rachel_cafe2.jpg 900w, https:\/\/www.simpletwig.com\/blog\/wp-content\/uploads\/2015\/02\/sandbox_rachel_cafe2-300x197.jpg 300w\" sizes=\"(max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 543px, 580px\" \/><\/a><\/p>\n<p>Those lanterns light up in the evening when the sun, in real time, sets, and given a breeze move to the wind as do the plants.<\/p>\n<p><a href=\"http:\/\/www.simpletwig.com\/blog\/wp-content\/uploads\/2015\/02\/sandbox_rachel_objects.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-1359\" src=\"http:\/\/www.simpletwig.com\/blog\/wp-content\/uploads\/2015\/02\/sandbox_rachel_objects.jpg\" alt=\"sandbox_rachel_objects\" width=\"768\" height=\"620\" srcset=\"https:\/\/www.simpletwig.com\/blog\/wp-content\/uploads\/2015\/02\/sandbox_rachel_objects.jpg 899w, https:\/\/www.simpletwig.com\/blog\/wp-content\/uploads\/2015\/02\/sandbox_rachel_objects-300x242.jpg 300w\" sizes=\"(max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 543px, 580px\" \/><\/a><\/p>\n<p>Yes the chickens &#8216;cluck&#8217; and do their thing, looking for food.<\/p>\n<p>&nbsp;<\/p>\n<p><a href=\"http:\/\/www.simpletwig.com\/blog\/wp-content\/uploads\/2015\/02\/sandbox_rachel1.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-1360\" src=\"http:\/\/www.simpletwig.com\/blog\/wp-content\/uploads\/2015\/02\/sandbox_rachel1.jpg\" alt=\"sandbox_rachel1\" width=\"768\" height=\"505\" srcset=\"https:\/\/www.simpletwig.com\/blog\/wp-content\/uploads\/2015\/02\/sandbox_rachel1.jpg 901w, https:\/\/www.simpletwig.com\/blog\/wp-content\/uploads\/2015\/02\/sandbox_rachel1-300x197.jpg 300w\" sizes=\"(max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 543px, 580px\" \/><\/a><\/p>\n<p>And indeed\u00a0those are birds flying in the sky, and an entire ocean to explore as well. \u00a0Island hopping anyone?<\/p>\n<p>&nbsp;<\/p>\n<p><a href=\"http:\/\/www.simpletwig.com\/blog\/wp-content\/uploads\/2015\/02\/FlowGraph.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-1361\" src=\"http:\/\/www.simpletwig.com\/blog\/wp-content\/uploads\/2015\/02\/FlowGraph.jpg\" alt=\"FlowGraph\" width=\"768\" height=\"305\" srcset=\"https:\/\/www.simpletwig.com\/blog\/wp-content\/uploads\/2015\/02\/FlowGraph.jpg 1017w, https:\/\/www.simpletwig.com\/blog\/wp-content\/uploads\/2015\/02\/FlowGraph-300x119.jpg 300w\" sizes=\"(max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 543px, 580px\" \/><\/a><\/p>\n<p>Our Flow Graph for the AI &#8216;people&#8217; in order to get them to move when &#8216;triggered&#8217;. That is, they don&#8217;t move if there is no one to see them and only move when the user comes into view or are within an area. Typically the AI will repeat their &#8216;path&#8217; until the user leaves the area.<\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"border-top-left-radius: 2px; border-top-right-radius: 2px; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; text-indent: 20px; width: auto; padding: 0px 4px 0px 0px; text-align: center; font-style: normal; font-variant-caps: normal; font-weight: bold; font-size: 11px; line-height: 20px; font-family: 'Helvetica Neue', Helvetica, sans-serif; color: #ffffff; background-image: url(data:image\/svg+xml; base64,phn2zyb4bwxucz0iahr0cdovl3d3dy53my5vcmcvmjawmc9zdmciighlawdodd0imzbwecigd2lkdgg9ijmwchgiihzpzxdcb3g9ii0xic0xidmxidmxij48zz48cgf0acbkpsjnmjkundq5lde0ljy2mibdmjkundq5ldiyljcymiaymi44njgsmjkumju2ide0ljc1ldi5lji1nibdni42mzismjkumju2idaumduxldiyljcymiawlja1mswxnc42njigqzaumduxldyunjaxidyunjmyldaumdy3ide0ljc1ldaumdy3iemymi44njgsmc4wnjcgmjkundq5ldyunjaxidi5ljq0oswxnc42njiiigzpbgw9iinmzmyiihn0cm9rzt0ii2zmziigc3ryb2tllxdpzhropsixij48l3bhdgg+phbhdgggzd0itte0ljczmywxljy4nibdny41mtysms42odygms42njusny40otugms42njusmtqunjyyiemxljy2nswymc4xntkgns4xmdksmjquodu0idkuotcsmjyunzq0iem5ljg1niwyns43mtggos43ntmsmjqumtqzidewljaxniwymy4wmjigqzewlji1mywymi4wmsaxms41ndgsmtyuntcyidexlju0ocwxni41nzigqzexlju0ocwxni41nzigmteumtu3lde1ljc5nsaxms4xntcsmtqunjq2iemxms4xntcsmtiuodqyideyljixmswxms40otugmtmuntiyldexljq5nsbdmtqunjm3ldexljq5nsaxns4xnzusmtiumzi2ide1lje3nswxmy4zmjmgqze1lje3nswxnc40mzygmtqundyylde2ljegmtqumdkzlde3ljy0mybdmtmunzg1lde4ljkznsaxnc43ndusmtkuotg4ide2ljayocwxos45odggqze4ljm1mswxos45odggmjaumtm2lde3lju1niaymc4xmzysmtqumdq2iemymc4xmzysmtauotm5ide3ljg4ocw4ljc2nyaxnc42nzgsoc43njcgqzewljk1osw4ljc2nya4ljc3nywxms41mzygoc43nzcsmtqumzk4iem4ljc3nywxns41mtmgos4ymswxni43mdkgos43ndksmtcumzu5iem5ljg1niwxny40odggos44nzismtcunia5ljg0lde3ljczmsbdos43ndesmtgumtqxidkuntismtkumdizidkundc3lde5ljiwmybdos40miwxos40nca5lji4ocwxos40otegos4wncwxos4znzygqzcunda4lde4ljyymia2ljm4nywxni4yntigni4zodcsmtqumzq5iem2ljm4nywxmc4yntygos4zodmsni40otcgmtuumdiyldyundk3iemxos41ntusni40otcgmjmumdc4ldkunza1idizlja3ocwxmy45otegqzizlja3ocwxoc40njmgmjaumjm5ldiylja2miaxni4yotcsmjiumdyyiemxnc45nzmsmjiumdyyidezljcyocwyms4znzkgmtmumzayldiwlju3mibdmtmumzayldiwlju3miaxmi42ndcsmjmumdugmtiundg4ldizljy1nybdmtiumtkzldi0ljc4ncaxms4zotysmjyumtk2idewljg2mywyny4wntggqzeylja4niwyny40mzqgmtmumzg2ldi3ljyznyaxnc43mzmsmjcunjm3iemyms45nswyny42mzcgmjcuodaxldixljgyocayny44mdesmtqunjyyiemyny44mdesny40otugmjeuotusms42odygmtqunzmzldeunjg2iibmawxspsijymqwodfjij48l3bhdgg+pc9npjwvc3znpg==); background-size: 14px 14px; background-color: #bd081c; position: absolute; opacity: 1; z-index: 8675309; display: none; cursor: pointer; border: none; -webkit-font-smoothing: antialiased; top: 236px; left: 105px; background-position: 3px 50%; background-repeat: no-repeat no-repeat;\">Save<\/span><span style=\"border-top-left-radius: 2px; border-top-right-radius: 2px; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; text-indent: 20px; width: auto; padding: 0px 4px 0px 0px; text-align: center; font-style: normal; font-variant-caps: normal; font-weight: bold; font-size: 11px; line-height: 20px; font-family: 'Helvetica Neue', Helvetica, sans-serif; color: #ffffff; background-image: url(data:image\/svg+xml; base64,phn2zyb4bwxucz0iahr0cdovl3d3dy53my5vcmcvmjawmc9zdmciighlawdodd0imzbwecigd2lkdgg9ijmwchgiihzpzxdcb3g9ii0xic0xidmxidmxij48zz48cgf0acbkpsjnmjkundq5lde0ljy2mibdmjkundq5ldiyljcymiaymi44njgsmjkumju2ide0ljc1ldi5lji1nibdni42mzismjkumju2idaumduxldiyljcymiawlja1mswxnc42njigqzaumduxldyunjaxidyunjmyldaumdy3ide0ljc1ldaumdy3iemymi44njgsmc4wnjcgmjkundq5ldyunjaxidi5ljq0oswxnc42njiiigzpbgw9iinmzmyiihn0cm9rzt0ii2zmziigc3ryb2tllxdpzhropsixij48l3bhdgg+phbhdgggzd0itte0ljczmywxljy4nibdny41mtysms42odygms42njusny40otugms42njusmtqunjyyiemxljy2nswymc4xntkgns4xmdksmjquodu0idkuotcsmjyunzq0iem5ljg1niwyns43mtggos43ntmsmjqumtqzidewljaxniwymy4wmjigqzewlji1mywymi4wmsaxms41ndgsmtyuntcyidexlju0ocwxni41nzigqzexlju0ocwxni41nzigmteumtu3lde1ljc5nsaxms4xntcsmtqunjq2iemxms4xntcsmtiuodqyideyljixmswxms40otugmtmuntiyldexljq5nsbdmtqunjm3ldexljq5nsaxns4xnzusmtiumzi2ide1lje3nswxmy4zmjmgqze1lje3nswxnc40mzygmtqundyylde2ljegmtqumdkzlde3ljy0mybdmtmunzg1lde4ljkznsaxnc43ndusmtkuotg4ide2ljayocwxos45odggqze4ljm1mswxos45odggmjaumtm2lde3lju1niaymc4xmzysmtqumdq2iemymc4xmzysmtauotm5ide3ljg4ocw4ljc2nyaxnc42nzgsoc43njcgqzewljk1osw4ljc2nya4ljc3nywxms41mzygoc43nzcsmtqumzk4iem4ljc3nywxns41mtmgos4ymswxni43mdkgos43ndksmtcumzu5iem5ljg1niwxny40odggos44nzismtcunia5ljg0lde3ljczmsbdos43ndesmtgumtqxidkuntismtkumdizidkundc3lde5ljiwmybdos40miwxos40nca5lji4ocwxos40otegos4wncwxos4znzygqzcunda4lde4ljyymia2ljm4nywxni4yntigni4zodcsmtqumzq5iem2ljm4nywxmc4yntygos4zodmsni40otcgmtuumdiyldyundk3iemxos41ntusni40otcgmjmumdc4ldkunza1idizlja3ocwxmy45otegqzizlja3ocwxoc40njmgmjaumjm5ldiylja2miaxni4yotcsmjiumdyyiemxnc45nzmsmjiumdyyidezljcyocwyms4znzkgmtmumzayldiwlju3mibdmtmumzayldiwlju3miaxmi42ndcsmjmumdugmtiundg4ldizljy1nybdmtiumtkzldi0ljc4ncaxms4zotysmjyumtk2idewljg2mywyny4wntggqzeylja4niwyny40mzqgmtmumzg2ldi3ljyznyaxnc43mzmsmjcunjm3iemyms45nswyny42mzcgmjcuodaxldixljgyocayny44mdesmtqunjyyiemyny44mdesny40otugmjeuotusms42odygmtqunzmzldeunjg2iibmawxspsijymqwodfjij48l3bhdgg+pc9npjwvc3znpg==); background-size: 14px 14px; background-color: #bd081c; position: absolute; opacity: 1; z-index: 8675309; display: none; cursor: pointer; border: none; -webkit-font-smoothing: antialiased; top: 236px; left: 105px; background-position: 3px 50%; background-repeat: no-repeat no-repeat;\">Save<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Part of our experiments into digital nature and real time rendering, we explored the idea of creating a virtual world that kids and family could explore together at the same time. These are some of our results.<\/p>\n","protected":false},"author":2,"featured_media":1459,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2,1093,757,1],"tags":[1094,482,501,502,477,85,112,480,481,478,479,483,265],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.simpletwig.com\/blog\/wp-json\/wp\/v2\/posts\/1352"}],"collection":[{"href":"https:\/\/www.simpletwig.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.simpletwig.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.simpletwig.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.simpletwig.com\/blog\/wp-json\/wp\/v2\/comments?post=1352"}],"version-history":[{"count":0,"href":"https:\/\/www.simpletwig.com\/blog\/wp-json\/wp\/v2\/posts\/1352\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.simpletwig.com\/blog\/wp-json\/wp\/v2\/media\/1459"}],"wp:attachment":[{"href":"https:\/\/www.simpletwig.com\/blog\/wp-json\/wp\/v2\/media?parent=1352"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.simpletwig.com\/blog\/wp-json\/wp\/v2\/categories?post=1352"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.simpletwig.com\/blog\/wp-json\/wp\/v2\/tags?post=1352"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}