درخشش شگفت‌انگیز «Vacation Simulator» VR Paintbrush Tech PlatoBlockchain Intelligence Data. جستجوی عمودی Ai.

درخشش شگفت‌انگیز فناوری VR Paint Brush 'Vacation Simulator's's

درخشش شگفت‌انگیز «Vacation Simulator» VR Paintbrush Tech PlatoBlockchain Intelligence Data. جستجوی عمودی Ai.

پس از انتشار همیشه محبوب شبیه ساز کار Owlchemy Labs به عنوان یک عنوان راه اندازی برای HTC Vive در سال 2016 یکی از کهنه کارترین استودیوهای بازی واقعیت مجازی است که امروزه وجود دارد. در طول سال‌ها، استودیو پایه‌ای قوی برای طراحی تعامل VR ایجاد کرده است که در جدیدترین عنوان آنها دیده می‌شود. شبیه ساز تعطیلات. فعل و انفعالاتی که ممکن است برای بازیکن ساده و قابل استفاده به نظر برسند، اغلب بسیار پیچیده تر از آن چیزی هستند که به نظر می رسند. نمونه موردی: برخی از فناوری‌های شگفت‌انگیز برس نقاشی که فقط احساس درستی می کند در VR توسعه دهندگان Owlchemy اینجا هستند تا نحوه ساخت آن را توضیح دهند.

درخشش شگفت‌انگیز «Vacation Simulator» VR Paintbrush Tech PlatoBlockchain Intelligence Data. جستجوی عمودی Ai.مقاله مهمان توسط پیتر گالبریت و زی یی

پیتر (مجری وحدت گرایی ها) و زی (توسعه دهنده، فیزیک / نابغه ریاضی) هر دو توسعه دهنده/طراح دوگانه در آزمایشگاه های بوقلمون. کار آنها شامل ایده‌پردازی طراحی و نمونه‌سازی تا تکرار، اجرای برنامه‌نویسی و آزمایش است.

درخشش شگفت‌انگیز «Vacation Simulator» VR Paintbrush Tech PlatoBlockchain Intelligence Data. جستجوی عمودی Ai.هر دو نقش مهمی در میراث بازی‌های پوچ و بسیار VR صیقلی در Owlchemy Labs دارند، از جمله: عنوان برنده جایزه شبیه ساز کار، نامزد جایزه امی Rick and Morty: Virtual Rick-ality، و به تازگی منتشر شده است شبیه ساز تعطیلات، که اواخر امسال برای PSVR و Oculus Quest نیز عرضه می شود.

هی همه!

پیت و زی اینجا ما هر دو در آزمایشگاه Owlchemy توسعه‌دهندگان هستیم و خوشحالیم که درباره یکی از ویژگی‌های بسیار تکرار شده در کل با شما صحبت کنیم. شبیه ساز تعطیلات: رنگ آمیزی!

نقاشی یکی از رنگارنگ‌ترین فعالیت‌های ما در سطح جنگل است، فضایی خلاقانه که در خانه درختی قرار گرفته و می‌توانید هنرمند درونی خود را آزاد کنید. چه از قلم موی فوق العاده زیبای ما برای ساختن یک شاهکار از ابتدا استفاده کنید یا از عکسی از دوربین درون بازی به عنوان نقطه شروع استفاده کنید، عظمت زیبایی شناسی همیشه در دسترس است. با این حال، مانند همه ویژگی‌های عالی، Painting چندین نمونه اولیه و تکرار را پیش از رسیدن به نتیجه تصویر عالی خود انجام داد.

برای شروع کار، زی فناوری مهم ترین بخش جعبه ابزار یک هنرمند را توضیح می دهد: قلم مو!

شبیه سازی احساس [PAINTBRUSH]

یکی از چالش برانگیزترین جنبه های ایجاد احساس عالی در نقاشی، نوک قلم مو بود. به‌عنوان ابزار قدرتمند و واحد ما برای بیان دیدگاه خلاقانه شما در Painting، می‌دانستیم که باید انتظاراتی را که از داشتن یک قلم مو در VR به وجود می‌آید، تا فنی‌ترین و دقیق‌ترین آن برطرف کنیم.

مانند همه بهترین ویژگی‌های بازی‌های ما، نوک قلم مو با استفاده از فیزیک ساختگی و ساختگی ایجاد شده است! ما با یک مدل ریاضی متشکل از یک خط مستقیم که به بوم شلیک می کنیم شروع می کنیم و سپس متوجه می شویم که نوک آن در امتداد سطح کجا خم می شود. این خط خم شده برای دستکاری شکل قلم مو استفاده می شود، مانند:

