{"id":1107,"date":"2022-06-03T12:12:45","date_gmt":"2022-06-03T09:12:45","guid":{"rendered":"https:\/\/blogi.savonia.fi\/digitalcircularfashionhouse\/?p=1107"},"modified":"2023-05-02T10:50:39","modified_gmt":"2023-05-02T07:50:39","slug":"virtuaalisovittaminen","status":"publish","type":"post","link":"https:\/\/blogi.savonia.fi\/digitalcircularfashionhouse\/2022\/06\/03\/virtuaalisovittaminen\/","title":{"rendered":"Virtuaalisovittaminen"},"content":{"rendered":"\n<p>Virtuaalisovittamisen Digijami 5.5.2022 oli osa Digital &amp; Circular Fashion House -hankkeen digijameja ja siell\u00e4 tutustuttiin eri virtuaalisovittamisen menetelmiin.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Mit\u00e4 on virtuaalisovittaminen?<\/h2>\n\n\n\n<p>Virtuaalisovittamisella tarkoitetaan sit\u00e4, ett\u00e4 digitaalisesti voidaan sovittaa k\u00e4ytt\u00e4j\u00e4n tai 3D-avattaren p\u00e4\u00e4lle vaate tai muu p\u00e4\u00e4lle puettava varuste kuten silm\u00e4lasit. Virtuaalisovituksella on monia selkeit\u00e4 hy\u00f6tyj\u00e4. Ensinn\u00e4kin k\u00e4ytt\u00e4j\u00e4 n\u00e4kee milt\u00e4 mahdollisesti tuote n\u00e4ytt\u00e4\u00e4 k\u00e4ytt\u00e4j\u00e4n p\u00e4\u00e4ll\u00e4, jolloin k\u00e4ytt\u00e4j\u00e4 voi tehd\u00e4 ostop\u00e4\u00e4t\u00f6ksen sen perusteella. Joillain virtuaalisovitusmenetelmill\u00e4 on mahdollista tehd\u00e4 oikea vaatekoon valinta sen perusteella, mit\u00e4 nettisivu tai ohjelma ehdottaa. T\u00e4m\u00e4 v\u00e4hent\u00e4\u00e4 nettikaupank\u00e4ynniss\u00e4 suurelta osin vaatteiden palauttamista, koska enenemiss\u00e4 m\u00e4\u00e4rin k\u00e4ytt\u00e4j\u00e4t tilaavat suoraan oikean kokoisen vaatteen sen sijaan, ett\u00e4 k\u00e4ytt\u00e4j\u00e4t tilaisivat kolme eri kokoa, joista pit\u00e4\u00e4 yhden oikean kokoisen ja palauttavat kaksi. Virtuaalisovittamisella voi siis sanoa olevan ymp\u00e4rist\u00f6n kuormittamista v\u00e4hent\u00e4v\u00e4 vaikutus.&nbsp;<\/p>\n\n\n\n<p>Virtuaalisovittamiseen liittyy useita eri teknologioita ja k\u00e4ytt\u00f6kohteita. Virtuaalisovittamisessa voidaan hy\u00f6dynt\u00e4\u00e4 useita eri teknologioita. K\u00e4yd\u00e4\u00e4n seuraavaksi joitain niit\u00e4 l\u00e4pi.&nbsp;<\/p>\n\n\n\n<p>AR eli Augmented reality eli lis\u00e4tty todellisuus. T\u00e4ll\u00e4 teknologialla voidaan lis\u00e4t\u00e4 digitaalisia elementtej\u00e4 fyysiseen maailmaan. Virtuaalisovittamisen n\u00e4k\u00f6kulmasta voidaan reaaliaikaisesti lis\u00e4t\u00e4 k\u00e4ytt\u00e4j\u00e4lle haluttu vaate p\u00e4\u00e4lle, jolloin k\u00e4ytt\u00e4j\u00e4 voi n\u00e4hd\u00e4 suoraan milt\u00e4 joku tuote voisi n\u00e4ytt\u00e4\u00e4 p\u00e4\u00e4ll\u00e4. Erityisesti t\u00e4m\u00e4 teknologia on k\u00e4yt\u00f6ss\u00e4 joissain kaupoissa \u201dpeilein\u00e4\u201d, jolloin n\u00e4yt\u00f6lle heijastuu kuva k\u00e4ytt\u00e4j\u00e4st\u00e4 tuote p\u00e4\u00e4ll\u00e4. My\u00f6s \u00e4lypuhelimille on olemassa vaatesovituksia. N\u00e4ist\u00e4 esim. Snapchat tarjoaa eri yritysten tekemi\u00e4 suodattimia, joilla voi tehd\u00e4 vaatesovituksia.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/blogi.savonia.fi\/digitalcircularfashionhouse\/wp-content\/uploads\/sites\/9749\/2022\/06\/IMG_3994-576x1024.jpg\" alt=\"\" class=\"wp-image-1108\" width=\"257\" height=\"456\" \/><figcaption class=\"wp-element-caption\">Dior:n AR tekniikkaa hy\u00f6dynt\u00e4v\u00e4 suodatin kenkien virtuaalisovittamiseksi Snapchatilla&nbsp;<\/figcaption><\/figure>\n\n\n\n<p>AI eli teko\u00e4ly. Teko\u00e4lyalgoritmeja k\u00e4ytet\u00e4\u00e4n yleens\u00e4 kahdella tavalla. Aluksikin k\u00e4ytt\u00e4j\u00e4n muodon tunnistuksessa k\u00e4ytet\u00e4\u00e4n hahmontunnistusalgorimia. Hahmontunnistusalgoritmill\u00e4 ajatuksena on saada mahdollisimman tarkka malli k\u00e4ytt\u00e4j\u00e4n kehosta. T\u00e4m\u00e4 on erityisen hy\u00f6dyllinen k\u00e4ytt\u00e4j\u00e4n kehon digitaalisessa mittaamisessa, jolloin teko\u00e4lyalgoritmia hy\u00f6dynt\u00e4m\u00e4ll\u00e4 voidaan tehd\u00e4 k\u00e4ytt\u00e4j\u00e4lle sopivia ehdotuksia siit\u00e4 mink\u00e4 kokoinen vaate k\u00e4ytt\u00e4j\u00e4lle sopisi. Toisaalta k\u00e4ytt\u00e4j\u00e4n eri kehonosien tunnistamiseen k\u00e4ytet\u00e4\u00e4n kuvantunnistusalgoritmia. Se toimii erityisesti jos pit\u00e4\u00e4 k\u00e4ytt\u00e4j\u00e4lt\u00e4 tunnistaa eri osat kasvoista esim. silm\u00e4lasien sovittamista varten tai jos kuvasta pit\u00e4\u00e4 tunnistaa eri kehon osat vaatteiden sovitusta varten.&nbsp;<\/p>\n\n\n\n<p>Hahmon ja kuvan tunnistamiseen k\u00e4ytet\u00e4\u00e4n yleens\u00e4 perinteist\u00e4 kameraa, jolloin kuvasta voidaan tunnistaa hahmo. Toisaalta on my\u00f6s kameratekniikkaa, jossa v\u00e4rikuvan sijaan muodostuukin algoritmia varten syvyys-\/et\u00e4isyyskuva. My\u00f6s Lidar(light detection and ranging)-teknologiaa voidaan hy\u00f6dynt\u00e4\u00e4 mallin tuottamisessa. Lidarissa laitteisto ampuu laser-s\u00e4teit\u00e4 ymp\u00e4rist\u00f6\u00f6n ja analysoi sen heijastuksesta syvyys-\/et\u00e4isyyskuvan. N\u00e4ist\u00e4 kuvista voidaan muodostaa 3D-malli k\u00e4ytt\u00e4j\u00e4st\u00e4.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/blogi.savonia.fi\/digitalcircularfashionhouse\/wp-content\/uploads\/sites\/9749\/2022\/06\/Screenshot-2022-05-13-at-10.51.15-618x1024.png\" alt=\"\" class=\"wp-image-1109\" width=\"258\" height=\"427\" srcset=\"https:\/\/blogi.savonia.fi\/digitalcircularfashionhouse\/wp-content\/uploads\/sites\/9749\/2022\/06\/Screenshot-2022-05-13-at-10.51.15-618x1024.png 618w, https:\/\/blogi.savonia.fi\/digitalcircularfashionhouse\/wp-content\/uploads\/sites\/9749\/2022\/06\/Screenshot-2022-05-13-at-10.51.15-181x300.png 181w, https:\/\/blogi.savonia.fi\/digitalcircularfashionhouse\/wp-content\/uploads\/sites\/9749\/2022\/06\/Screenshot-2022-05-13-at-10.51.15-768x1272.png 768w, https:\/\/blogi.savonia.fi\/digitalcircularfashionhouse\/wp-content\/uploads\/sites\/9749\/2022\/06\/Screenshot-2022-05-13-at-10.51.15-230x381.png 230w, https:\/\/blogi.savonia.fi\/digitalcircularfashionhouse\/wp-content\/uploads\/sites\/9749\/2022\/06\/Screenshot-2022-05-13-at-10.51.15-350x580.png 350w, https:\/\/blogi.savonia.fi\/digitalcircularfashionhouse\/wp-content\/uploads\/sites\/9749\/2022\/06\/Screenshot-2022-05-13-at-10.51.15-480x795.png 480w, https:\/\/blogi.savonia.fi\/digitalcircularfashionhouse\/wp-content\/uploads\/sites\/9749\/2022\/06\/Screenshot-2022-05-13-at-10.51.15.png 860w\" sizes=\"auto, (max-width: 258px) 100vw, 258px\" \/><figcaption class=\"wp-element-caption\">Et\u00e4isyyskuvista muodostettu 3D-malli<\/figcaption><\/figure>\n\n\n\n<p>Perinteisempi l\u00e4hestymiskulma virtuaalisovittamisessa k\u00e4ytt\u00e4j\u00e4n mallin n\u00e4k\u00f6kulmasta on ottaa k\u00e4ytt\u00e4j\u00e4st\u00e4 mittoja ja tuottaa 3D-malli siihen tarkoitetuilla ohjelmistoilla, kuten Clo3D:ll\u00e4. Siin\u00e4 voidaan sy\u00f6tt\u00e4\u00e4 ohjelmaan mittaukset kehon eri osista, esim. jalan pituus, k\u00e4ytt\u00e4j\u00e4n korkeus ja k\u00e4den pituus. Lopputuloksena on virtuaalinen 3D-malli, jonka pit\u00e4isi mahdollisimman hyvin kuvata k\u00e4ytt\u00e4j\u00e4\u00e4.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/blogi.savonia.fi\/digitalcircularfashionhouse\/wp-content\/uploads\/sites\/9749\/2022\/06\/Avatar-Editor_esimerkki-1024x553.png\" alt=\"\" class=\"wp-image-1110\" width=\"512\" height=\"277\" \/><figcaption class=\"wp-element-caption\">N\u00e4kym\u00e4 Clo3D-ohjelmasta, jossa sy\u00f6tet\u00e4\u00e4n mitattavan henkil\u00f6n tietoja 3D-mallia varten&nbsp;<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/blogi.savonia.fi\/digitalcircularfashionhouse\/wp-content\/uploads\/sites\/9749\/2022\/06\/Kimono_koko_40_avatar-1-576x1024.png\" alt=\"\" class=\"wp-image-1114\" width=\"251\" height=\"447\" \/><figcaption class=\"wp-element-caption\">Sovitettu digitaalinen vaate 3D-mallin p\u00e4\u00e4ll\u00e4&nbsp;<\/figcaption><\/figure>\n\n\n\n<p>Virtuaalisia sovituskoppeja on jo todella paljon tarjolla, mutta niiden hinnoittelu ei yleens\u00e4 ottaen ole avointa eli yritykset, jotka n\u00e4it\u00e4 tarjoavat haluavat kartoittaa mit\u00e4 vaatekaupan yritt\u00e4j\u00e4t tarvitsevat ja sen perusteella hintakin m\u00e4\u00e4r\u00e4ytyy. Esim. <a rel=\"noreferrer noopener\" href=\"https:\/\/style.clo-set.com\/aboutus\" target=\"_blank\">CLO-SET<\/a> tarjoaa mahdollisuuden lis\u00e4t\u00e4 verkkokauppaan virtuaalisen sovituskopin. Toisaalta on my\u00f6s ratkaisuja, joissa ei varsinaisesti tarjota virtuaalista sovitusta vaan vaatekoon suositus tapahtuu kuvista otettujen mittojen perusteella, esimerkki tallaisesta on hankkeessakin mukana oleva Sizey Oy:n <a rel=\"noreferrer noopener\" href=\"https:\/\/my.sizey.ai\/\" target=\"_blank\">My Sizey<\/a> palvelu.&nbsp;<\/p>\n\n\n\n<p>Virtuaalisen sovituskopin rakentaminen itse on iso ja aikaa viev\u00e4 projekti. Hankkeessamme on tietotekniikan harjoittelija Mikko Saari teki hankkeelle oman virtuaalisen sovituskopin. Seuraavaksi h\u00e4nen n\u00e4kemyksens\u00e4 sovituskopin tekemisest\u00e4.&nbsp;&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Virtuaalinen sovituskoppi<\/h2>\n\n\n\n<p>Virtuaalinen sovituskoppi sovellus tehtiin jatkokehityksen\u00e4 tietotekniikkaprojektikurssin ryhm\u00e4ty\u00f6n pohjalta, jossa rakennettiin verkkosivu, jolla n\u00e4ytettiin sek\u00e4 avattaren ett\u00e4 vaateen 3D-mallit. Varsinaisen verkkosivun lis\u00e4ksi taustalle tehtiin tietokannat 3D-malleja varten ja koko kokonaisuus rakennettiin n\u00e4ytt\u00e4m\u00e4\u00e4n silt\u00e4 milt\u00e4 se saattaisi n\u00e4ytt\u00e4\u00e4 osana verkkokauppaa. Toki teht\u00e4v\u00e4 oli toteutettavissa my\u00f6s ilman erillisen pelimoottorin hy\u00f6dynt\u00e4mist\u00e4 viel\u00e4 tuossa mittakaavassa, kun tavoitteena oli l\u00e4hinn\u00e4 saada n\u00e4kym\u00e4\u00e4n muutama 3D-malli verkkosivulla. Johtuen pitk\u00e4lti henkil\u00f6kohtaisesta kiinnostuksesta pelien kehitt\u00e4mist\u00e4 kohtaan suositin kuitenkin vahvasti Unity pelimoottorin hy\u00f6dynt\u00e4mist\u00e4. Unityll\u00e4 on mahdollista rakentaa sovellus verkkosivuksi tavallisen sovelluksen sijaan. Perusteluna valinnassa jo tuossa vaiheessa oli se, ett\u00e4 Unity sis\u00e4lsi paljon laajemmat ty\u00f6kalut jatkokehityksen kannalta, jos sovellukseen haluttaisiin lis\u00e4t\u00e4 esimerkiksi vaatefysiikkaa tai animaatioita. Vaihtoehtoinen l\u00e4hestymistapa, mallien n\u00e4ytt\u00e4minen JavaScript kirjastojen avulla, ei olisi tarjonnut n\u00e4iss\u00e4 asioissa mit\u00e4\u00e4n valmiita ty\u00f6kaluja.&nbsp;<\/p>\n\n\n\n<p>T\u00e4ss\u00e4 vaiheessa oma kokemukseni Unityn vaatefysiikasta rajoittui tietoon, ett\u00e4 se on mahdollista ja siihen on tarjolla ty\u00f6kaluja niin sis\u00e4\u00e4nrakennettuna Unityyn kuin my\u00f6s kolmansien osapuolten kehitt\u00e4mi\u00e4 laajennuksia. En ollut siis koskaan aiemmin kehitt\u00e4nyt sovellusta, jossa vaatteen k\u00e4ytt\u00e4ytymist\u00e4 pit\u00e4isi mallintaa, en Unityll\u00e4 enk\u00e4 my\u00f6sk\u00e4\u00e4n muilla ty\u00f6kaluilla. Kun jatkokehitys tuli sitten ajankohtaiseksi ja kyseisiin Unityn valmiiksi sis\u00e4lt\u00e4miin ty\u00f6kaluihin alkoi perehtym\u00e4\u00e4n huomasi hyvin nopeasti niiden olevan hyvin rajoittuneita asioissa, joita t\u00e4m\u00e4 sovelluksen vaatimukset tarvitsivat. Suurin esimerkki t\u00e4st\u00e4 oli se, ett\u00e4 vaate pystyi t\u00f6rm\u00e4\u00e4m\u00e4\u00e4n vain pallojen ja kapselien kanssa ja n\u00e4in ollen ihmisen muotoiselle avattarelle ei tukea ollut. T\u00e4m\u00e4 puolestaan pakotti tutkimaan vaihtoehtoisia ty\u00f6kaluja, tarkemmin harkinnassa olivat Unreal Engine, kolmannen osapuolen paketit Unitylle tai kyseisen toiminnallisuuden ohjelmoiminen itse. Eri vaihtoehtojen kartoittamisen j\u00e4lkeen p\u00e4\u00e4dyin valitsemaan Obi Cloth nimisen kolmannen osapuolen paketin Unitylle.&nbsp;<\/p>\n\n\n\n<p>Jatkokehitykseen siirrytt\u00e4ess\u00e4 j\u00e4tettiin pois my\u00f6s vaatimus siit\u00e4, ett\u00e4 sovelluksen pit\u00e4\u00e4 toimia osana verkkosivua. Muutos oli jokseenkin tarpeellinen, sill\u00e4 vaikka Unityll\u00e4 voi rakentaa sovelluksen verkkosivuksi ei se l\u00e4hesk\u00e4\u00e4n aina ole ongelmatonta vaan usein heitt\u00e4\u00e4 kehitt\u00e4j\u00e4n silmille toistasataa virheilmoitusta, t\u00e4m\u00e4 siis sen lis\u00e4ksi ett\u00e4 aivan kaikkea mit\u00e4 Unityll\u00e4 voi tehd\u00e4 ei tueta rakentaessa projektia verkkosovellukseksi. Esimerkiksi kolmannen osapuolen kehitt\u00e4m\u00e4 Obi Cloth -laajennus, jota vaatteiden mallintamiseen sovelluksessa k\u00e4ytettiin, ei olisi tukenut sovelluksen muuttamista verkkosivuksi.&nbsp;<\/p>\n\n\n\n<p>Kuten aiemmastakin tuli varmasti esille teknisi\u00e4 rajoitteita ja ongelmia tuli vastaan ja niihin pyrittiin sopeutumaan mahdollisuuksien mukaan. Kiveen hakatuiksi vaatimuksiksi aluksi asetettiin se, ett\u00e4 vaatteen ja avattaren ei tarvitse olla r\u00e4\u00e4t\u00e4l\u00f6ity toisilleen sopiviksi, vaan mik\u00e4 tahansa vaate voidaan asettaa mink\u00e4 tahansa avattaren p\u00e4\u00e4lle, ainakin teoriassa. T\u00e4m\u00e4n lis\u00e4ksi uuden avattaren tai vaatteen lis\u00e4\u00e4minen piti olla mahdollisimman helppoa ja n\u00e4in ollen esimerkiksi se ett\u00e4 k\u00e4sin oltaisiin rakennettu avattarelle t\u00f6rm\u00e4yksen tunnistus yksinkertaisista muodoista ei ollut vaihtoehto johon olisin tyytynyt. Olisihan se lis\u00e4nnyt huomattavasti k\u00e4sin teht\u00e4v\u00e4\u00e4 ty\u00f6t\u00e4 avattaren luonnissa sek\u00e4 rajoittanut fysiikkamallinnuksen tarkkuutta kun vaate ei olisikaan en\u00e4\u00e4 t\u00f6rm\u00e4nnyt avattaren mallin kanssa vaan yksinkertaisten n\u00e4kym\u00e4tt\u00f6mien kappaleiden kanssa, jotka oltaisiin vain sijoiteltu sill\u00e4 tavoin, ett\u00e4 se kohtuullisella uskottavuudella vastaisi avattaren muotoja.&nbsp;<\/p>\n\n\n\n<p>Kiveen hakattujen vaatimusten ulkopuolella kehitt\u00e4minen rakentui pitk\u00e4lti sen ymp\u00e4rille, mik\u00e4 oli mahdollista ja n\u00e4in ollen mielikuva siit\u00e4 mit\u00e4 toiminnallisuutta valmiissa sovelluksessa tulisi olemaan muuttuivat sovellusta kehitt\u00e4ess\u00e4. Ongelmia tuli vastaan ja ratkaistavia asioita riitti. Eri ratkaisut puolestaan toivat mukanaan eri rajoitteita.&nbsp;<\/p>\n\n\n\n<p>K\u00e4yt\u00e4nn\u00f6n esimerkkin\u00e4 ongelmista, ratkaisuista ja rajoitteista voin kertoa, ett\u00e4 sovelluksen alkuvaiheessa avattaret olivat liikkuvia. Avattarille saatiin luut ja animaatiot Mixamon kautta ja Unityll\u00e4 saatiin helpohkosti animaatiot sopimaan kaikille eri avattarille, ei vain sille, jolla se Mixamossa alun perin luotiin. Siirtym\u00e4t animaatioiden v\u00e4lill\u00e4k\u00e4\u00e4n eiv\u00e4t olleet ongelma vaan sujuivat oikein sulavasti.&nbsp;<\/p>\n\n\n\n<p>Ongelma syntyi kuitenkin siit\u00e4, ett\u00e4 vaatteet tippuivat avattaren l\u00e4pi, t\u00f6rm\u00e4ys vaatteen ja avattaren v\u00e4lill\u00e4 ei toiminut. Syyn\u00e4 t\u00e4h\u00e4n oli yleisesti tunnettu ongelma, jota kutsutaan tunneloinniksi. Yksinkertaisesti avattuna ilmi\u00f6 johtuu siit\u00e4, ett\u00e4 tietokone laskee fysiikan askelissa tietyn aikav\u00e4lin v\u00e4lein, esimerkiksi 50 kertaa sekunnissa. Askeleen aikana havaitaan, jos kappale on t\u00f6rm\u00e4nnyt toiseen, esimerkiksi vaate on t\u00f6rm\u00e4nnyt avattaren kanssa. T\u00e4ll\u00f6in mallit ovat osittain sis\u00e4kk\u00e4in ja vaate voidaan ty\u00f6nt\u00e4\u00e4 avattaren ulkopuolelle. Ongelma muodostuu kuitenkin siit\u00e4, ett\u00e4 joissakin tilanteissa ohjelma on sokea sille mit\u00e4 askelien v\u00e4lill\u00e4 tapahtuu, jolloin vaatteen osa on saattanut keret\u00e4 matkustamaan t\u00f6rm\u00e4tt\u00e4v\u00e4n esineen toiselle puolelle ennen seuraavaa askelta eik\u00e4 t\u00f6rm\u00e4yst\u00e4 havaita. Ongelmaa ei auta my\u00f6sk\u00e4\u00e4n se, ett\u00e4 jos t\u00f6rm\u00e4ykset tunnistetaan vapaamuotoisesta 3D-mallista t\u00f6rm\u00e4yksen tunnistus toimii vain kappaleen pinnalta, eik\u00e4 sen sis\u00e4puolelta. N\u00e4in ollen askelten v\u00e4liss\u00e4 tiputtava matka on h\u00e4vi\u00e4v\u00e4n pieni ja vaate tippuu kappaleen l\u00e4pi niin kuin sit\u00e4 ei olisi olemassa.&nbsp;<\/p>\n\n\n\n<p>Ratkaisuna t\u00e4h\u00e4n k\u00e4ytettiin vaihtoehtoista tapaa k\u00e4sitell\u00e4 t\u00f6rm\u00e4yksen tunnistus avattaren puolelta. Hyv\u00e4n\u00e4 puolena k\u00e4ytetty tapa tunnisti kappaleen pinnan lis\u00e4ksi sen, jos vaate oli osittain avattaren sis\u00e4puolella sek\u00e4 osasi ty\u00f6nt\u00e4\u00e4 vaatteen takaisin avattaren ulkopuolelle. Eli se toimi niin kuin tavallinen k\u00e4ytt\u00e4j\u00e4 intuitiivisesti olettaisikin. Ylim\u00e4\u00e4r\u00e4isen\u00e4 etuna k\u00e4ytetty ratkaisumalli oli my\u00f6s kevyempi tietokoneelle itse sovelluksen k\u00e4ytt\u00f6vaiheessa. Mutta kuten sanottu, jokaisella ratkaisulla tuntuu olevan my\u00f6s hintansa ja t\u00e4ss\u00e4 tapauksena k\u00e4ytetty ratkaisu vaati noin 10\u201320 minuuttia aikaa avattaren luontivaiheessa sille, ett\u00e4 avattaren t\u00f6rm\u00e4ysalue lasketaan. T\u00e4st\u00e4 taas seurasi se, ettei avattaren muotoa voinut en\u00e4\u00e4 muuttaa, esimerkiksi animaatioilla, vaatetta testatessa. N\u00e4inp\u00e4 ollen animaatioista jouduttiin valitettavasti luopumaan.&nbsp;<\/p>\n\n\n\n<p>T\u00e4ss\u00e4 vaiheessa sovelluskehitys vaikuttaa jokseenkin vaikealta prosessilta mutta voin vannoa, ett\u00e4 paljoista vaikeuksista my\u00f6s s\u00e4\u00e4styttiin k\u00e4ytt\u00e4m\u00e4ll\u00e4 valmiita ty\u00f6kaluja. Eli mik\u00e4 oli helppoa ja toimivaa? Tuuli efekti vaatteiden hulmuamiseen oli minun osaltani helppo homma. Lis\u00e4sin yhden objektin kent\u00e4lle ja painoin paria nappia vaatteen asetuksista ja se toimi. K\u00e4ytt\u00f6liittym\u00e4n rakentaminen onnistui t\u00e4ysin graafisesti ja k\u00e4ytt\u00f6liittym\u00e4n s\u00e4\u00e4timien linkitys tuulen suunnan tai voimakkuuden hallintaan vaati varmaan alle 10 rivi\u00e4 koodia. Helppoa ja nopeaa. Aivan yht\u00e4 helppoa ja nopeaa oli toiminnallisuus siihen, ett\u00e4 hiirell\u00e4 pystyi tarttumaan vaatteeseen ja vet\u00e4m\u00e4\u00e4n sit\u00e4 kohdilleen, aivan kuten vaikka clo3d puolellakin. Piti vain lis\u00e4t\u00e4 valmis Obi Cloth -paketin mukana tullut komponentti vaatteeseen.&nbsp;<\/p>\n\n\n\n<p>Tiivistetysti kaikki se on helppoa mink\u00e4 joku toinen on tehnyt valmiiksi. Ylip\u00e4\u00e4t\u00e4\u00e4n suurin ty\u00f6 oli l\u00f6yt\u00e4\u00e4 sopivat asetukset ja korjailla vastaan tulevat ongelmat. Minun ei tarvinnut varsinaisesti ohjelmoida vaatefysiikkaa itse ja siihen verrattuna kaikki vastaan tulleet ongelmat olivat hyvin pieni\u00e4. Kaikki siis riippuu siit\u00e4 mihin sit\u00e4 tahtoo verrata.&nbsp;&nbsp;<\/p>\n\n\n\n<p>Toisaalta jos ohjelmoi kaiken itse alkutekij\u00f6ist\u00e4 l\u00e4htien ja tekee ty\u00f6n hyvin, niin saattaa pysty\u00e4 v\u00e4ltt\u00e4m\u00e4\u00e4n rajoitteita mit\u00e4 muiden tekem\u00e4t komponentit tuovat tullessaan. Se saattaisi pitk\u00e4ss\u00e4 juoksussa helpottaa joitakin asioita sek\u00e4 nostaa lopputuotoksen tasoa, sill\u00e4 oletuksella ett\u00e4 omaa riitt\u00e4v\u00e4n m\u00e4\u00e4r\u00e4n osaamista ja aikaa kyseiseen ty\u00f6h\u00f6n. Halpa Unityn kauppapaikalta ostettu lis\u00e4osa onkin usein huomattavasti helpompi ratkaisu kuin k\u00e4ytt\u00e4\u00e4 ty\u00f6tunteja vastaavan toiminnallisuuden itse tekemiseen.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/blogi.savonia.fi\/digitalcircularfashionhouse\/wp-content\/uploads\/sites\/9749\/2022\/06\/VirtualFittingroom-3.6.2022-11_28_55-1024x576.png\" alt=\"\" class=\"wp-image-1112\" \/><figcaption class=\"wp-element-caption\">Virtuaalinen sovituskoppi&nbsp;<\/figcaption><\/figure>\n\n\n\n<p>Loppusanoina voinkin sanoa, ett\u00e4 suurin osa haasteista tuli sovelluksen uniikeista vaatimuksista, joita ei tavallisesti peliteollisuudessa olisi. Miten peliteollisuudessa hahmojen vaatteita sitten l\u00e4hestyt\u00e4\u00e4n? Uskoakseni siin\u00e4 on mukana reilusti oikopolkuja, \u201dsmoke and mirrors\u201d, kuten n\u00e4in kansainv\u00e4lisesti asian voisi ilmaista.&nbsp;&nbsp;<\/p>\n\n\n\n<p>Vaate voidaan suurilta osin asettaa seuraamaan pelihahmon luurankoa. T\u00e4st\u00e4 luurangon m\u00e4\u00e4rittelem\u00e4st\u00e4 sijainnista sen voidaan antaa heilua jonkin verran fysiikan mukana antaen vaatteelle el\u00e4vyytt\u00e4 ja uskottavuutta samalla kun vaate kuitenkin pyrkii seuraamaan luurangon m\u00e4\u00e4rittelemi\u00e4 liikkeit\u00e4. Vaatteen alla olevia osia pelihahmosta tuskin on edes mallinnettu sill\u00e4 n\u00e4in sek\u00e4 s\u00e4\u00e4stet\u00e4\u00e4n resursseja asioista, joita pelaaja ei kuitenkaan n\u00e4kisi sek\u00e4 v\u00e4ltet\u00e4\u00e4n tilanteet, joissa esimerkiksi k\u00e4sivarsi pilkist\u00e4isi hihan l\u00e4pi. Ja mit\u00e4 t\u00f6rm\u00e4yksiin pelihahmon ja h\u00e4nen vaatteidensa v\u00e4lill\u00e4 tulee hyvin usein muutama sopivan kokoinen, hyvin aseteltu lieri\u00f6 tai kapseli on riitt\u00e4v\u00e4 esitt\u00e4m\u00e4\u00e4n uskottavasti vaatteen kosketusta k\u00e4sivarren tai jalan kanssa.&nbsp;&nbsp;<\/p>\n\n\n\n<p>Vastaavaa \u201drehellist\u00e4\u201d vaatefysiikkaa, jossa kaikki pyritt\u00e4isiin mallintamaan tosiel\u00e4m\u00e4\u00e4 vastaavalla tavalla, peleiss\u00e4 harvemmin n\u00e4kee, niiss\u00e4 kun riitt\u00e4\u00e4 ett\u00e4 kaikki n\u00e4ytt\u00e4\u00e4 riitt\u00e4v\u00e4n hyv\u00e4lt\u00e4 hyvin rajallisella m\u00e4\u00e4r\u00e4ll\u00e4 hahmoja ja vaatteita eritt\u00e4in hallitussa ymp\u00e4rist\u00f6ss\u00e4.&nbsp;<\/p>\n\n\n\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\">\n<p><strong>Kirjoittajat:<\/strong><\/p>\n\n\n\n<p>Ville Berg, tietotekniikan lehtori, Savonia ammattikorkeakoulu, ville.berg@savonia.fi <\/p>\n\n\n\n<p>Mikko Saari, tietotekniikan opiskelija, Savonia ammattikorkeakoulu, mikko.saari@edu.savonia.fi. <\/p>\n<\/div>\n\n\n\n<p><strong>L\u00e4hteet:&nbsp;<\/strong><\/p>\n\n\n\n<p><a href=\"https:\/\/www.emergingtechbrew.com\/guides\/your-guide-to-virtual-fitting-rooms\">https:\/\/www.emergingtechbrew.com\/guides\/your-guide-to-virtual-fitting-rooms<\/a><\/p>\n\n\n\n<p><a href=\"https:\/\/www.voguebusiness.com\/technology\/snapchat-boosts-ar-try-on-tools-farfetch-prada-dive-in\">https:\/\/www.voguebusiness.com\/technology\/snapchat-boosts-ar-try-on-tools-farfetch-prada-dive-in<\/a><\/p>\n\n\n\n<p><a href=\"https:\/\/3dlook.me\/content-hub\/virtual-fitting-room-for-ecommerce\/\">https:\/\/3dlook.me\/content-hub\/virtual-fitting-room-for-ecommerce\/<\/a><\/p>\n\n\n\n<p><a href=\"https:\/\/style.clo-set.com\/aboutus\">https:\/\/style.clo-set.com\/aboutus<\/a><\/p>\n\n\n\n<p><a href=\"https:\/\/style.clo-set.com\/service\/features#fitting-beta\">https:\/\/style.clo-set.com\/service\/features#fitting-beta<\/a><\/p>\n\n\n\n<p><a href=\"https:\/\/www.theseus.fi\/bitstream\/handle\/10024\/495787\/Kuluttajien%20n%C3%A4kemys%20virtuaalisovituksesta.docx%20%282%29.pdf?sequence=2&amp;isAllowed=y\">https:\/\/www.theseus.fi\/bitstream\/handle\/10024\/495787\/Kuluttajien%20n%C3%A4kemys%20virtuaalisovituksesta.docx%20%282%29.pdf?sequence=2&amp;isAllowed=y<\/a><\/p>\n\n\n\n<p><a href=\"https:\/\/wwd.com\/business-news\/technology\/gucci-reveals-snapchat-ar-shoe-try-ons-1203661812\/\">https:\/\/wwd.com\/business-news\/technology\/gucci-reveals-snapchat-ar-shoe-try-ons-1203661812\/<\/a><\/p>\n\n\n\n<p><a href=\"https:\/\/nphysics.org\/continuous_collision_detection\/\">https:\/\/nphysics.org\/continuous_collision_detection\/<\/a><\/p>\n\n\n\n<p><a href=\"https:\/\/docs.unity3d.com\/Manual\/class-Cloth.html\">https:\/\/docs.unity3d.com\/Manual\/class-Cloth.html<\/a><\/p>\n\n\n\n<p><a href=\"http:\/\/obi.virtualmethodstudio.com\/manual\/6.1\/distancefields.html\" target=\"_blank\" rel=\"noreferrer noopener\">http:\/\/obi.virtualmethodstudio.com\/manual\/6.1\/distancefields.html<\/a>&nbsp;<\/p>\n\n\n\n<p><a href=\"https:\/\/magazine.renderosity.com\/article\/5921\/unreal-engine-4-cloth-simulation-tips\">https:\/\/magazine.renderosity.com\/article\/5921\/unreal-engine-4-cloth-simulation-tips<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Virtuaalisovittamisen Digijami 5.5.2022 oli osa Digital &amp; Circular Fashion House -hankkeen digijameja ja siell\u00e4 tutustuttiin eri virtuaalisovittamisen menetelmiin.&nbsp; Mit\u00e4 on virtuaalisovittaminen? Virtuaalisovittamisella [&hellip;]<\/p>\n","protected":false},"author":9195,"featured_media":1117,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[83,1],"tags":[12,17,21,129],"class_list":["post-1107","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-muodin-digitaaliset-teknologiat","category-yleinen","tag-3dmallintaminen-2","tag-digitaalinenmuoti","tag-virtuaalimuoti","tag-virtuaalinen-sovituskoppi"],"_links":{"self":[{"href":"https:\/\/blogi.savonia.fi\/digitalcircularfashionhouse\/wp-json\/wp\/v2\/posts\/1107","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogi.savonia.fi\/digitalcircularfashionhouse\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogi.savonia.fi\/digitalcircularfashionhouse\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogi.savonia.fi\/digitalcircularfashionhouse\/wp-json\/wp\/v2\/users\/9195"}],"replies":[{"embeddable":true,"href":"https:\/\/blogi.savonia.fi\/digitalcircularfashionhouse\/wp-json\/wp\/v2\/comments?post=1107"}],"version-history":[{"count":7,"href":"https:\/\/blogi.savonia.fi\/digitalcircularfashionhouse\/wp-json\/wp\/v2\/posts\/1107\/revisions"}],"predecessor-version":[{"id":1300,"href":"https:\/\/blogi.savonia.fi\/digitalcircularfashionhouse\/wp-json\/wp\/v2\/posts\/1107\/revisions\/1300"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blogi.savonia.fi\/digitalcircularfashionhouse\/wp-json\/wp\/v2\/media\/1117"}],"wp:attachment":[{"href":"https:\/\/blogi.savonia.fi\/digitalcircularfashionhouse\/wp-json\/wp\/v2\/media?parent=1107"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogi.savonia.fi\/digitalcircularfashionhouse\/wp-json\/wp\/v2\/categories?post=1107"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogi.savonia.fi\/digitalcircularfashionhouse\/wp-json\/wp\/v2\/tags?post=1107"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}