Kecemerlangan Mengejutkan dari 'Vacation Simulator's VR Paintbrush Tech PlatoBlockchain Data Intelligence. Pencarian Vertikal. ai.

Kecemerlangan yang mengejutkan dari VR Paintbrush Tech 'Vacation Simulator's'

Kecemerlangan Mengejutkan dari 'Vacation Simulator's VR Paintbrush Tech PlatoBlockchain Data Intelligence. Pencarian Vertikal. ai.

Telah merilis yang pernah populer simulator pekerjaan sebagai judul peluncuran untuk HTC Vive pada tahun 2016, Owlchemy Labs adalah salah satu studio game VR paling veteran yang ada saat ini. Selama bertahun-tahun studio telah membangun fondasi yang kuat dari desain interaksi VR yang terlihat di sepanjang judul terbaru mereka, Simulator Liburan. Interaksi yang mungkin tampak sederhana dan bermanfaat bagi pemain seringkali jauh lebih kompleks daripada yang terlihat. Contoh kasus: beberapa teknologi kuas mengejutkan mengejutkan itu hanya terasa benar dalam VR. Pengembang dari Owlchemy ada di sini untuk menjelaskan bagaimana mereka membangunnya.

Kecemerlangan Mengejutkan dari 'Vacation Simulator's VR Paintbrush Tech PlatoBlockchain Data Intelligence. Pencarian Vertikal. ai.Artikel Tamu oleh Peter Galbraith & Zi Ye

Peter (Implementer of Unityisms) dan Zi (Developer, Physics / Math Genius) keduanya pengembang / perancang dual-wielders di Laboratorium Owlchemy. Pekerjaan mereka meliputi ide desain dan prototipe untuk iterasi, implementasi pemrograman, dan pengujian.

Kecemerlangan Mengejutkan dari 'Vacation Simulator's VR Paintbrush Tech PlatoBlockchain Data Intelligence. Pencarian Vertikal. ai.Keduanya adalah kontributor penting bagi warisan game yang dipoles absurd dan sangat VR di Owlchemy Labs, termasuk: judul pemenang penghargaan simulator pekerjaan, Nominasi Emmy Rick dan Morty: Rick-ality Virtual, dan yang baru dirilis Simulator Liburan, yang juga datang ke PSVR dan Oculus Quest akhir tahun ini.

Hai semuanya!

Pete dan Zi di sini. Kami berdua pengembang di Owlchemy Labs, dan kami senang untuk berbicara dengan Anda tentang salah satu fitur yang paling banyak diulang di seluruh Simulator Liburan: Lukisan!

Melukis adalah salah satu kegiatan kami yang paling penuh warna di tingkat Hutan, ruang kreatif yang tersimpan di Treehouse di mana Anda dapat melepaskan artis batin Anda. Apakah Anda menggunakan kuas super-lengket kami untuk membuat karya dari awal atau menggunakan foto dari Kamera dalam game sebagai titik awal, kehebatan estetika selalu dalam jangkauan. Namun, seperti semua fitur hebat, Lukisan melewati beberapa prototipe dan iterasi sebelum kami tiba di hasil gambar sempurna kami.

Untuk memulai, Zi akan menjelaskan teknologi di balik bagian terpenting dari toolkit artis: kuas!

Mensimulasikan Rasa [PAINTBRUSH]

Salah satu aspek yang paling menantang untuk membuat Lukisan merasa luar biasa adalah ujung kuas. Sebagai satu-satunya alat kami yang kuat untuk mengekspresikan visi kreatif Anda dalam Lukisan, kami tahu itu perlu untuk mengatasi harapan yang datang dengan memiliki kuas di VR, sampai ke seluk beluk teknis yang paling teknis.

Seperti semua fitur terbaik dalam gim kami, ujung kuas yang licin dibuat menggunakan fisika palsu yang dibuat-buat! Kita mulai dengan model matematika yang terdiri dari garis lurus yang kita tembak di kanvas, dan kemudian kita mencari tahu di mana ujungnya akan menekuk di sepanjang permukaan. Garis bengkok itu digunakan untuk memanipulasi bentuk kuas, seperti:

