Membuat WebVR sederhana menggunakan A-Frame

POST TEST

PRAKTIKUM PEMROGRAMAN MULTIMEDIA

Oleh:

JUNIARTY PRADIFTA  4103171038

D3 TEKNOLOGI MULTIMEDIA BROADCASTING POLITEKNIK ELEKTRONIKA NEGERI SURABAYA TAHUN 2020

1

1. Tujuan

Belajar Programming Multimedia dengan melakukan beberapa tutorial.

2.  Alat

1.    Visual Studio Code

2.    Browser (Chrome / Firefox)

3.  Bahan

Video / Webcam

1.    Build a Webcam Filter & Picture App With WebRTC & Canvas (0/0)

2.    How to Take Picture From Webcam in Javascript Using Webcam.js | Webcam Capture in Javascript (1/2)

3.    11.8: Video Effects with Seriously.js - p5.js Tutorial (0/0)

4.    Create A Custom HTML5 Video Player (1/1)

5.    Custom HTML5 Video Player - #JavaScript30 11/30 (0/0)

6.    Custom Video Player | CSS - JavaScript Tutorial (0/0)

7.    Teachable Machine (0/0)

Image

8.    Image Filters in JS | JavaScript Tutorials | Web Development Tutorials (1/4)

9.      CamanJS - Build An Image Filter Web App (0/0)

10.  JAVASCRIPT Grayscale filter script (0/1)

11.  360° Image Panorama View using HTML,CSS and Javascript (6/13)

Gallery / Slideshow / Slider

12.  Portfolio Gallery Filter in Javascript (1/3)

13.  Simple JavaScript Slideshow In 5 Minutes (12/19)

14.  How To Create a Slider or Carousel in Minutes Using Glide.js (0/0)

15.  Responsive Touch Slider Using Html CSS & Swiper.js - 3D Responsive Slider Using Swiper.js (0/0)

Audio

16.  Custom Audio Player | CSS - JavaScript Tutorial (0/0)

17.  How to Play Audio with JavaScript (4/4)

18.  HTML - Audio Playlist (5/8)

Animation

19.  Let's animate like Apple using GSAP and ScrollMagic for beginners - PART 1 (0/0)

2

20.  Animated Page Transitions Tutorial: SERIES 2 - Barba JS and GSAP - PART 1 (0/0)

21.  Creating Page Transition Animations EASILY with Swup (0/0)

22.  JavaScript Animation Tutorial with Anime.js (0/0)

23.  Javascript Scroll Animation Tutorial | GSAP and ScrollMagic Tutorial (1/1)

24.  Text Typing Effects By Using JavaScript (5/5)

25.  Text Animation using jquery plugin textillate - Advanced Technology (0/0)

26.  Learn Web Animation (0/0)

AR/VR/MR/XR/...

27.  Easily code a virtual reality web experience with A-Frame (WebVR) (2/2)

28.  Augmented Reality with A-Frame (0/0)

29.  Easy Augmented Reality (AR) With JavaScript | AR.js | A-Frame (0/0)

30.  Augmented Reality in 10 lines of HTML (0/0)

4.  Dasar Teori

Dasar teori berdasarkan link tutorial dari dosen.

5. Tugas Post Test

Sebutkan materi mana saja yang berhasil dikerjakan!

6.  Hasil Post Test

1.    Custom Video Player | CSS - JavaScript Tutorial

2.    Easily code a virtual reality web experience with A-Frame (WebVR)

3.    HTML - Audio Playlist

7.  Kesimpulan

Dari beberapa materi yang telah disediakan saya berhasil menyelesaikan 3 tutorial.

Dan ini adalah tutorial yang paling mudah untuk dilakukan:

Membuat WebVR sederhana menggunakan A-Frame: https://youtu.be/ihJVj9O6xZo

3