MEMBUAT ANIMASI BERGERAK MENGIKUTI GERAKAN MANUSIA DENGAN TEKNIK BODY TRACKING

  • Wahyudin Sukri Universitas muhammadiyah parepare
Keywords: P5.js, Javascript, Moving Animasions, Body Tracking

Abstract

This research is motivated by the existence of technology that can combine 2 (two) or 3 (three) dimensional virtual objects into a real environment, the technology is augmented reality. in the process of animating or providing motion in 2-dimensional or 3-dimensional animation, special software is needed for its management and skills and experience that are qualified to create a moving animation well. Based on this background, the purpose of this research is to make animations that follow human movements with body tracking techniques. By using quantitative research methods, where this study seeks to describe and interpret objects as they are. The data is obtained indirectly (Study Literature), namely collecting information data related to the research being carried out, such as studying libraries or libraries from Javascript, namely p5.js. This application can track or track objects other than humans such as dolls and human photos. In an article that discusses the research conducted, making this application by running the application there is a delay in animation movement of the object followed by its movement with an average delay of 1.48s with a total of 33 trials and a distance of 15 -500 cm due to VGA and less capable processors.

References

Ariona, R. (2016). Belajar HTML dan CSS Tutorial Fundamental Dalam Mempelajari HTML & CSS.

Azuma, R. T. (2016). Augmented Reality Approaches and Technical Challenge

Beaird J & George J (2015). The Principles Of Beautiful Web Design.

Bratadinata, A. (2015). Mengenal JavaScript.

Bretz A, J. Ihrig C (2015). Full Stack Javascript Development With Mean

Dharwiyanti, S. (2015). Pen

gantar Unifiad Modeling Language (UML).

Goldstein, A. Lazaris L. Weyl E (2015) HTML 5 & Css 3 For The Real World

Ishu, S. (2020). P5.js Introduction. From https://www.geeksforgeeks.org/p5-js-introduction (2020)

Jones D. (2015). Javascript: Novice To Ninja

Lubis, R. P, ST. (2016). Belajar Dengan XAMPP MySQL

Purto, H. W. 2016. Teg-Teg HTML Beserta Fungsi. From https://gilacoding.com/read/tag-tag-pada-html-beserta-fungsinya (2020).

Reyza. 2017. Preparation Of ASP.NET Core Development With Visual Studio Code. From https://www.rezafaisal.net/?p=3113 (2020).

Setiawan, R. (2019). Teknik Pemecahan Masalah Dengan Algoritma Dan Flowchart (basic dan C).

Sijabat, A. J. (2019). Motion Capture Dalam Penciptaan Gerak Natural Kerakter Alita Dalam Filem “Alita: Battle Angel”.

Suryajaya, I. D. B. (2015). Teknik Motion Capture Dalam Proses Pembuatan Animasi 3D Menggunakan Microsoft Kinect

Tiffany B. (2015). CSS Master

TIFFANY B. BROWN, BUTTERS K, PANDA S (2015). Jump Start HTML

Toska, D. A. (2020). Mengenal Augmented Reality (AR) dan Kegunaan Yang Dapat kita NIkmati. From https://www.smarteye.id/blog/kegunaan-augmented-reality/ (2020)

Yasin K. (2020). Pengertian CSS dan Cara Kerja

Published
2022-07-04
Section
Articles