Ini membantu kami memecahkan salah satu masalah terbesar yang kami miliki dengan melukis di VR: kurangnya umpan balik. Dengan perangkat keras VR saat ini, kami tidak dapat secara akurat mensimulasikan umpan balik dari sikat fleksibel yang menekan kanvas. Tanpa umpan balik ini, kami merasa sulit bagi pemain untuk mengetahui apakah kuas melakukan kontak, menyebabkan mereka menempatkan kuas terlalu jauh ke dalam kanvas dan menciptakan gerakan gelisah atau cegukan ketika kuas bertabrakan dengan kuda-kuda lukisan. Perilaku ini menyebabkan banyak 'garis berlekuk' dan sering menyebabkan sikat keluar dari tangan pemain sepenuhnya dari tabrakan yang berlebihan — bukan sesuatu yang membuat pemain kami merasa seperti pemain profesional!

Dengan memberikan umpan balik visual dalam bentuk ujung yang licin, lebih sedikit pemain mendorong sikat sejauh ke kanvas, membuat lebih sedikit jerawat dan garis yang lebih cantik. Kami juga memasangkan ini dengan respawn otomatis jika sikat melakukan keluar dari tangan seorang pemain, membuat keduanya lebih mungkin pemain tetap memegang kuas mereka dan lebih mudah untuk meraihnya lagi jika tidak.

