{"id":666,"date":"2024-12-09T00:47:07","date_gmt":"2024-12-09T00:47:07","guid":{"rendered":"https:\/\/sites.wsagames.com\/hm3g23\/?page_id=666"},"modified":"2024-12-09T17:04:00","modified_gmt":"2024-12-09T17:04:00","slug":"qte-mechanic","status":"publish","type":"page","link":"https:\/\/sites.wsagames.com\/hm3g23\/qte-mechanic\/","title":{"rendered":"QTE Mechanic"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\"><span style=\"text-decoration: underline\">QTE (Quick Time Event)<\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">A QTE is an event where you have a certain amount of time to carry out a task.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span style=\"text-decoration: underline\">Unreal Engine<\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">I only used unity for first year and it was recommended to use it again for this semester but since my game is meant to be 3D I wanted to try out unreal since I heard good stuff about.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">I used a tutorial to complete this mechanic for unreal by UE5 Poseidon on YouTube:<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"Tap Key System (QTE) in Unreal Engine 5 (Tutorial)\" width=\"640\" height=\"360\" src=\"https:\/\/www.youtube.com\/embed\/H58y1Fp77_w?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><span style=\"text-decoration: underline\">TapKey<\/span><\/h2>\n\n\n\n<div class=\"wp-block-media-text is-stacked-on-mobile\"><figure class=\"wp-block-media-text__media\"><img fetchpriority=\"high\" decoding=\"async\" width=\"757\" height=\"639\" src=\"https:\/\/sites.wsagames.com\/hm3g23\/wp-content\/uploads\/sites\/17\/2024\/12\/image-6.png\" alt=\"\" class=\"wp-image-677 size-full\" srcset=\"https:\/\/sites.wsagames.com\/hm3g23\/wp-content\/uploads\/sites\/17\/2024\/12\/image-6.png 757w, https:\/\/sites.wsagames.com\/hm3g23\/wp-content\/uploads\/sites\/17\/2024\/12\/image-6-300x253.png 300w\" sizes=\"(max-width: 757px) 100vw, 757px\" \/><\/figure><div class=\"wp-block-media-text__content\">\n<p class=\"wp-block-paragraph\">Creating TapKey button and animating it to shade to green or to red. Also animating its scale to make it bounce with a loop.<\/p>\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><span style=\"text-decoration: underline\">Time ProgressBar<\/span><\/h2>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"854\" height=\"245\" src=\"https:\/\/sites.wsagames.com\/hm3g23\/wp-content\/uploads\/sites\/17\/2024\/12\/image-10.png\" alt=\"\" class=\"wp-image-686\" srcset=\"https:\/\/sites.wsagames.com\/hm3g23\/wp-content\/uploads\/sites\/17\/2024\/12\/image-10.png 854w, https:\/\/sites.wsagames.com\/hm3g23\/wp-content\/uploads\/sites\/17\/2024\/12\/image-10-300x86.png 300w, https:\/\/sites.wsagames.com\/hm3g23\/wp-content\/uploads\/sites\/17\/2024\/12\/image-10-768x220.png 768w\" sizes=\"(max-width: 854px) 100vw, 854px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">These are the nodes to make the time bar for my TapKey icon, I decided to go with a time limit of 5 seconds.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img decoding=\"async\" width=\"216\" height=\"216\" src=\"https:\/\/sites.wsagames.com\/hm3g23\/wp-content\/uploads\/sites\/17\/2024\/12\/image-11-edited.png\" alt=\"\" class=\"wp-image-688\" style=\"width:306px;height:auto\" srcset=\"https:\/\/sites.wsagames.com\/hm3g23\/wp-content\/uploads\/sites\/17\/2024\/12\/image-11-edited.png 216w, https:\/\/sites.wsagames.com\/hm3g23\/wp-content\/uploads\/sites\/17\/2024\/12\/image-11-edited-150x150.png 150w, https:\/\/sites.wsagames.com\/hm3g23\/wp-content\/uploads\/sites\/17\/2024\/12\/image-11-edited-100x100.png 100w\" sizes=\"(max-width: 216px) 100vw, 216px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><span style=\"text-decoration: underline\">QTE Mechanic<\/span><\/h2>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"QTE mechanic\" width=\"640\" height=\"360\" src=\"https:\/\/www.youtube.com\/embed\/Co7y6DNNcDg?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">This is the QTE mechanic results and I was happy with them. This mechanic could be used in various situations in my game, for example and airlock that is about to open, or pulling on a stiff lever. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Its small and hard to see in the video but there are message outputs depending on the failure or success of the QTE.<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"501\" height=\"211\" src=\"https:\/\/sites.wsagames.com\/hm3g23\/wp-content\/uploads\/sites\/17\/2024\/12\/image-12.png\" alt=\"\" class=\"wp-image-689\" style=\"width:273px;height:auto\" srcset=\"https:\/\/sites.wsagames.com\/hm3g23\/wp-content\/uploads\/sites\/17\/2024\/12\/image-12.png 501w, https:\/\/sites.wsagames.com\/hm3g23\/wp-content\/uploads\/sites\/17\/2024\/12\/image-12-300x126.png 300w\" sizes=\"(max-width: 501px) 100vw, 501px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">&#8216;YOU ARE DEAD&#8217;<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"565\" height=\"204\" src=\"https:\/\/sites.wsagames.com\/hm3g23\/wp-content\/uploads\/sites\/17\/2024\/12\/image-13-edited.png\" alt=\"\" class=\"wp-image-692\" srcset=\"https:\/\/sites.wsagames.com\/hm3g23\/wp-content\/uploads\/sites\/17\/2024\/12\/image-13-edited.png 565w, https:\/\/sites.wsagames.com\/hm3g23\/wp-content\/uploads\/sites\/17\/2024\/12\/image-13-edited-300x108.png 300w\" sizes=\"(max-width: 565px) 100vw, 565px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">&#8216;GOOD JOB&#8217;<\/p>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>QTE (Quick Time Event) A QTE is an event where you have a certain amount of time to carry out&hellip;<\/p>\n","protected":false},"author":18,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-666","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sites.wsagames.com\/hm3g23\/wp-json\/wp\/v2\/pages\/666","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sites.wsagames.com\/hm3g23\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sites.wsagames.com\/hm3g23\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sites.wsagames.com\/hm3g23\/wp-json\/wp\/v2\/users\/18"}],"replies":[{"embeddable":true,"href":"https:\/\/sites.wsagames.com\/hm3g23\/wp-json\/wp\/v2\/comments?post=666"}],"version-history":[{"count":6,"href":"https:\/\/sites.wsagames.com\/hm3g23\/wp-json\/wp\/v2\/pages\/666\/revisions"}],"predecessor-version":[{"id":694,"href":"https:\/\/sites.wsagames.com\/hm3g23\/wp-json\/wp\/v2\/pages\/666\/revisions\/694"}],"wp:attachment":[{"href":"https:\/\/sites.wsagames.com\/hm3g23\/wp-json\/wp\/v2\/media?parent=666"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}