Sorotan Pengembang: Robin Payot | beragampengetahuan – Beragampengetahuan

Hei, saya Robin, pengembang kreatif sejak 2015, yang berbasis di Paris dan mantan mahasiswa hetic.

Saya telah bekerja di institusi seperti 84.Paris dan Upperquad dan telah bekerja lepas dengan banyak orang lain dan telah memenangkan beberapa penghargaan online dalam prosesnya. Saya membuat Wind Waker.js dan memulai saluran YouTube tempat saya mengajar tutorial WebGL.

Yang benar -benar membuat saya bersemangat tentang pengembangan adalah dengan mengingat ide dan dapat secara visual melihatnya menjadi hidup, menyesuaikannya lagi dan lagi sampai solusi yang tepat ditemukan untuk mencapai hasil yang saya inginkan.

Proyek yang saya banggakan

Wind Waker JS

Ketika saya masih kecil, saya adalah penggemar berat video game GameCube Zelda: Angin. Ini adalah permainan yang bersemangat dan penuh warna di mana Anda menjelajahi dunia dengan suasana bajak laut yang sangat keren! Saya ingin menantang diri saya sendiri, jadi saya memutuskan untuk mencoba menciptakannya kembali dengan tiga poin dan melihat seberapa jauh saya bisa melangkah.

Untungnya bagi saya, seorang pembuat kode kreatif hebat bernama Nathan Gordon telah menulis sebuah artikel pada tahun 2016 tentang menciptakan kembali air permainan. Ini memberi saya dasar yang kuat.

Setelah banyak usaha, saya berhasil menciptakan sesuatu yang sangat saya banggakan, termasuk enam pulau dengan logika LOD (Level of Detail), Day/Night Dynamics dan Weather Cycles, benda palsu mengambang di atas air, yang merupakan permainan kecil yang mirip dengan Lari kuildan perburuan harta karun untuk segitiga.

Saya menghadapi banyak tantangan di sepanjang jalan, dan jika Anda ingin tahu tentang bagaimana saya menyelesaikan masalah ini, saya membuat dua video yang menjelaskan semuanya:

Proyek ini menerima banyak umpan balik positif dan saya sangat berterima kasih atas kesempatan untuk memberikan penghormatan kepada game Nintendo yang luar biasa ini.

McDonald’s Swiss – Golden Slide Game

Desember lalu, saya memiliki kesempatan untuk membuat video game seluler untuk Swiss McDonald’s Swiss melalui tim gesek.

Desainer 3D ini memberi kami beberapa aset gaya gimmick yang sangat menarik, yang membuat permainan terlihat menyenangkan dan profesional, yang sangat menarik bagi saya karena ini adalah pertama kalinya saya mengerjakan proyek game nyata.

Saya bekerja dengan David Ronai dan hanya kami berdua adalah pengembang, itu adalah tantangan! Misi mingguan game, kosmetik yang dapat dibuka, hadiah dunia nyata untuk pemain top, dan backend sisi server penuh (David Processing).

David juga memiliki ide gila: untuk membangun game menggunakan TSL, bahasa baru yang secara otomatis mengubah shader JS Anda menjadi webgpu dalam tiga ekosistem. Saya mempelajarinya dalam proyek saya dan menggunakannya untuk membuat game 3D. Pada saat itu, dokumentasinya jarang dan teknologinya sangat segar, tetapi menjanjikan kinerja yang jauh lebih baik daripada WebGL. Terlepas dari tantangan, kami membuatnya berhasil dan hasilnya mengejutkan – WebGPU berkinerja baik di Android.

Dengan semua aset 3D yang kami miliki, kami perlu mengoptimalkan dengan hati -hati. Salah satu teknik utama yang kami gunakan adalah kisi batch yang menggabungkan semua hambatan menjadi satu kisi, yang tidak memerlukan TSL tetapi sangat membantu untuk kinerja.

Karena ini bagian dari acara Natal, situs ini tidak lagi tersedia, tetapi saya telah mengambil video proyek yang dapat saya lihat di sini.

Issey Miyake – Le Sel D’Ssey

Tahun lalu, saya mengerjakan proyek 3D di mana pengguna dapat membuat kristal garam mereka sendiri menggunakan bahan yang berbeda, yang merupakan bagian dari kampanye untuk wewangian Issey Miyake yang baru. Itu adalah pengalaman yang sangat menarik, dan tantangan teknis utama adalah mencapai efek shader refraksi yang indah.