.IRPP_kangoo , .IRPP_kangoo .postImageUrl , .IRPP_kangoo .imgUrl , .IRPP_kangoo .center-text-area { min-height: 100px; posisi: relatif; } .IRPP_kangoo , .IRPP_kangoo:hover , .IRPP_kangoo:visited , .IRPP_kangoo:active { border:0!important; } .IRPP_kangoo { tampilan: blok; transisi: warna latar 250ms; webkit-transisi: latar belakang-warna 250ms; lebar: 100%; opasitas: 1; transisi: opacity 250ms; webkit-transisi: opacity 250ms; warna latar: #e6e6e6; kotak-bayangan: 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; transisi: opacity 250ms; webkit-transisi: opacity 250ms; warna latar: #FFFFFF; } .IRPP_kangoo .postImageUrl , .IRPP_kangoo .imgUrl { background-position: center; ukuran latar belakang: sampul; mengapung: kiri; margin: 0; bantalan: 0; } .IRPP_kangoo .postImageUrl { lebar: 30%; } .IRPP_kangoo .imgUrl { lebar: 100%; } .IRPP_kangoo .center-text-area { float: kanan; lebar: 70%; bantalan: 0; margin:0; } .IRPP_kangoo .center-text { tampilan: tabel; tinggi: 100 piksel; kiri: 0; atas: 0; bantalan: 0; margin:0; } .IRPP_kangoo .IRPP_kangoo-content { display: table-cell; margin: 0; bantalan: 0 10px 0 10px; posisi: relatif; vertikal-align: tengah; lebar: 100%; } .IRPP_kangoo .ctaText { border-bottom: 0 solid #fff; warna: #000000; ukuran font: 13px; font-berat: tebal; spasi huruf: .125em; margin: 0; bantalan: 0; dekorasi teks: garis bawah; } .IRPP_kangoo .postTitle { warna: #2C3E50; ukuran font: 16px; font-berat: 600; margin: 0; bantalan: 0; } .IRPP_kangoo .ctaButton { warna latar: #FFFFFF; margin-kiri: 10px; posisi: mutlak; kanan: 0; atas: 0; } .IRPP_kangoo:hover .imgUrl { -webkit-transform: scale(1.2); -moz-transform: skala(1.2); -o-transform: skala(1.2); -ms-transform: skala(1.2); mengubah: skala(1.2); } .IRPP_kangoo .imgUrl { -webkit-transition: -webkit-transform 0.4s ease-in-out; -moz-transisi: -moz-transform 0.4s ease-in-out; -o-transisi: -o-transform 0.4s ease-in-out; -ms-transition: -ms-transform 0.4s ease-in-out; transisi: mengubah 0.4 dtk mudah masuk; } .IRPP_kangoo:setelah { konten: “"; tampilan: blok; jelas: keduanya; }

LIHAT JUGA
Eksklusif: Merancang Antarmuka Layar Sentuh Virtual 'Lone Echo' & 'Echo Arena'

Tapi lagi: itu semua palsu! Rambut sikat tidak benar-benar bertabrakan dalam sistem fisika kecuali pada dasarnya. Tindakan squishing menciptakan ilusi perlawanan dan menipu pemain agar berpikir kuas didorong kembali.

Kami juga menggunakan model matematika yang sama untuk menentukan ukuran area kontak kuas dan mengontrol ukuran cat yang diterapkan pada kanvas. Fitur khusus ini memungkinkan kami untuk mengirim dengan ukuran kuas tunggal, hanya dengan lebar goresan variabel: sentuhan ringan untuk garis presisi tipis atau usap pada warna dengan pass yang lebih kencang.

Sikat juga faktor dalam 'kekakuan rambut', yang menentukan bagaimana rambut sikat berubah arah ketika diseret di kanvas atau ketika gagang sikat diputar. Kekakuan juga digunakan untuk menambahkan sedikit jiggle ke rambut sikat ketika tidak bersentuhan dengan kanvas. Detail-detail kecil ini membuat kami mendapatkan sentuhan super 'lengket' untuk kuas, dan dari playtest pertama kami, sudah jelas bahwa orang-orang benar-benar merespons sensasi yang dirasakan itu.

Kuas licin menyelesaikan banyak masalah teknis dan UX, dan juga memainkan keinginan awal untuk memberdayakan pemain untuk menciptakan seni yang indah. Kami memiliki beberapa devs yang yakin bahwa mereka "bukan seniman," namun ketika diletakkan di depan lukisan kuda-kuda baru membuat hal-hal seperti ini:

Kecemerlangan Mengejutkan dari 'Vacation Simulator's VR Paintbrush Tech PlatoBlockchain Data Intelligence. Pencarian Vertikal. ai.

Perubahan ukuran kaligrafi dari ujung kuas dikombinasikan dengan palet pilihan tangan seniman kami memungkinkan semua orang membuat gambar yang tampak melukis dan menyenangkan. Voila!

Sekarang, sebagai pengembang pertama yang menuliskan kode pada Lukisan, Pete akan membagikan proses desain kami di belakang fitur (termasuk banyak iterasinya!):

Tantangan Desain: Kembali ke Papan Gambar!

Setiap fitur dalam Simulator Liburan mulai dari serangkaian pertanyaan yang sama:

  • Apa yang orang harapkan ketika mereka berlibur di tempat tujuan tertentu?
  • Bagaimana Bots akan dengan lucu menafsirkan kegiatan ini?

Kami tahu membuat sketsa, melukis, dan seni adalah aspek yang menyenangkan untuk pergi ke alam, dan ketika kami berpikir tentang bagaimana Bots akan salah menafsirkan melukis, memanipulasi foto langsung terlintas dalam pikiran. Kami menyukai gagasan mengedit foto yang Anda ambil di sekitar pulau dan mengubahnya untuk mengekspresikan diri Anda sebagai pemain. Gagasan sederhana itu adalah benih untuk fitur yang membutuhkan waktu lebih dari setahun untuk merancang dan menghidupkannya.

Kecemerlangan Mengejutkan dari 'Vacation Simulator's VR Paintbrush Tech PlatoBlockchain Data Intelligence. Pencarian Vertikal. ai.
Simulator Pekerjaan (2016)

Sebagian dari ide desain awal kami dipengaruhi oleh apa yang kami buat sebelumnya simulator pekerjaan (mis. lukisan tanda di Mekanik Otomatis; perangkat lunak lukisan pada komputer Office). Keduanya sederhana dan menyenangkan, tetapi tidak terlalu dalam. Melukis di Simulator Liburan harus merasa berbeda — dan lebih besar — ​​untuk menyamai sisa permainan. Kami ingin memberi pemain lebih dari sekadar peningkatan kerapatan piksel — Anda seharusnya bisa merasa seperti Anda benar-benar melukis. Seperti kehidupan nyata, hanya lebih baik.

.IRPP_kangoo , .IRPP_kangoo .postImageUrl , .IRPP_kangoo .imgUrl , .IRPP_kangoo .center-text-area { min-height: 100px; posisi: relatif; } .IRPP_kangoo , .IRPP_kangoo:hover , .IRPP_kangoo:visited , .IRPP_kangoo:active { border:0!important; } .IRPP_kangoo { tampilan: blok; transisi: warna latar 250ms; webkit-transisi: latar belakang-warna 250ms; lebar: 100%; opasitas: 1; transisi: opacity 250ms; webkit-transisi: opacity 250ms; warna latar: #e6e6e6; kotak-bayangan: 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; transisi: opacity 250ms; webkit-transisi: opacity 250ms; warna latar: #FFFFFF; } .IRPP_kangoo .postImageUrl , .IRPP_kangoo .imgUrl { background-position: center; ukuran latar belakang: sampul; mengapung: kiri; margin: 0; bantalan: 0; } .IRPP_kangoo .postImageUrl { lebar: 30%; } .IRPP_kangoo .imgUrl { lebar: 100%; } .IRPP_kangoo .center-text-area { float: kanan; lebar: 70%; bantalan: 0; margin:0; } .IRPP_kangoo .center-text { tampilan: tabel; tinggi: 100 piksel; kiri: 0; atas: 0; bantalan: 0; margin:0; } .IRPP_kangoo .IRPP_kangoo-content { display: table-cell; margin: 0; bantalan: 0 10px 0 10px; posisi: relatif; vertikal-align: tengah; lebar: 100%; } .IRPP_kangoo .ctaText { border-bottom: 0 solid #fff; warna: #000000; ukuran font: 13px; font-berat: tebal; spasi huruf: .125em; margin: 0; bantalan: 0; dekorasi teks: garis bawah; } .IRPP_kangoo .postTitle { warna: #2C3E50; ukuran font: 16px; font-berat: 600; margin: 0; bantalan: 0; } .IRPP_kangoo .ctaButton { warna latar: #FFFFFF; margin-kiri: 10px; posisi: mutlak; kanan: 0; atas: 0; } .IRPP_kangoo:hover .imgUrl { -webkit-transform: scale(1.2); -moz-transform: skala(1.2); -o-transform: skala(1.2); -ms-transform: skala(1.2); mengubah: skala(1.2); } .IRPP_kangoo .imgUrl { -webkit-transition: -webkit-transform 0.4s ease-in-out; -moz-transisi: -moz-transform 0.4s ease-in-out; -o-transisi: -o-transform 0.4s ease-in-out; -ms-transition: -ms-transform 0.4s ease-in-out; transisi: mengubah 0.4 dtk mudah masuk; } .IRPP_kangoo:setelah { konten: “"; tampilan: blok; jelas: keduanya; }

LIHAT JUGA
Eksklusif: Merancang Pintasan satu tangan untuk VR & AR

Banyak karya seni membutuhkan revisi untuk mengubah 'meh' menjadi sebuah mahakarya, dan Lukisan tidak terkecuali. Itu adalah salah satu fitur paling awal yang kami kembangkan untuk Hutan dan yang kami terus kerjakan hingga peluncuran! Berikut adalah beberapa contoh percobaan Lukisan dan iterasi pada fitur:

Hanya 'Memotret'

Pada awalnya, Lukisan hanya melibatkan foto. Pemain akan menempatkan foto di kuda-kuda dan kemudian menggunakan kuas untuk 'melukis' foto ke kanvas. Pemain dapat mencampur dan mencocokkan, menggabungkan bot atau pemandangan dari beberapa foto, dan bahkan (jika mereka pintar) mengambil foto closeup dari warna tertentu untuk dilukis. Semakin banyak orang bermain, semakin kita menyadari bahwa lukisan yang sebenarnya — lengkap dengan potongan-potongan cat berwarna — secara drastis meningkatkan kemampuan pemain untuk menjadi kreatif.

filter

Filter adalah elemen umum dalam perangkat lunak manipulasi foto, jadi tentu saja kami pikir Bot akan memasukkan mereka ke dalam salah tafsir mereka. Kami bereksperimen dengan tombol untuk menerapkan filter: pixelation, warna terbalik, hitam dan putih, dan sepia. Menekan salah satu tombol filter ini akan menumpuk efek, dan goresan kuas berikutnya akan menerapkan gambar yang difilter ke kanvas. Meskipun menarik, filter sering kali menyebabkan frustrasi ketika pemain berjuang untuk mengantisipasi apa yang sebenarnya akan muncul di kanvas saat mereka melukis. Misalnya, dengan inversi, jika Anda mencelupkan kuas ke dalam swatch jingga, kuas Anda akan berwarna biru! Kami akhirnya menghapus semua filter dari kuda-kuda, alih-alih mengintegrasikannya ke dalam kamera Anda sebagai lensa. Semua efek keren tanpa kebingungan!

Ember cat'

Umpan balik terbesar kami dari playtests awal adalah kemampuan untuk memulai dengan warna latar belakang yang tidak putih, dan opsi untuk menghapus lukisan sepenuhnya. Dengan menambahkan slider cat yang menyeka warna solid di kanvas, bersama dengan opsi cat putih, kami menyelesaikan kedua kebutuhan tersebut dengan satu fitur. Sebagai manfaat kejutan, itu juga memungkinkan penciptaan lebih ... Lukisan seperti bot.

Blending & Transparansi

Ember cat menggunakan ujung yang keras, tetapi ketika melihat ujung yang sama pada sikat, itu tidak terasa realistis — atau terlihat begitu bagus. Piksel bergerigi jelas bukan bagian dari sebagian besar lukisan kehidupan nyata. Untuk efek yang lebih realistis, kami menciptakan gradien transparansi yang mewakili jumlah cat untuk diterapkan pada kanvas. Digunakan bersama dengan ukuran dan posisi bidang kontak, kita dapat menentukan seberapa banyak warna cat berpadu dengan apa pun yang ada di bawahnya. Semakin lama kuas bersentuhan dengan kanvas, semakin banyak warna yang diterapkan, memungkinkan kita untuk mensimulasikan bagaimana kuas yang sebenarnya mentransfer pigmen ke kain.

Kuas Berganda

Kami melewati beberapa iterasi ukuran kuas dan kuas. Sebelum slider ember cat, pemain menginginkan a raksasa sikat untuk membuat semuanya lebih mudah diisi. Kemudian, setelah kami menerapkan bilah geser, pemain menginginkan a lebih kecil kuas untuk pekerjaan detail. Kami memiliki kuas yang lebih kecil untuk waktu yang lama, tetapi pada akhirnya memotongnya karena salah satu fitur gamefeel paling penting dari Lukisan: ujung yang licin!

- - - - -

Kami Berharap Anda [EMOSI] Lukisan!

Kadang-kadang tidak ada cara di sekitar jumlah iterasi yang diperlukan untuk membuat sesuatu terlihat, terasa, dan bermain seperti yang Anda inginkan. Melukis adalah latihan yang penting dalam biaya desain VR, harapan pemain, dan memanfaatkan kendala untuk kreativitas yang paling.

Terima kasih telah memeriksa intip di balik layar Lukisan ini! Kami harap Anda terinspirasi untuk menyalurkan Leonardo BotVinci batin Anda di Simulator Liburan.


Baca artikel tamu lainnya yang dikontribusikan oleh para ahli dan orang dalam dalam AR dan VR.

Pos Kecemerlangan yang mengejutkan dari VR Paintbrush Tech 'Vacation Simulator's' muncul pertama pada Jalan menuju VR.

Stempel Waktu:

Lebih dari Jalan menuju VR