スタジオから始める WF改革 AR編 / StudioAR

2016ba6b977a2e6691811fa66d5f4336?s=47 CyberAgent
February 22, 2019

スタジオから始める WF改革 AR編 / StudioAR

サイバーエージェントの技術者(エンジニア・クリエイター)向けカンファレンス『CA BASE CAMP 2019』

スタジオから始める WF改革 AR編
枝 光亮 小野寺 学 近藤信輝

2016ba6b977a2e6691811fa66d5f4336?s=128

CyberAgent

February 22, 2019
Tweet

Transcript

  1. ελδΦ͔Β࢝ΊΔ
 ϫʔΫϑϩʔվֵɹARฤ αΠόʔΤʔδΣϯτɹελδΦӡӦηϯλʔɹۙ౻ ৴ً
 CyberBullɹϓϥϯχϯάάϧʔϓɹখ໺ࣉ ֶ CyberZɹOPENRECɹࢬ ޫ྄ 


  2. 1. CA ελδΦӡӦηϯλʔͱɺελδΦͷ໾ׂ 2. CyberBullͷAR 3. OPENRECSTUDIOͷAR 4. AbemaTVͷAR 5.

    ࣭ٙԠ౴
  3. ࣗݾ঺հɿۙ౻৴ً • ॴଐ ελδΦӡӦηϯλʔɹ
 ݉ɹAbemaTVɹٕज़ہ
 ݉ɹCA ࣍ੈ୅ੜ഑৴ٕज़ࣨ …etc աڈɿLINE LIVE,


    ɹɹɹɹɹɹɹɹJ-Stream,
 ɹɹɹɹɹɹɹɹɹɹɹɹɹKENEK Japan • ө૾ͱIPͷڱؒʹ͍ΔςΫχΧϧσΟϨΫλʔ
  4. ελδΦӡӦηϯλʔ γϟτʔΞϝʔόʹ͋ΔϥΠϒ഑৴޲͚ελδΦ
 ʢେখ෦԰ʣͷ؅ཧΛߦ͍ɺ
 ฒߦͯ͠৽نελδΦߏஙΛ୲౰͢Δɻ ଞʹ΋ɺMϦʔάελδΦɺAbemaTowersελδΦɹͳͲ

  5. ٕज़؅ཧνʔϜͷ࢓ࣄ • ਖ਼ৗͳঢ়ଶͷ؅ཧ Ͳͷ൪૊Ͱ΋ɺεϜʔζʹ੍࡞͕Ͱ͖Δ؀ڥ੔උ
 ө૾͚ͩͰ͸ͳ͘Ի੠ɾ഑৴NWɾর໌ etc
 • ະདྷΛݟਾٕ͑ͨज़ͷಋೖ TVͷ໛฿͚ͩͰ͸ͳ͍ɺ৽͍͠Ձ஋Λ୳͢
 ൪૊಺༰ͷັྗΞοϓʹͭͳ͕Δٕज़ఏҊ

    ൪૊੍࡞ٕज़ͷ࡞ۀ͸͠·ͤΜ
  6. ࣍ੈ୅ੜ഑৴ٕज़ࣨͷര஀ • άϧʔϓ಺ͰӡӦ͢Δ༷ʑͳಈըαʔϏεʹ͓͚ Δੜ഑৴ωοτϫʔΫͷ඼࣭ΛҰ૚޲্ͤ͞Δ
 
 ➡ΫΦϦςΟίϯτϩʔϧ͕ඞཁ ʢ์͓ͬͯ͘ͱ੹೚ऀෆ໌ͳϩʔΧϧNW͕Ͱ͖͍ͯͨΓ͢Δةݥੑʣ
 
 
 


    
 
 ϓϨεϦϦʔε
 https://www.cyberagent.co.jp/careers/news/detail/id=21467 ґཔ͕ଟͯ͘ɺλεΫ͕૿େɾɾɾʂ
  7. CAάϧʔϓɺελδΦ͕ଟ͍ɾɾɾʁ • AbemaTVܥ γϟτʔΞϝʔόɺMϦʔάελδΦɺAbemaTowersελδΦ • Cyber-Zܥ OPENREC STUDIOɺCyber-V • ޿ࠂܥ

    Cyber-BullɺMovie MonsterɺAvatta • ήʔϜܥ Cygames, ͦΕͧΕͷࣄۀͰɺ౤ࢿΛ࣮ߦ͍ͯ͠Δɻ
 ө૾ɾΩϟϓνϟʔؔ࿈͚ͩͰ͜Ε͚ͩ͋Δɻ
  8. Ͱ΋ɺ΄ͱΜͲԣͷͭͳ͕Γ͕ແ͍

  9. ۀք׳शͱ͸ҧ͏
 ੍࡞ํ๏ɾಇ͖ํΛ࣮ફ͠ɺ
 ͓ޓ͍ͷϊ΢ϋ΢Λڞ༗͠
 άϧʔϓશମͰͷ૬৐ޮՌ͔Βɺ
 ࣄۀߩݙΛ໨ࢦ͢΂͖Ͱ͋Δɻ

  10. ٕज़͚ͩͰ͸ͳ͘
 ϫʔΫϑϩʔͰɺۀքΛม͍͑ͯ͘ɻ

  11. AR͔ΒϫʔΫϑϩʔΛม͑Δ OPENREC ࢬ CyberBull খ໺ࣉ AbemaTV ۙ౻ ͳͥɺͦͷٕज़͕ඞཁͳͷ͔ʁɹ‎ɹϫʔΫϑϩʔΛม͑ɺۀքΛม͍͑ͯ͘

  12. ελδΦ͔Β࢝ΊΔWFվֵ ARฤ CyberBullฤ

  13. • 2016೥1݄ த్ೖࣾʢCyberBullॴଐʣ ໾৬ɿCreativeDirector ※ओʹϒϥϯυྖҬͷ޿ࠂͷاըʢϓϥϯχϯάʣ ٴͼɺҊ݅ΛʮऔΓ࢓੾Δʯ౳Λߦͳ͍ͬͯΔ ຊBullࣾ಺ͷπʔϧͷϓϩδΣΫτϚωʔδϟʔ ɾʦVIDEOSUITEʧ ɾϰΝʔνϟϧελδΦγεςϜ ʦCUBEʢԾʣʧ

    ͳͲ ※ຊ৬͸اը԰͞Μ খ໺ࣉ ֶʢσϥʔχɺσϥχΟʣ @dub8bit
  14. 1. CyberBullͬͯͳʹʁ 2. ಈը੍࡞ͷ՝୊ 3. VirtualStudio 4. ඳ͖͍ͨະདྷͷ͓࿩

  15. ͦ΋ͦ΋ ʦCyberBull]ͬͯͳʹʁ ̍

  16. CyberBullͱ͸ʁ • ಈը޿ࠂʹಛԽͨ͠޿ࠂ୅ཧࣄۀΛ͓͜ͳ͍ͬͯΔɻ • ্ཱ͔ͪ͛Β5೥໨ 
 ※͓΋ͳྖҬɿμΠϨΫτྖҬ/ϒϥϯσΟϯάྖҬ/ൢଅྖҬ •؆୯ʹݴ͏ͱɹಈը੍࡞ػೳΛ࣋ͬͨ޿ࠂ୅ཧళ ΫϦΤΠʔλʔ਺ɹ20໊΄Ͳ͓Γɺ TVCMΛ୅ද͢Δ޿ࠂ੍࡞ͷܦݧऀ͕ଟ͓͘Γ·͢

    ɻ ※اը͔Β੍࡞ʢฤूɺ2DCGɺ3DCGɺα΢ϯυʣ͢΂ͯͷػೳΛ΋͍ͬͯΔɻ
  17. DEMOREEL

  18. DEMOREEL

  19. ಈը੍࡞ͷ՝୊ λΠτϧεϥΠυ͸1-10·Ͱ͋Γ·͢ ը໘ӈͷʮεϥΠυϨΠΞ΢τʯ͔Βબ୒ 2

  20. ίετʢ͓ۚɾ࣌ؒʣΛ཈͑ͨ޿ࠂ੍࡞ͷఏڙ ※దਖ਼ͳՁ֨ͰɺΫΦϦςΟ΋ʲߴ͍ʳ੒Ռ෺Λఏڙ͢Δ Bullͱ࣮ͯ͠ݱ͍ͤͨ͜͞ͱ ίετ ͓ۚ ࣌ؒ(޻਺) = +

  21. ؔΘΔਓ਺͕ଟ͍ʢ෼ۀ੍Ͱ֤໾ׂ෼ͷਓ݅අ͕͔͔Δ※ϩέͷ৔߹ʣ ͳΜͰίετ͕͔͔Δͷ͔ʁ

  22. • ࡱӨʹ࠷ऴ֬ೝ • σΟϨΫλʔ • ΧϝϥϚϯ • ϥΠτϚϯ • େಓ۩

    • খಓ۩ ɹ※֤Ξγελϯτ ɹɾϔΞɾϝΠΫ ɹɾελΠϦετ ɹɾɾɾetc • ΤσΟλʔ • ָۂ੍࡞/࡞ࢺ • ΧϥʔάϨʔσΟ ϯά • CG࡞੒ • φϨʔγϣϯ • MA ɹ…etc • σʔλग़ྗ • ϓϦϯτ ɹ…etc • ελοϑΟϯά • ԋग़ίϯς • ϩέ஍બఆ • ϩέϋϯ • ࢿྉ࡞੒ ੍࡞४උ PPM ΦϑϥΠϯ ΦϯϥΠϯ ೲ඼ ࡱӨɾ੍࡞ ϓϩμΫγϣϯ ϓϦϓϩμΫγϣϯ ϙετϓϩμΫγϣϯ ө૾੍࡞͸ʮ΍Δ͜ͱࣄʯ͕෼ۀ͞Ε͍ͯΔ ΄ͱΜͲ͕ਓ݅අͰ͢
  23. ՝୊Ͱ஫໨ͨ͠ϙΠϯτ ਓ݅අΛ࡟Ε͹ίετ͸཈͑ΒΕΔ ※ཁ͸γεςϜͰ՝୊ղܾͰ͖ͳ͍͔ʁ

  24. ੍࡞४උ PPM ΦϑϥΠϯ ΦϯϥΠϯ ೲ඼ ࡱӨɾ੍࡞ ϓϩμΫγϣϯ ϓϦϓϩμΫγϣϯ ϙετϓϩμΫγϣϯ ϋʔυͱιϑτͰΞϓϩʔνࡁ

    γεςϜΛ։ൃࡁ ࠓճ͸͜ͷ͋ͨΓʹ Ξϓϩʔν • ४උ࣌ؒͷ޻਺࡟ݮ • ࡱӨҎ߱ͷ޻਺΋ίετμ΢ϯ ߦͬͨ͜ͱ͸γεςϜͰ՝୊ʹΞϓϩʔν
  25. VirtualStudio λΠτϧεϥΠυ͸1-10·Ͱ͋Γ·͢ ը໘ӈͷʮεϥΠυϨΠΞ΢τʯ͔Βબ୒ 3

  26. DEMO

  27. VirtualStudioDEMO

  28. ͜ΕਓؒҎ֎͸͢΂ͯ߹੒Ͱ͢

  29. • γεςϜߏ੒ͱͯ͠ ZerodencityࣾͷʮRealityʯͱ͍͏ιϑτͰKeyingʢਓ෺͚ͩऔΓग़ٕ͢ज़ʣͱ ΧϝϥτϥοΩϯάʢΧϝϥΛήʔϜͷίϯτϩʔϥʔͷ༻ʹͯ͠Ծ૝্ۭؒͷΧ ϝϥͱಉ͡ಈ͖ʹ͢Δʣ https://www.zerodensity.tv/ EpicGamesࣾͷʮUnreal Engineʯͱ͍͏ήʔϜΤϯδϯΛ࢖͍ɺ ʮϦΞϧλΠϜϨϯμϦϯάʯͰͷ3DCGۭؒΛߏங https://www.epicgames.com/site/ja/home

  30. VirtualStudioDEMO ࡱӨͨ͠΋ͷ͕ɺ ͦͷ··ʮԾ૝ۭؒͷελδΦʯͱ ϦΞϧλΠϜͰ߹੒͞Ε·͢ ※Πϝʔδ͸ χϡʔε൪૊ͷϰΝʔνϟϧελδΦ

  31. • ϩέϋϯͷίετɺϩέʔγϣϯ֬อ • ఱؾʹࠨӈ͞Εͳ͍ࡱӨʢఱؾ༧උ೔ɺ࠶ࡱӨͳͲͷίετΧοτʣ • Ҡಈ͕࣌ؒͳ͍ͨΊɺ߆ଋ࣌ؒͷ୹ॖ • ʢελοϑɺλϨϯτͷෛ୲ܰݮˠίετΧοτʣ • େಓ۩ɺখಓ۩අ༻ΛCGͰදݱͨ͢Ίେ෯ίετ࡟ݮ

    • ४උ͢ΔͨΊͷݐࠐΈ೔΋ෆཁʢࡱӨ೔ͷΈͰରԠͰ͖Δʣ • 3DCGͱͷ߹੒࡞ۀ͕୹ॖʢΦϯϥΠϯฤूͷෛ୲ܰݮʣ ಋೖ͢Δ͜ͱͰظ଴Ͱ͖ΔϙΠϯτ
  32. None
  33. ඳ͖͍ͨະདྷͷ࿩ λΠτϧεϥΠυ͸1-10·Ͱ͋Γ·͢ ը໘ӈͷʮεϥΠυϨΠΞ΢τʯ͔Βબ୒ 4

  34. ϋϦ΢ουөըͰ͸߹੒͸ओྲྀɺ೔ຊͷө૾ۀքͰ΋߹੒͸ߦΘΕ͍ͯΔ͕ CG ੍࡞ͷίετ͕ඇৗʹߴ͔ͬͨɻ →▪ήʔϜΤϯδϯͷൃୡʢUnreal EngineʣʹΑΓɺ ɹɹ௿ίετͰʲϦΞϧλΠϜඳࣸʳͷCG੍࡞͕Մೳʹͳͬ ͖͍ͯͯΔɻ ※Unreal Engineͷ͓͔͛Ͱɺ഑ஔ׵͑Λߦ͏͜ͱͰ ɹ؆୯ʹผͷۭؒΛ࡞੒͢Δ͜ͱ͕ग़དྷΔ޷͖ͳγνϡΤʔγϣϯͰࡱӨՄೳ

    Ͱ͢
  35. ʲ͜ΕΛ࢖࣮ͬͯݱ͍ͨ͠ੈք͸ɾɾɾʳ ϑΥτϦΞϧͳ߹੒ελδΦ׬੒ ※ɹɹɹ ΛԼ͛ɺʲਓؒ͸ߟ͑Δ͜ͱʳʹಛԽͤ͞ ʮදݱͷखࡳʯΛ૿΍͍ͯ͘͠ɻ ίετ

  36. Thank you!!

  37. • ήʔϜಈը഑৴ϓϥοτϑΥʔϜʮOPENREC.tvʯ • CyberZͰeεϙʔπΠϕϯτ/eεϙʔπϦʔά ʮRAGEʢϨΠδʣʯΛ೔ຊࠃ಺ͰӡӦOPENREC.tv Ͱ഑৴͍ͯ͠Δ • 2018೥ʹϦχϡʔΞϧͨ͠ࠃ಺࠷େڃͷeεϙʔπε λδΦʮOPENREC STUDIOʯΛΦʔϓϯ

    • ϦΞϧλΠϜάϥϑΟοΫεγεςϜʮVizrtʯΛಋೖ ͠ɺAR/CGԋग़ʹΑΔө૾ͷେ෯ͳΫΦϦςΟΞοϓ Λ࣮ݱ
  38. ࢬ ޫ྄(Eda Kosuke) • 2015೥4݄ CyberZೖࣾ • OPENREC.tv্ཱͪ͛ظ͔ΒςΫχΧϧۀ຿ʹ ैࣄɺ಺੡ٕज़Ͱͷ൪૊ੜ์ૹϑϩʔΛߏங •

    2018೥4݄ ςΫχΧϧࣄۀ෦ Ϛωδϟʔʹ
  39. ͳͥARΛಋೖͨ͠ͷ͔ʁ

  40. ͳͥARΛಋೖͨ͠ͷ͔ʁ •eεϙʔπͷͨΊͷઐ༻ελδΦ •

  41. ͳͥARΛಋೖͨ͠ͷ͔ʁ •eεϙʔπͷͨΊͷઐ༻ελδΦ •഑৴ө૾Ͱࢹௌऀʹ఻͑Δ

  42. ARΛಋೖͯ͠Կ͕มΘͬͨʁ

  43. •ΫϥΠΞϯτͷ൓Ԡ •a •ଞͷeεϙʔπΠϕϯτ΍େձͱ͸Ұ ઢΛը͢ೝࣝʹ ARΛಋೖͯ͠Կ͕มΘͬͨʁ

  44. •ΫϥΠΞϯτͷ൓Ԡ •ࢹௌऀʹຊؾ౓(Ψνײ)͕఻ΘΔ •ଞͷeεϙʔπΠϕϯτ΍େձͱ͸Ұ ઢΛը͢ೝࣝʹ ARΛಋೖͯ͠Կ͕มΘͬͨʁ

  45. •ΫϥΠΞϯτͷ൓Ԡ •ࢹௌऀʹຊؾ౓(Ψνײ)͕఻ΘΔ •ଞͷeεϙʔπΠϕϯτ΍େձͱ͸Ұ ઢΛը͢ೝࣝʹ ARΛಋೖͯ͠Կ͕มΘͬͨʁ

  46. RAGE Shadowverse Pro League ηΧϯυγʔζϯ

  47. ΧϓίϯʮετϦʔτϑΝΠλʔϦʔά powered by RAGEʯ

  48. ࠓޙ΍͍͖͍ͬͯͨ͜ͱ

  49. •ΦϑϥΠϯͷΠϕϯτͰͷ࢖༻ •άϦʔϯόοΫΛ࢖ͬͨϑϧόʔνϟϧԋग़ •Ի΍ޫʹө૾͕࿈ಈ͢Δτʔλϧͳۭؒԋ ग़ ࠓޙ΍͍͖͍ͬͯͨ͜ͱ

  50. AbemaTVͷAR ελδΦ͔Β࢝ΊΔWFվֵ ARฤ

  51. ɾ޿͞ɿ޿͞ΛΑΓੜ͔͢ɺۭؒతͳԋग़͕ඞཁ ɹ͔͠͠େܕϏδϣϯͳͲ͸બखͷ؟ʹअຐ .ϦʔάελδΦ

  52. MϦʔάελδΦAR νʔϜϥϯΩϯά ରઓΧʔυ ৄ͘͠͸ʮ.ϦʔάελδΦͷ"3όʔνϟϧٕज़"CFNB57%FW$PO5SBDL#4FTTJPO#ʯ
 IUUQTEFWFMPQFSBCFNBJPTFTTJPO@@C

  53. ARʹඞཁͳ΋ͷ ΧϝϥɾϨϯζɾΫϨʔϯ
 ΧϝϥτϥοΩϯάγεςϜ ϦΞϧλΠϜ άϥϑΟοΫε ιϑτ΢ΣΞ ίϯτϩʔϧιϑτ΢ΣΞ ɹγεςϜʹ෇ଐ͍ͯ͠ΔιϑτͰ͸ɺ
 ɹຑ੃ͷΦϖϨʔγϣϯʹ͍͍ͭͯ͘͜ͱ͕Ͱ͖ͳ͍ɻ
 ɹARͱಘ఺ܭࢉCGͷ੍ޚ͸൪૊಺༰ʹ߹Θͤͯ࡞Δɻ

    ɹ→݁ߏͳֹ͕ۚͩͬͨൺྫͨ͠ΫΦϦςΟ
  54. ͜Ε͸͜ΕͰɺ࠷ߴɻ Ͱ΋ɺ΋ͬͱɺͳΜ͔ɺ
 ҧ͏΍Γํ΋͋ΔΜ͡Όͳ͍͔ʁ

  55. ARͰ͜Μͳ෩ʹ΍Γ͍ͨ ΧϝϥɾϨϯζɾΫϨʔϯ
 ΧϝϥτϥοΩϯάγεςϜ ϦΞϧλΠϜάϥϑΟοΫειϑτ΢ΣΞ ίϯτϩʔϧιϑτ΢ΣΞ iPhone Unity AR SDK ˠैདྷͷ์ૹہͷํࣜʹଊΘΕͳ͍ʂ

  56. ͜ΕΛ
 αΠόʔΤʔδΣϯτάϧʔϓ ಺੡Ͱ੍࡞͍ͨ͠ɻ

  57. ϓϩδΣΫτARʢνϟϨϯδPJʣ ΧϝϥɾϨϯζ
 ΞϓϦέʔγϣϯ੍࡞ ̏%$(ϞσϦϯά σβΠϯɾϚʔΧʔ iPhone CAɹXRΪϧυ ΄΅શһ͕ɺओ຿ʴΞϧϑΝͷνϟϨϯδͱͯ͠ࢀՃɻ Abema VX

    Studio Abema AD Studio 
 BOEɹ $($"7"55"
  58. None
  59. None
  60. ϓϩδΣΫτARʢ͍ͨͩ·νϟϨϯδதʣ J1IPOFͷ)%.*ग़ྗΛ൪૊੍࡞ʹ࢖͏
 ࠷େಉ࣌ʹͭ̕ͷϚʔΧΛೝࣝ ̏%$(ϞσϦϯά͸ɺ࠷খͷ༰ྔͰ੒ཱͤ͞Δ ϚʔΧͷσβΠϯͱೝࣝੑͷཱ྆ΛͲ͏ݟͤΔ͔ ग़ԋऀ͕ૢ࡞͠΍͍͢࢓૊Έ य़͔Β࢝·Δ൪૊Ͱར༻Ͱ͖ΔΑ͏ʹӶҙ੍࡞த

  61. άϧʔϓͷϊ΢ϋ΢Λ݁ूͯ͠ AbemaTVΛ
 ์ૹٕज़ʹଊΘΕͳ͍ ΋ͬͱڧ͍ΠϯλʔωοτTVہʹɻ

  62. άϧʔϓͷϊ΢ϋ΢Λڞ༗ͯ͠ αΠόʔΤʔδΣϯτ͔Β
 ΋ͬͱڧ͍ΠϯλʔωοτಈըΛɻ

  63. ͋Γ͕ͱ͏͍͟͝·ͨ͠