Saya menangani pengembangan front-end secara terpisah dan menggunakan tiga serat untuk pertama kalinya, kerangka kerja WebGL berdasarkan tiga JS yang memungkinkan Anda membangun adegan 3D menggunakan komponen gaya reaksi.

Perpustakaan sangat membantu untuk menyiapkan item dengan cepat. Namun, ketika saya menggali proyek, saya memiliki beberapa masalah kecil, tetapi saya berhasil menyelesaikannya dengan beberapa kode khusus. Jika Anda sudah tahu banyak tentang webgl/trix.js dan suka bekerja di ekosistem bereaksi, saya pasti merekomendasikan melakukan tiga serat.

Program ini diberikan pada FWA pada hari yang sama (SOTD).

Portofolio 2021

Saya menggunakan portofolio saya sebagai studi kasus akhir. Meskipun ini adalah proyek yang lebih tua dan tidak selalu terkini, itu masih sangat berarti bagi saya.

Selama istirahat setelah pandemi, saya mulai mempelajarinya. Awalnya saya memiliki ide yang sangat kabur, jadi saya mulai merancang dan memprogram pada saat yang sama. Ini adalah cara yang aneh untuk bekerja karena saya tidak pernah yakin bagaimana hasilnya. Ada banyak bolak-balik, coba-coba, restart, dan saya sangat suka proses yang kreatif dan spontan-saya pasti akan merekomendasikannya jika Anda sedang mengerjakan proyek pribadi!

Proyek ini memenangkan Penghargaan Situs Hari Ini (SOTD), baik Awwards dan FWA.

Tentang saya

Saya seorang pengembang web kreatif dengan pengalaman 10 tahun dan berkantor pusat di Paris.

Saya belajar di sekolah Prancis yang disebut Hetic, di mana saya belajar berbagai keterampilan terkait web termasuk desain, manajemen proyek, pemasaran dan pemrograman. Pada 2015, saya memiliki kesempatan untuk magang enam bulan di Unit9. Di sinilah saya pertama kali menemukan WebGL dan saya langsung jatuh cinta padanya.

Proyek pertama saya melibatkan membangun versi VR film horor di web menggunakan Trix.js, dan saya merasa sangat menarik.

Setelah itu, saya bekerja di beberapa institusi: pertama di 84. Paris di Prancis, dan kemudian di Upperquad di San Francisco selama satu setengah tahun. Di organisasi-organisasi ini, saya telah belajar banyak dari pengembang lain tentang pengembangan kreatif, arsitektur kode bersih, dan animasi yang menyempurnakan. Saya telah berkontribusi pada beberapa situs web pemenang penghargaan (Awwards, FWA) dan pada tahun 2021 saya akhirnya memutuskan untuk memulai lepas.

Saya memenangkan penghargaan pertama saya dengan portofolio saya dan sejak itu saya telah bekerja dengan klien di seluruh dunia dan kadang -kadang memenangkan lebih banyak penghargaan.

Pada akhirnya, saya pikir giliran saya untuk membagikan pengetahuan saya, jadi saya membuat saluran YouTube yang mengajari saya cara membangun efek WebGL. Saya juga bergabung dengan juri FWA sejak 2018 dan saya memiliki kesempatan untuk membuat efek cahaya gandum lensa dalam JS 3-point dan membuat efek distorsi yang terangkat dengan WebGL pada beragampengetahuan.

Filsafat dan alur kerja

Sebagai pengembang front-end, saya selalu senang mendorong batas animasi web. Saya suka mencoba efek yang berbeda dan membaginya dengan tim untuk menginspirasi ide -ide baru. Saya tidak memiliki alur kerja tertentu karena saya bekerja dengan banyak agensi di seluruh dunia dan selalu harus beradaptasi dengan kerangka kerja baru, alur kerja, dan struktur. Jadi, saya tidak merekomendasikan alur kerja tertentu – coba alur kerja yang berbeda dan pilih salah satu yang paling sesuai dengan proyek Anda!

Pembelajaran dan Tantangan Saat Ini

Saat ini, saya belajar TSL, pendekatan berbasis tiga poin yang menyusun tiga kode .js Anda ke webgpu (dengan fallback webgl) untuk kinerja! Untuk tantangan saya saat ini dan di masa depan, saya ingin membuat kursus pengembangan web 3D!

Pemikiran terakhir

Terima kasih beragampengetahuan untuk undangannya, saya selalu menjadi penggemar tutorial animasi web yang luar biasa.

Jika Anda memiliki proyek, jangan menyerah! Cobalah untuk menemukan waktu luang, setidaknya cobalah. Tetap kreatif!