این به ما کمک کرد یکی از بزرگترین مشکلاتی که در زمینه نقاشی در VR داشتیم را حل کنیم: عدم بازخورد. با سخت‌افزار فعلی واقعیت مجازی، نمی‌توانیم بازخورد فشار دادن برس انعطاف‌پذیر بر روی بوم را به دقت شبیه‌سازی کنیم. بدون این بازخورد، متوجه شدیم که تشخیص اینکه آیا قلم مو در حال برقراری تماس است برای بازیکنان دشوار است، که باعث می‌شود قلم مو را بیش از حد در بوم قرار دهند و در اثر برخورد قلم مو با سه پایه نقاشی، حرکات لرزان یا سکسکه ایجاد کند. این رفتار منجر به بسیاری از "خطوط پیچ خورده" شد و اغلب باعث می شد که قلم مو به طور کامل از دست بازیکنان در اثر برخوردهای زیاد خارج شود - نه دقیقاً چیزی که باعث می شد بازیکنان ما احساس کنند حرفه ای هنر هستند!

با ارائه بازخورد بصری به شکل نوک متلاطم، بازیکنان کمتری قلم مو را به داخل بوم فشار می‌دادند، که باعث ایجاد شکاف‌های کمتر و خطوط زیباتر می‌شد. ما همچنین این را با یک براش خودکار مجدد جفت کردیم انجام داد از دست بازیکن خارج می‌شود و باعث می‌شود که بازیکن برس خود را نگه دارد و اگر این کار را نکرد، باز هم گرفتن آن آسان‌تر می‌شود.

