Pengembangan Fast Render Objek Grafis Menggunakan Shader dan Non-Shader Berbasis WebGL dari Primitive Object untuk Membuat Raw Metaverse Material Objek Skybox 3D di Filkom UB
Dalam perkembangannya, teknologi komputer telah mengalami peningkatan yang cukup signifikan. Seiring berkembangnya komputer sekarang, setiap pengembang dapat merekayasa suatu objek di dunia maya. Permasalahan pengembangan yang muncul biasanya terkait kecepatan proses render rekayasa objek yang dala...
Saved in:
| Main Authors: | , , , , , |
|---|---|
| Format: | Article |
| Language: | Indonesian |
| Published: |
University of Brawijaya
2022-12-01
|
| Series: | Jurnal Teknologi Informasi dan Ilmu Komputer |
| Online Access: | https://jtiik.ub.ac.id/index.php/jtiik/article/view/6739 |
| Tags: |
Add Tag
No Tags, Be the first to tag this record!
|
| _version_ | 1823858572219383808 |
|---|---|
| author | Imam Cholissodin Eriq Muhammad Adams Jonemaro Bayu Rahayudi Willyan Eka Ksatria Annisa Sukmawati Muhammad Farid Muzayyani |
| author_facet | Imam Cholissodin Eriq Muhammad Adams Jonemaro Bayu Rahayudi Willyan Eka Ksatria Annisa Sukmawati Muhammad Farid Muzayyani |
| author_sort | Imam Cholissodin |
| collection | DOAJ |
| description |
Dalam perkembangannya, teknologi komputer telah mengalami peningkatan yang cukup signifikan. Seiring berkembangnya komputer sekarang, setiap pengembang dapat merekayasa suatu objek di dunia maya. Permasalahan pengembangan yang muncul biasanya terkait kecepatan proses render rekayasa objek yang dalam penelitian ini membuat raw metaverse material berupa penambahan objek dasar grafis 3D (bola, kubus, torus, silinder, dan lainnya) pada Skybox sebagai bagian dari augmented reality dengan disertai efek tekstur mapping, pencerminan, gradasi pewarnaan, dan animasi kontrol pergerakan objek. Salah satu hasil dari berkembangnya Grafika Komputer ini adalah munculnya WebGL yang mendukung penggunaan shader maupun non-shader untuk mengatasi permasalahan tersebut, yaitu sebuah JavaScript API yang digunakan untuk rendering grafis 3D interaktif dan grafis 2D dalam browser web yang kompatibel tanpa menggunakan plug-in. Semenjak kemunculan WebGL ini, banyak pengembang/developer browser yang telah memanfaatkannya ke dalam browser mereka. Karena sistemnya yang interaktif dan tidak memerlukan plug-in, WebGL mendapat sebutan “future of the internet” atau “masa depan dari internet”. Pada penelitian ini diberikan pengembangan contoh dari apa yang dapat dilakukan melalui Grafika Komputer dan WebGL, yaitu untuk pembuatan raw metaverse material objek Skybox 3D di FILKOM UB dengan beberapa macam penambahan augmented reality objek grafis 3D. Hasil pengamatan pengujian pada beberapa skenario yang berbeda berdasarkan lama waktu proses render objek untuk membuat raw metaverse material objek Skybox 3D tersebut, didapatkan rata-rata waktu 0,12668 detik.
Abstract
In its development, computer technology has undergone a fairly significant improvement. Along with the development of computers today, any developer can engineer an object in the virtual world. The development problems that arise are usually related to the speedy rendering process of object engineering which in this study is making raw metaverse material in the form of adding basic 3D graphic objects (balls, cubes, torus, cylinders, and others) to the Skybox as part of augmented reality accompanied by effects of texture mapping, mirroring, coloring gradations, and animation control of object movements. One of the pillars of the development of Computer Graphics is the emergence of WebGL that supports the use of shaders and non-shaders to solve these problems, i.e., a JavaScript API utilized for rendering interactive 3D graphics and 2D graphics in compatible web browsers without using plug-ins. Since the emergence of WebGL, many browser developers have utilized it into their browsers. Because the system is interactive and does not require plug-ins, WebGL gets the name of “the future of the internet”. In this study, an example of the development of the thing can be performed through Computer Graphics and WebGL was given, i.e., for the creation of raw metaverse material of 3D Skybox objects at FILKOM UB with several kinds of addition of augmented reality 3D graphic objects. The results of testing observations in several different scenarios based on the length of time for the object rendering process to create the raw metaverse material of the 3D Skybox object obtained an average time of 0.12668 seconds.
|
| format | Article |
| id | doaj-art-afba7b2099904e4087c755ea976eeac2 |
| institution | Kabale University |
| issn | 2355-7699 2528-6579 |
| language | Indonesian |
| publishDate | 2022-12-01 |
| publisher | University of Brawijaya |
| record_format | Article |
| series | Jurnal Teknologi Informasi dan Ilmu Komputer |
| spelling | doaj-art-afba7b2099904e4087c755ea976eeac22025-02-11T10:41:35ZindUniversity of BrawijayaJurnal Teknologi Informasi dan Ilmu Komputer2355-76992528-65792022-12-019710.25126/jtiik.20229767391048Pengembangan Fast Render Objek Grafis Menggunakan Shader dan Non-Shader Berbasis WebGL dari Primitive Object untuk Membuat Raw Metaverse Material Objek Skybox 3D di Filkom UBImam Cholissodin0Eriq Muhammad Adams Jonemaro1Bayu Rahayudi2Willyan Eka Ksatria3Annisa Sukmawati4Muhammad Farid Muzayyani5Universitas Brawijaya, MalangUniversitas Brawijaya, MalangUniversitas Brawijaya, MalangUniversitas Brawijaya, MalangUniversitas Brawijaya, MalangUniversitas Brawijaya, Malang Dalam perkembangannya, teknologi komputer telah mengalami peningkatan yang cukup signifikan. Seiring berkembangnya komputer sekarang, setiap pengembang dapat merekayasa suatu objek di dunia maya. Permasalahan pengembangan yang muncul biasanya terkait kecepatan proses render rekayasa objek yang dalam penelitian ini membuat raw metaverse material berupa penambahan objek dasar grafis 3D (bola, kubus, torus, silinder, dan lainnya) pada Skybox sebagai bagian dari augmented reality dengan disertai efek tekstur mapping, pencerminan, gradasi pewarnaan, dan animasi kontrol pergerakan objek. Salah satu hasil dari berkembangnya Grafika Komputer ini adalah munculnya WebGL yang mendukung penggunaan shader maupun non-shader untuk mengatasi permasalahan tersebut, yaitu sebuah JavaScript API yang digunakan untuk rendering grafis 3D interaktif dan grafis 2D dalam browser web yang kompatibel tanpa menggunakan plug-in. Semenjak kemunculan WebGL ini, banyak pengembang/developer browser yang telah memanfaatkannya ke dalam browser mereka. Karena sistemnya yang interaktif dan tidak memerlukan plug-in, WebGL mendapat sebutan “future of the internet” atau “masa depan dari internet”. Pada penelitian ini diberikan pengembangan contoh dari apa yang dapat dilakukan melalui Grafika Komputer dan WebGL, yaitu untuk pembuatan raw metaverse material objek Skybox 3D di FILKOM UB dengan beberapa macam penambahan augmented reality objek grafis 3D. Hasil pengamatan pengujian pada beberapa skenario yang berbeda berdasarkan lama waktu proses render objek untuk membuat raw metaverse material objek Skybox 3D tersebut, didapatkan rata-rata waktu 0,12668 detik. Abstract In its development, computer technology has undergone a fairly significant improvement. Along with the development of computers today, any developer can engineer an object in the virtual world. The development problems that arise are usually related to the speedy rendering process of object engineering which in this study is making raw metaverse material in the form of adding basic 3D graphic objects (balls, cubes, torus, cylinders, and others) to the Skybox as part of augmented reality accompanied by effects of texture mapping, mirroring, coloring gradations, and animation control of object movements. One of the pillars of the development of Computer Graphics is the emergence of WebGL that supports the use of shaders and non-shaders to solve these problems, i.e., a JavaScript API utilized for rendering interactive 3D graphics and 2D graphics in compatible web browsers without using plug-ins. Since the emergence of WebGL, many browser developers have utilized it into their browsers. Because the system is interactive and does not require plug-ins, WebGL gets the name of “the future of the internet”. In this study, an example of the development of the thing can be performed through Computer Graphics and WebGL was given, i.e., for the creation of raw metaverse material of 3D Skybox objects at FILKOM UB with several kinds of addition of augmented reality 3D graphic objects. The results of testing observations in several different scenarios based on the length of time for the object rendering process to create the raw metaverse material of the 3D Skybox object obtained an average time of 0.12668 seconds. https://jtiik.ub.ac.id/index.php/jtiik/article/view/6739 |
| spellingShingle | Imam Cholissodin Eriq Muhammad Adams Jonemaro Bayu Rahayudi Willyan Eka Ksatria Annisa Sukmawati Muhammad Farid Muzayyani Pengembangan Fast Render Objek Grafis Menggunakan Shader dan Non-Shader Berbasis WebGL dari Primitive Object untuk Membuat Raw Metaverse Material Objek Skybox 3D di Filkom UB Jurnal Teknologi Informasi dan Ilmu Komputer |
| title | Pengembangan Fast Render Objek Grafis Menggunakan Shader dan Non-Shader Berbasis WebGL dari Primitive Object untuk Membuat Raw Metaverse Material Objek Skybox 3D di Filkom UB |
| title_full | Pengembangan Fast Render Objek Grafis Menggunakan Shader dan Non-Shader Berbasis WebGL dari Primitive Object untuk Membuat Raw Metaverse Material Objek Skybox 3D di Filkom UB |
| title_fullStr | Pengembangan Fast Render Objek Grafis Menggunakan Shader dan Non-Shader Berbasis WebGL dari Primitive Object untuk Membuat Raw Metaverse Material Objek Skybox 3D di Filkom UB |
| title_full_unstemmed | Pengembangan Fast Render Objek Grafis Menggunakan Shader dan Non-Shader Berbasis WebGL dari Primitive Object untuk Membuat Raw Metaverse Material Objek Skybox 3D di Filkom UB |
| title_short | Pengembangan Fast Render Objek Grafis Menggunakan Shader dan Non-Shader Berbasis WebGL dari Primitive Object untuk Membuat Raw Metaverse Material Objek Skybox 3D di Filkom UB |
| title_sort | pengembangan fast render objek grafis menggunakan shader dan non shader berbasis webgl dari primitive object untuk membuat raw metaverse material objek skybox 3d di filkom ub |
| url | https://jtiik.ub.ac.id/index.php/jtiik/article/view/6739 |
| work_keys_str_mv | AT imamcholissodin pengembanganfastrenderobjekgrafismenggunakanshaderdannonshaderberbasiswebgldariprimitiveobjectuntukmembuatrawmetaversematerialobjekskybox3ddifilkomub AT eriqmuhammadadamsjonemaro pengembanganfastrenderobjekgrafismenggunakanshaderdannonshaderberbasiswebgldariprimitiveobjectuntukmembuatrawmetaversematerialobjekskybox3ddifilkomub AT bayurahayudi pengembanganfastrenderobjekgrafismenggunakanshaderdannonshaderberbasiswebgldariprimitiveobjectuntukmembuatrawmetaversematerialobjekskybox3ddifilkomub AT willyanekaksatria pengembanganfastrenderobjekgrafismenggunakanshaderdannonshaderberbasiswebgldariprimitiveobjectuntukmembuatrawmetaversematerialobjekskybox3ddifilkomub AT annisasukmawati pengembanganfastrenderobjekgrafismenggunakanshaderdannonshaderberbasiswebgldariprimitiveobjectuntukmembuatrawmetaversematerialobjekskybox3ddifilkomub AT muhammadfaridmuzayyani pengembanganfastrenderobjekgrafismenggunakanshaderdannonshaderberbasiswebgldariprimitiveobjectuntukmembuatrawmetaversematerialobjekskybox3ddifilkomub |