Lima Presentasi WebGL Yang Memukau
Peramban di komputer, peramban di ponsel atau jam tangan pintar, atau bahkan mungkin seseorang di dalam teko? Teknologi web mengelilingi kita dari semua sisi dan seiring perkembangan pengisian besi, mereka menjadi lebih spektakuler dan sempurna. Hanya beberapa tahun yang lalu, WebGL dibicarakan sebagai mainan yang menyenangkan dengan prospek yang tidak jelas. Tetapi banyak yang telah berubah dan flash yang sebelumnya populer sedang digantikan oleh teknologi HTML5 / WebGL yang lebih maju.Waktu telah berlalu ketika demonstrasi WebGL adalah primitif, kerajinan tangan atau demo demonstrasi dari pengembang perangkat lunak. Sekarang banyak merek terkenal menggunakan teknologi ini untuk presentasi dan banyak dari mereka terlihat sangat meyakinkan.
Semua orang pernah mendengar tentang Porsche. Seseorang baru saja melihat, seseorang dengan penuh kasih menggosok kain di garasinya. Nah, sisa produsen terkenal Jerman menawarkan untuk berkenalan dengan mesin di situs webnya . Dan tidak hanya melihat gambar, tetapi "menyelidiki" kontrol, belajar tentang beberapa sorotan teknologi.Hal pertama yang mengejutkan Anda ketika Anda memulai demo adalah kualitas. Modelnya terlihat seperti mobil "hidup". Dengan detail-detail kecil yang dibuat dengan penuh cinta, refleksi pemandangan, permukaan krom. Dan, yang paling menarik, tidak ada rem di browser!Pengguliran model secara gratis, penskalaan memungkinkan Anda untuk mempertimbangkan segalanya secara harfiah dan bahkan melihat ke interior. Para pengembang melakukan yang terbaik, mengoptimalkan adegan secara sempurna dan tidak dengan mengorbankan keindahan.
Dan mereka yang lelah memutar model dapat "memutar" setir. Sebenarnya, tindakan yang diusulkan menunjukkan kemampuan pencahayaan adaptif dan balok tinggi dinamis, tetapi tidak hanya anak itu akan ingin "mengarahkan" mobil yang luar biasa. Itu terlihat luar biasa!Namun, orang Jerman yang berhati-hati tidak terbatas pada penampilan mobil dan membiarkan sekilas bagian dalamnya. Tentu saja, semua gambar ditandai oleh kualitas fotografi, apakah itu interior mobil, unit suspensi teknologi atau mesin berkilau. Semuanya berputar, berputar, dan menawarkan banyak informasi. Beberapa detail begitu tepat sehingga keraguan merayap masuk, dan bukankah foto-foto ini "kencang" pada bingkai primitif?Sebagai pendewaan atau hanya keinginan untuk "memeras" klien, pada akhir presentasi ditawarkan jenis desainer di mana Anda dapat memilih modifikasi mobil, mengganti roda atau warna. Tentu saja, semua ini hanya langkah pemasaran yang sukses, tetapi sungguh visualisasi berkualitas tinggi di sini! Ngomong-ngomong, banyak merek terkenal (ay, AvtoVAZ!) Gunakan pendekatan yang mirip dengan demonstrasi mobil baru.Jika presentasi pertama dibuat menggunakan mesin three.js, maka program berikutnya adalah kelebihan programmer kami. Tidak, aplikasi itu sendiri dibuat di perut NASA, hanya pembangunan domestik Blend4Web yang digunakan sebagai basis. Jadi, yang menarik di sini ...Pada 2012, perangkat dengan nama sederhana Curiosity dikirim ke permukaan Mars (diterjemahkan dari bahasa Inggris "Curiosity"). Dengan diam-diam dan dengan damai merangkak di permukaan planet ini, sang penjelajah menganalisis tanah, mengirim banyak foto lanskap Mars dan menggembirakan saudara-saudara ilmiah dengan banyak penemuan. Semuanya akan baik-baik saja, tetapi NASA memutuskan untuk mempopulerkan operasi unit dan membuat aplikasi web yang unik, memungkinkan tidak hanya untuk mengagumi fitur desain perangkat, tetapi juga untuk melihat secara real time di Mars dengan "mata" Curiosity.
Fitur utama dalam aplikasi ini adalah lintasan nyata dari peralatan di permukaan Mars. Apalagi semua ini disertai dengan bidikan video oleh beberapa kamera bajak. Lintasan berjalan melalui beberapa titik kunci di mana beberapa tindakan dilakukan oleh operator perangkat. Dari samping, sangat menyenangkan untuk menyaksikan bagaimana unit melambaikan manipulator, menyesuaikan dengan tugas. Pada saat yang sama, komentar suara-over pada apa yang terjadi dan, pada saat yang sama, foto-foto yang terkait dengan medan ditampilkan.Dan bagi mereka yang bosan melihat perangkat, para pengembang telah menyiapkan bantuan online kecil pada desainnya. Mengklik pada detail yang menarik mouse, Anda dapat menemukan banyak hal menarik. Selain itu, khususnya pengguna korosif dapat memutar secara manual manipulator bajak, tentu saja, dalam yang tersedia.Kiamat yang didorong oleh SkyNet akan datang! Dan, jika Anda ingin bertemu musuh di masa depan - saatnya untuk memasuki jaringan .
Situs yang ditentukan hanyalah godaan yang sangat baik untuk menonton film "Terminator: Genesis." Selain poster standar, trailer, penggoda - pembuat film datang dengan pertunjukan interaktif yang hebat.Puncak dari ide ini adalah untuk menghubungkan grafik tiga dimensi ke bingkai nyata dari film. Pengunjung SkyNet dapat mempelajari detail menarik tentang karakter utama, baik robot maupun aktor langsung. Misalnya, Tangki SpIder. Monster macam apa itu? Jadi, dia memutar model (omong-omong, dibuat secara kualitatif), membaca informasi tentang simpul kunci, dan bahkan menonton video yang berkaitan dengan kemampuan monster.
Jujur, presentasi informasi tentang film ini terlihat inovatif dan sangat menarik. WebGL / HTML5 menaikkan bar ke tingkat persepsi yang sama sekali berbeda.Manusia biodigital
Dan ini adalah level yang sangat berbeda. Jika dalam tiga kasus pertama teknologi WebGL lebih banyak digunakan untuk tujuan hiburan, maka di sini para pengembang menawarkan praktik terbaik mereka dalam konteks pembelajaran.
Proyek ini berfokus pada organisasi yang terkait dengan industri medis. Model yang dilakukan secara kualitatif dari berbagai organ, visualisasi akurat dari proses yang sedang berlangsung, mode tampilan khusus - semua ini memungkinkan kita untuk menyederhanakan proses pembelajaran atau menunjukkan fitur penyakit.Dan di sini bahkan bukan kualitas modelnya, tetapi keakuratan implementasinya. Misalnya, ketika mendemonstrasikan operasi sendi lutut, Anda tidak akan bisa menekuknya lebih dari yang diharapkan.Selain itu, ada mode "X-ray" yang sangat menarik, yang diaktifkan dengan tombol khusus di pemutar. Dalam hal ini, model menjadi tembus dengan kemungkinan mempertimbangkan beberapa fitur internal. Selain itu, jika perlu, Anda dapat menyorot bagian dari objek dengan latar belakang "gambar x-ray". Jadi, pada tangkapan layar di bawah ini, Anda dapat dengan jelas mempertimbangkan ligamen yang pecah.
Menurut pengembang, total sekitar 5.000 objek telah dibuat, dan beberapa pelajaran penuh tentang anatomi manusia telah dilakukan. Tampaknya pendekatan pembelajaran seperti itu akan jauh lebih efektif daripada dengan atlas kertas konvensional.Webgl sangat sempurna untuk membuat adegan interaktif, presentasi, permainan, dan yang paling penting, menyatukan pengguna dari berbagai platform di jendela browser. Pencipta dari seri terkenal dari game Halo, mengambil keuntungan dari kemampuan unik dari teknologi browser yang modern dan menciptakan khusus “tamu” ruang .
Idenya sederhana untuk dipermalukan, tetapi itu berkat WebGL bahwa itu mungkin untuk menggabungkan gambar visual yang tidak biasa (Anda harus terlihat "hidup", karena tangkapan layar tidak mengirimkan efek) dengan beberapa papan pesan massal.Faktanya, partikel yang membentuk bentuk helm dari game terkenal adalah keinginan pengguna. Ratusan dan ratusan pesan tersisa di halaman situs, secara bertahap membentuk model integral. Awalnya, helm itu sederhana, kotak primitif. Anda dapat memverifikasi ini jika Anda memindahkan slider di timeline di bagian bawah layar. Aku bertanya-tanya seperti apa helm itu setelah mencapai ambang tertentu. Sementara itu, Anda juga dapat bergabung dengan mereka yang menunggu permainan dan menuliskan beberapa baris pada "papan pesan" yang tidak biasa ini.P.S
Seperti yang Anda lihat, semua presentasi yang dipilih menunjukkan kebutuhan dan kemudahan penggunaan teknologi WebGL. Lebih dekat dan lebih dekat adalah komputer pribadi dengan sistem seluler. Akan tiba saatnya aplikasi browser akan benar-benar lintas platform. Source: https://habr.com/ru/post/id386071/
All Articles