IRPP_kangoo , .IRPP_kangoo .postImageUrl , .IRPP_kangoo .imgUrl , .IRPP_kangoo .centered-text-area {min-height: 100px; موقعیت: نسبی; } .IRPP_kangoo , .IRPP_kangoo:hover , .IRPP_kangoo:visited , .IRPP_kangoo:active { border:0!important; } .IRPP_kangoo { display: block; انتقال: رنگ پس‌زمینه 250 میلی‌ثانیه؛ webkit-transition: پس‌زمینه رنگ 250 میلی‌ثانیه؛ عرض: 100%؛ کدورت: 1; انتقال: کدورت 250 میلی‌ثانیه؛ webkit-transition: opacity 250ms; پس زمینه رنگ: #e6e6e6; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.17); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.17); -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.17); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.17); } .IRPP_kangoo:active , .IRPP_kangoo:hover { opacity: 1; انتقال: کدورت 250 میلی‌ثانیه؛ webkit-transition: opacity 250ms; پس زمینه رنگ: #FFFFFF; } .IRPP_kangoo .postImageUrl , .IRPP_kangoo .imgUrl { background-position: center; پس زمینه اندازه: پوشش; شناور به سمت چپ؛ حاشیه: 0; بالشتک: 0; } .IRPP_kangoo .postImageUrl { عرض: 30%; } .IRPP_kangoo .imgUrl { عرض: 100%; } .IRPP_kangoo .centered-text-area { float: right; عرض: 70%; بالشتک: 0; حاشیه: 0; } .IRPP_kangoo .centered-text { display: table; ارتفاع: 100 پیکسل؛ سمت چپ: 0; بالا: 0; بالشتک: 0; حاشیه: 0; } .IRPP_kangoo .IRPP_kangoo-content { display: table-cell; حاشیه: 0; padding: 0 10px 0 10px; موقعیت: نسبی; vertical-align: وسط; عرض: 100%؛ } .IRPP_kangoo .ctaText { border-bottom: 0 solid #fff; رنگ: #000000; اندازه فونت: 13px; فونت-وزن: پررنگ; فاصله حروف: 125em; حاشیه: 0; بالشتک: 0; متن-تزیین: زیر خط. } .IRPP_kangoo .postTitle { color: #2C3E50; اندازه فونت: 16px; فونت-وزن: 600; حاشیه: 0; بالشتک: 0; } .IRPP_kangoo .ctaButton { background-color: #FFFFFF; حاشیه سمت چپ: 10 پیکسل؛ موقعیت: مطلق; سمت راست: 0; بالا: 0; } .IRPP_kangoo:hover .imgUrl { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } .IRPP_kangoo .imgUrl { -webkit-transition: -webkit-transform 0.4s ease-in-out; -moz-transition: -moz-transform 0.4s ease-in-out. -o-transition: -o-transform 0.4s ease-in-out; -ms-transition: -ms-transform 0.4s ease-in-out; انتقال: تبدیل 0.4s ease-in-out. } .IRPP_kangoo:after { content: “”; نمایش: بلوک؛ روشن: هر دو }

همچنین ببینید
اختصاصی: طراحی رابط‌های لمسی مجازی Lone Echo و Echo Arena

اما دوباره: این همه جعلی است! موهای برس در واقع در سیستم فیزیک به جز در همان پایه با هم برخورد نمی کنند. عمل له کردن توهم مقاومت را ایجاد می کند و بازیکن را فریب می دهد تا فکر کند قلم مو به عقب رانده شده است.

ما همچنین از همان مدل ریاضی برای تعیین اندازه سطح تماس قلم مو و کنترل اندازه لایه رنگ اعمال شده روی بوم استفاده می کنیم. این ویژگی خاص به ما این امکان را می‌دهد که با یک اندازه قلم مو، فقط با عرض حرکت متغیر، ارسال کنیم: برای یک خط دقیق نازک به آرامی لمس کنید یا روی رنگ‌ها با عبور محکم‌تر سواب بزنید.

برس همچنین در «سفتی مو» تأثیر می‌گذارد، که تعیین می‌کند چگونه موهای برس هنگام کشیدن روی بوم یا هنگام چرخاندن دسته برس تغییر جهت می‌دهد. سفتی همچنین برای افزودن کمی تکان دادن به موهای برس زمانی که با بوم در تماس نیست استفاده می شود. این جزئیات کوچک به ما اجازه می‌دهد تا حس فوق‌العاده‌ای برای قلم مو داشته باشیم، و از همان اولین تست پخش ما مشخص بود که مردم واقعاً به آن حس درک شده واکنش نشان می‌دهند.

قلم موی شیک بسیاری از مسائل فنی و UX را حل کرد و همچنین در آن تمایل اولیه برای توانمندسازی بازیکنان برای خلق آثار هنری زیبا نقش داشت. ما چندین برنامه نویس داشتیم که متقاعد شده بودند که "هنرمند نیستند"، اما وقتی در مقابل سه پایه نقاشی جدید قرار گرفتند چیزهایی مانند این ساختند:

درخشش شگفت‌انگیز «Vacation Simulator» VR Paintbrush Tech PlatoBlockchain Intelligence Data. جستجوی عمودی Ai.

تغییرات اندازه خوشنویسی نوک قلم مو همراه با پالت دستچین شده هنرمند ما به همه اجازه می دهد تصاویری نقاشی کنند که به نظر نقاشی و سرگرم کننده به نظر می رسند. وولا!

اکنون، به‌عنوان اولین توسعه‌دهنده‌ای که کد را روی Painting قرار داده است، پیت فرآیند طراحی ما را در پشت این ویژگی به اشتراک می‌گذارد (از جمله تکرارهای متعدد آن!):

چالش های طراحی: بازگشت به تابلوی طراحی!

هر ویژگی در شبیه ساز تعطیلات از همان سری سوالات شروع شد:

  • مردم هنگام تعطیلات در یک مقصد مشخص چه انتظاری دارند؟
  • چگونه ربات‌ها به طرز خنده‌داری این فعالیت را اشتباه تفسیر می‌کنند؟

می‌دانستیم طراحی، نقاشی و هنر جنبه‌های سرگرم‌کننده بیرون رفتن در طبیعت هستند، و وقتی به این فکر کردیم که چگونه ربات‌ها نقاشی را اشتباه تفسیر می‌کنند، دستکاری عکس‌ها فوراً به ذهنمان خطور کرد. ما دوست داشتیم عکس‌هایی را که در سراسر جزیره گرفته‌اید ویرایش کنیم و آنها را سفارشی کنیم تا خود را به عنوان یک بازیکن بیان کنیم. این ایده ساده، بذری بود برای ویژگی که بیش از یک سال طول کشید تا طراحی و زنده شود.

درخشش شگفت‌انگیز «Vacation Simulator» VR Paintbrush Tech PlatoBlockchain Intelligence Data. جستجوی عمودی Ai.
شبیه ساز شغل (2016)

بخشی از ایده های اولیه طراحی ما تحت تأثیر آنچه قبلاً برای آن ساخته بودیم بود شبیه ساز کار (مثلاً نقاشی علامت در Auto Mechanic؛ نرم افزار نقاشی روی رایانه آفیس). هر دو ساده و سرگرم کننده بودند، اما نه خیلی عمیق. نقاشی در شبیه ساز تعطیلات برای تطابق با بقیه بازی، باید احساس متفاوت و بزرگتر می کرد. ما می‌خواستیم به بازیکنان چیزی بیش از افزایش تراکم پیکسلی بدهیم—شما باید بتوانید احساس مثل اینکه در واقع داری نقاشی می کنی مانند زندگی واقعی، فقط بهتر است.

IRPP_kangoo , .IRPP_kangoo .postImageUrl , .IRPP_kangoo .imgUrl , .IRPP_kangoo .centered-text-area {min-height: 100px; موقعیت: نسبی; } .IRPP_kangoo , .IRPP_kangoo:hover , .IRPP_kangoo:visited , .IRPP_kangoo:active { border:0!important; } .IRPP_kangoo { display: block; انتقال: رنگ پس‌زمینه 250 میلی‌ثانیه؛ webkit-transition: پس‌زمینه رنگ 250 میلی‌ثانیه؛ عرض: 100%؛ کدورت: 1; انتقال: کدورت 250 میلی‌ثانیه؛ webkit-transition: opacity 250ms; پس زمینه رنگ: #e6e6e6; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.17); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.17); -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.17); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.17); } .IRPP_kangoo:active , .IRPP_kangoo:hover { opacity: 1; انتقال: کدورت 250 میلی‌ثانیه؛ webkit-transition: opacity 250ms; پس زمینه رنگ: #FFFFFF; } .IRPP_kangoo .postImageUrl , .IRPP_kangoo .imgUrl { background-position: center; پس زمینه اندازه: پوشش; شناور به سمت چپ؛ حاشیه: 0; بالشتک: 0; } .IRPP_kangoo .postImageUrl { عرض: 30%; } .IRPP_kangoo .imgUrl { عرض: 100%; } .IRPP_kangoo .centered-text-area { float: right; عرض: 70%; بالشتک: 0; حاشیه: 0; } .IRPP_kangoo .centered-text { display: table; ارتفاع: 100 پیکسل؛ سمت چپ: 0; بالا: 0; بالشتک: 0; حاشیه: 0; } .IRPP_kangoo .IRPP_kangoo-content { display: table-cell; حاشیه: 0; padding: 0 10px 0 10px; موقعیت: نسبی; vertical-align: وسط; عرض: 100%؛ } .IRPP_kangoo .ctaText { border-bottom: 0 solid #fff; رنگ: #000000; اندازه فونت: 13px; فونت-وزن: پررنگ; فاصله حروف: 125em; حاشیه: 0; بالشتک: 0; متن-تزیین: زیر خط. } .IRPP_kangoo .postTitle { color: #2C3E50; اندازه فونت: 16px; فونت-وزن: 600; حاشیه: 0; بالشتک: 0; } .IRPP_kangoo .ctaButton { background-color: #FFFFFF; حاشیه سمت چپ: 10 پیکسل؛ موقعیت: مطلق; سمت راست: 0; بالا: 0; } .IRPP_kangoo:hover .imgUrl { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } .IRPP_kangoo .imgUrl { -webkit-transition: -webkit-transform 0.4s ease-in-out; -moz-transition: -moz-transform 0.4s ease-in-out. -o-transition: -o-transform 0.4s ease-in-out; -ms-transition: -ms-transform 0.4s ease-in-out; انتقال: تبدیل 0.4s ease-in-out. } .IRPP_kangoo:after { content: “”; نمایش: بلوک؛ روشن: هر دو }

همچنین ببینید
انحصاری: طراحی میانبرهای یک دست برای VR و AR

بسیاری از آثار هنری نیاز به بازبینی دارند تا «مه» را به یک شاهکار تبدیل کنند، و نقاشی نیز از این قاعده مستثنی نبود. این یکی از اولین ویژگی هایی بود که ما برای Forest ایجاد کردیم و یکی که تا زمان راه اندازی به کار روی آن ادامه دادیم! در اینجا چند نمونه از آزمایش‌ها و تکرارهای نقاشی روی این ویژگی آورده شده است:

فقط "فتوشاپ"

در همان ابتدا، نقاشی فقط شامل عکس بود. بازیکنان یک عکس را روی سه پایه قرار می دهند و سپس از قلم مو برای نقاشی روی بوم استفاده می کنند. بازیکنان می‌توانند با ترکیب ربات‌ها یا مناظر از چندین عکس، ترکیب و هماهنگ کنند، و حتی (اگر هوشمندانه عمل می‌کردند) عکس‌های نزدیک از رنگ‌های خاص برای رنگ‌آمیزی بگیرند. هرچه افراد بیشتری بازی می‌کردند، بیشتر متوجه می‌شدیم که نقاشی واقعی - که با نمونه‌هایی از رنگ‌های رنگی کامل شده بود - توانایی بازیکنان را برای خلاقیت به شدت افزایش می‌داد.

فیلترها برای تصفیه آب

فیلترها یک عنصر رایج در نرم افزارهای دستکاری عکس هستند، بنابراین البته ما فکر می کردیم ربات ها آنها را در تفسیر نادرست خود لحاظ می کنند. ما با دکمه‌ها آزمایش کردیم تا فیلترها را اعمال کنیم: پیکسل‌سازی، رنگ‌های معکوس، سیاه و سفید و سپیا. با فشار دادن هر یک از این دکمه‌های فیلتر، افکت‌ها روی هم قرار می‌گیرند، و ضربه بعدی قلم مو، تصویر فیلتر شده را روی بوم اعمال می‌کند. در حالی که جالب است، فیلترها اغلب منجر به ناامیدی می شوند زیرا بازیکنان تلاش می کردند تا آنچه را که در هنگام نقاشی روی بوم ظاهر می شود پیش بینی کنند. مثلاً با وارونگی، اگر برس خود را در نمونه نارنجی فرو کنید، برس شما آبی رنگ می شود! ما فیلترها را به طور کامل از روی سه پایه حذف کردیم، در عوض آنها را به عنوان لنز در دوربین شما ادغام کردیم. همه جلوه های جالب بدون هیچ یک از سردرگمی!

سطل رنگ'

بزرگ‌ترین بازخورد ما از تست‌های پخش اولیه، توانایی شروع با رنگ‌های پس‌زمینه که سفید نبودند، و گزینه‌ای برای پاک کردن نقاشی‌ها به طور کامل بود. با افزودن یک نوار لغزنده سطل رنگ که یک رنگ ثابت را روی بوم پاک می کند، به همراه گزینه رنگ سفید، هر دوی این نیازها را با یک ویژگی حل کردیم. به عنوان یک مزیت غافلگیرکننده، ایجاد موارد بیشتری را نیز امکان پذیر کرد… نقاشی های ربات مانند.

ترکیب و شفافیت

سطل رنگ از لبه‌های سخت استفاده می‌کرد، اما وقتی به همان لبه‌های سخت روی قلم مو نگاه می‌کردیم، واقعاً واقعی به نظر نمی‌رسید - یا آنقدر عالی به نظر می‌رسید. پیکسل های دندانه دار قطعا بخشی از بیشتر نقاشی های واقعی نیستند. برای جلوه واقعی تر، ما یک گرادیان شفافیت ایجاد کردیم که نشان دهنده مقدار رنگی است که باید روی بوم اعمال شود. در ارتباط با اندازه و موقعیت ناحیه تماس، می‌توانیم تعیین کنیم که رنگ رنگ چقدر با هر چیزی که زیر آن است ترکیب می‌شود. هر چه قلم مو طولانی‌تر با بوم تماس داشته باشد، رنگ بیشتری اعمال می‌شود و به ما این امکان را می‌دهد تا نحوه انتقال رنگدانه برس‌های واقعی به پارچه را شبیه‌سازی کنیم.

برس های متعدد

ما چندین بار تکرار براش ها و اندازه های قلم مو را طی کردیم. قبل از نوار لغزنده سطل رنگ، بازیکنان می خواستند یک غول مسواک بزنید تا چیزها راحت تر پر شوند. سپس، پس از اینکه ما اسلایدر را پیاده سازی کردیم، بازیکنان می خواستند a کوچکتر قلم مو برای جزئیات کار ما برای مدت طولانی یک قلم مو کوچکتر داشتیم، اما در نهایت به دلیل یکی از مهم ترین ویژگی های احساس بازی Painting: نوک squishy، آن را برش دادیم!

– – – – –

ما امیدواریم که شما [EMOTION] نقاشی کنید!

گاهی اوقات هیچ راهی برای دور زدن مقدار تکرار لازم وجود ندارد تا چیزی آنطور که می خواهید به نظر برسد، احساس شود و بازی کند. نقاشی یک تمرین مهم در توانایی های طراحی VR، انتظارات بازیکن و استفاده از محدودیت ها برای بیشترین خلاقیت بود.

برای بررسی این نگاه به پشت صحنه نقاشی متشکریم! ما امیدواریم که الهام گرفته باشید تا لئوناردو بوتوینچی درونی خود را به داخل هدایت کنید شبیه ساز تعطیلات.


مقالات بیشتر مهمان ارائه شده توسط کارشناسان و افراد داخلی در AR و VR را بخوانید.

پست درخشش شگفت‌انگیز فناوری VR Paint Brush 'Vacation Simulator's's به نظر می رسد برای اولین بار در راه به VR.

تمبر زمان:

بیشتر از راه به VR