{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/NEd4VmDdsxM3StIUbddO/fJ8vwGe6kxfz7kj9H7Sk/YouTube.js", "ssg:https://framerusercontent.com/modules/dkhbsDc1oWZrW34Ue3wC/T54IBZH9jT9NvCdhBu4s/nWZy3UnCE.js"],
  "sourcesContent": ["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{useReducer,useState}from\"react\";import{ControlType,addPropertyControls}from\"framer\";import{useIsOnCanvas,emptyStateStyle,containerStyles,defaultEvents,useRadius,borderRadiusControl}from\"https://framer.com/m/framer/default-utils.js@^0.45.0\";var PlayOptions;(function(PlayOptions){PlayOptions[\"Normal\"]=\"Off\";PlayOptions[\"Auto\"]=\"On\";PlayOptions[\"Loop\"]=\"Loop\";})(PlayOptions||(PlayOptions={}));var ThumbnailOptions;(function(ThumbnailOptions){ThumbnailOptions[\"High\"]=\"High Quality\";ThumbnailOptions[\"Medium\"]=\"Medium Quality\";ThumbnailOptions[\"Low\"]=\"Low Quality\";ThumbnailOptions[\"Off\"]=\"Off\";})(ThumbnailOptions||(ThumbnailOptions={}));var ThumbnailFormat;(function(ThumbnailFormat){ThumbnailFormat[\"WebP\"]=\"webp\";ThumbnailFormat[\"JPG\"]=\"jpg\";})(ThumbnailFormat||(ThumbnailFormat={}));/**\n * @framerIntrinsicWidth 560\n * @framerIntrinsicHeight 315\n *\n * @framerSupportedLayoutWidth fixed\n * @framerSupportedLayoutHeight fixed\n *\n * @framerComponentPresetProps isRed, borderRadius\n */ export function Youtube({url,play,shouldMute,thumbnail,isRed,onClick,onMouseEnter,onMouseLeave,onMouseDown,onMouseUp,...props}){const onCanvas=useIsOnCanvas();const isAutoplay=play!==PlayOptions.Normal;const showThumbnail=onCanvas||thumbnail!==ThumbnailOptions.Off&&!isAutoplay;const[isPreloading,preloadVideo]=useReducer(()=>true,false);const[showVideo,startVideo]=useReducer(()=>true,!showThumbnail);const[isHovered,setHovered]=useState(false);const borderRadius=useRadius(props);const hasBorderRadius=borderRadius!==\"0px 0px 0px 0px\"&&borderRadius!==\"0px\";if(url===\"\"){return /*#__PURE__*/ _jsx(Instructions,{});}const parsedURL=parseVideoURL(url);if(parsedURL===undefined){return /*#__PURE__*/ _jsx(ErrorMessage,{message:\"Invalid Youtube URL.\"});}const[videoId,embedURL]=parsedURL;// https://stackoverflow.com/questions/2068344/how-do-i-get-a-youtube-video-thumbnail-from-the-youtube-api\nconst thumbnailURL=getThumbnailURL(videoId,thumbnail,getWebPSupported()?ThumbnailFormat.WebP:ThumbnailFormat.JPG);// https://developers.google.com/youtube/player_parameters\nconst searchParams=embedURL.searchParams;searchParams.set(\"iv_load_policy\",\"3\");searchParams.set(\"rel\",\"0\");searchParams.set(\"modestbranding\",\"1\");searchParams.set(\"playsinline\",\"1\");if(isAutoplay||showThumbnail){searchParams.set(\"autoplay\",\"1\");}if(isAutoplay&&shouldMute){searchParams.set(\"mute\",\"1\");}if(play===PlayOptions.Loop){searchParams.set(\"loop\",\"1\");searchParams.set(\"playlist\",videoId);}if(!isRed){searchParams.set(\"color\",\"white\");}return /*#__PURE__*/ _jsxs(\"article\",{onPointerEnter:()=>setHovered(true),onPointerLeave:()=>setHovered(false),onPointerOver:preloadVideo,onClick:startVideo,style:{...wrapperStyle,borderRadius,transform:hasBorderRadius&&showVideo?\"translateZ(0.000001px)\":\"unset\",cursor:\"pointer\",overflow:\"hidden\"},children:[isPreloading&&/*#__PURE__*/ _jsx(\"link\",{rel:\"preconnect\",href:\"https://www.youtube.com\"}),isPreloading&&/*#__PURE__*/ _jsx(\"link\",{rel:\"preconnect\",href:\"https://www.google.com\"}),/*#__PURE__*/ _jsx(\"div\",{style:{...videoStyle,background:showThumbnail?`center / cover url(${thumbnailURL}) no-repeat`:undefined}}),showVideo?/*#__PURE__*/ _jsx(\"iframe\",{style:videoStyle,src:embedURL.href,frameBorder:\"0\",allow:\"presentation; fullscreen; accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\",onClick:onClick,onMouseEnter:onMouseEnter,onMouseLeave:onMouseLeave,onMouseDown:onMouseDown,onMouseUp:onMouseUp}):/*#__PURE__*/ _jsx(PlayButton,{onClick:startVideo,isHovered:isHovered,isRed:isRed})]});}Youtube.displayName=\"YouTube\";addPropertyControls(Youtube,{url:{type:ControlType.String,title:\"Video\"},play:{type:ControlType.Enum,title:\"Autoplay\",options:Object.values(PlayOptions)},shouldMute:{title:\"Mute\",type:ControlType.Boolean,enabledTitle:\"Yes\",disabledTitle:\"No\",hidden(props){return props.play===PlayOptions.Normal;}},thumbnail:{title:\"Thumbnail\",description:\"Showing a thumbnail improves performance.\",type:ControlType.Enum,options:Object.values(ThumbnailOptions),hidden(props){return props.play!==PlayOptions.Normal;}},isRed:{title:\"Color\",type:ControlType.Boolean,enabledTitle:\"Red\",disabledTitle:\"White\"},...borderRadiusControl,...defaultEvents});const defaultProps={url:\"https://youtu.be/smPos0mJvh8\",play:PlayOptions.Normal,shouldMute:true,thumbnail:ThumbnailOptions.Medium,isRed:true};Youtube.defaultProps=defaultProps;function parseVideoURL(urlString){let url;try{url=new URL(urlString);}catch{const embedURL=getEmbedURL(urlString);return[urlString,embedURL];}if(url.hostname===\"youtube.com\"||url.hostname===\"www.youtube.com\"||url.hostname===\"youtube-nocookie.com\"||url.hostname===\"www.youtube-nocookie.com\"){const pathSegments=url.pathname.slice(1).split(\"/\");// https://www.youtube.com/watch?v=Fop2oskTug8\nif(pathSegments[0]===\"watch\"){const videoId=url.searchParams.get(\"v\");const embedURL1=getEmbedURL(videoId);return[videoId,embedURL1];}// https://www.youtube.com/embed/Fop2oskTug8\nif(pathSegments[0]===\"embed\"){const videoId1=pathSegments[1];return[videoId1,url];}}// https://youtu.be/Fop2oskTug8\nif(url.hostname===\"youtu.be\"){const videoId2=url.pathname.slice(1);const embedURL2=getEmbedURL(videoId2);return[videoId2,embedURL2];}}function getEmbedURL(videoId){return new URL(`https://www.youtube.com/embed/${videoId}`);}function getThumbnailURL(videoId,res,format=ThumbnailFormat.JPG){// https://gist.github.com/a1ip/be4514c1fd392a8c13b05e082c4da363\nconst pre=ThumbnailFormat.WebP?\"https://i.ytimg.com/vi_webp/\":\"https://i.ytimg.com/vi/\";const ext=ThumbnailFormat.WebP?\"webp\":\"jpg\";switch(res){case ThumbnailOptions.Low:return`${pre}${videoId}/hqdefault.${ext}`;case ThumbnailOptions.Medium:return`${pre}${videoId}/sddefault.${ext}`;case ThumbnailOptions.High:return`${pre}${videoId}/maxresdefault.${ext}`;default:return`${pre}${videoId}/0.${ext}`;}}let _getWebPSupported;// https://stackoverflow.com/a/27232658\nfunction getWebPSupported(){// We're going to default to webp because it's pretty widely supported by now\nif(!window){return true;}if(_getWebPSupported!==undefined){return _getWebPSupported;}const element=document.createElement(\"canvas\");if(!!(element.getContext&&element.getContext(\"2d\"))){// was able or not to get WebP representation\nreturn element.toDataURL(\"image/webp\").indexOf(\"data:image/webp\")==0;}else{// very old browser like IE 8, canvas not supported\nreturn false;}}// Helper components\nfunction Instructions(){return /*#__PURE__*/ _jsx(\"div\",{style:{...emptyStateStyle,overflow:\"hidden\"},children:/*#__PURE__*/ _jsx(\"div\",{style:centerTextStyle,children:\"To embed a Youtube video, add the URL to the properties\\xa0panel.\"})});}function ErrorMessage({message}){return /*#__PURE__*/ _jsx(\"div\",{className:\"framerInternalUI-errorPlaceholder\",style:{...containerStyles,overflow:\"hidden\"},children:/*#__PURE__*/ _jsxs(\"div\",{style:centerTextStyle,children:[\"Error: \",message]})});}function PlayButton({onClick,isHovered,isRed}){return /*#__PURE__*/ _jsx(\"button\",{onClick:onClick,\"aria-label\":\"Play\",style:buttonStyle,children:/*#__PURE__*/ _jsxs(\"svg\",{height:\"100%\",version:\"1.1\",viewBox:\"0 0 68 48\",width:\"100%\",children:[/*#__PURE__*/ _jsx(\"path\",{d:\"M66.52,7.74c-0.78-2.93-2.49-5.41-5.42-6.19C55.79,.13,34,0,34,0S12.21,.13,6.9,1.55 C3.97,2.33,2.27,4.81,1.48,7.74C0.06,13.05,0,24,0,24s0.06,10.95,1.48,16.26c0.78,2.93,2.49,5.41,5.42,6.19 C12.21,47.87,34,48,34,48s21.79-0.13,27.1-1.55c2.93-0.78,4.64-3.26,5.42-6.19C67.94,34.95,68,24,68,24S67.94,13.05,66.52,7.74z\",fill:isHovered?isRed?\"#f00\":\"#000\":\"#212121\",fillOpacity:isHovered?isRed?1:.8:.8,style:{transition:\"fill .1s cubic-bezier(0.4, 0, 1, 1), fill-opacity .1s cubic-bezier(0.4, 0, 1, 1)\"}}),/*#__PURE__*/ _jsx(\"path\",{d:\"M 45,24 27,14 27,34\",fill:\"#fff\"})]})});}const buttonStyle={position:\"absolute\",top:\"50%\",left:\"50%\",transform:\"translate(-50%, -50%)\",width:68,height:48,padding:0,border:\"none\",background:\"transparent\",cursor:\"pointer\"};const wrapperStyle={position:\"relative\",width:\"100%\",height:\"100%\"};const centerTextStyle={textAlign:\"center\",minWidth:140};const videoStyle={position:\"absolute\",top:0,left:0,height:\"100%\",width:\"100%\"};\nexport const __FramerMetadata__ = {\"exports\":{\"Youtube\":{\"type\":\"reactComponent\",\"name\":\"Youtube\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutWidth\":\"fixed\",\"framerContractVersion\":\"1\",\"framerIntrinsicHeight\":\"315\",\"framerComponentPresetProps\":\"isRed, borderRadius\",\"framerIntrinsicWidth\":\"560\",\"framerSupportedLayoutHeight\":\"fixed\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./YouTube.map", "import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addPropertyControls,ComponentPresetsConsumer,ControlType,Link}from\"framer\";import{motion}from\"framer-motion\";import*as React from\"react\";import{Youtube as YouTube}from\"https://framerusercontent.com/modules/NEd4VmDdsxM3StIUbddO/fJ8vwGe6kxfz7kj9H7Sk/YouTube.js\";const addImageAlt=(image,alt)=>{if(!image||typeof image!==\"object\"){return;}return{...image,alt};};/**\n* @framerRecordIdKey id\n* @framerSlug Tu_Pd0zTZ\n* @framerEnumToDisplayNameUtils 2\n* @framerData\n*/ const data=[{DD39DBmBH:'var(--token-81c88cf7-3b7f-4171-9140-39d2c84ed790, rgb(61, 161, 255)) /* {\"name\":\"Blue\"} */',EZue1CzWP:\"2023-09-20T00:00:00.000Z\",id:\"DJHttAEB3\",ivFLyaMNq:\"The project aims to develop an Augmented Reality (AR) effect for popular social media platforms like Instagram and Facebook, allowing users to capture pictures and video using digital Pantone.\",kBAWMceDj:addImageAlt({src:new URL(\"assets/8tZoNRwEpZrqrBpfUNYfVeGJxdQ.png\",\"https://framerusercontent.com/modules/dkhbsDc1oWZrW34Ue3wC/T54IBZH9jT9NvCdhBu4s/nWZy3UnCE.js\").href},\"\"),oblsMPwoB:true,PPeTwl1b8:\"Case Study\",t7b0AvdZM:/*#__PURE__*/ _jsxs(React.Fragment,{children:[/*#__PURE__*/ _jsxs(\"p\",{children:[/*#__PURE__*/ _jsx(\"strong\",{children:\"Service: \"}),\"AR Experience, Pantone\"]}),/*#__PURE__*/ _jsxs(\"p\",{children:[/*#__PURE__*/ _jsx(\"strong\",{children:\"Brief:\"}),\" The project aims to develop an Augmented Reality (AR) effect for popular social media platforms like Instagram and Facebook, allowing users to capture pictures and video using digital Pantone.\"]}),/*#__PURE__*/ _jsxs(\"p\",{children:[/*#__PURE__*/ _jsx(\"strong\",{children:\"Created:\"}),\" August 24, 2023\"]}),/*#__PURE__*/ _jsxs(\"p\",{children:[/*#__PURE__*/ _jsx(\"strong\",{children:\"Stats:\"}),\" Stable Version Live\"]}),/*#__PURE__*/ _jsx(\"h2\",{children:\"Background:\"}),/*#__PURE__*/ _jsx(\"img\",{alt:\"\",className:\"framer-image\",\"data-framer-asset\":\"data:framer/asset-reference,8tZoNRwEpZrqrBpfUNYfVeGJxdQ.png?preferredSize=medium\",\"data-framer-height\":\"720\",\"data-framer-width\":\"1280\",height:\"360\",src:new URL(\"assets/1024/8tZoNRwEpZrqrBpfUNYfVeGJxdQ.png\",\"https://framerusercontent.com/modules/dkhbsDc1oWZrW34Ue3wC/T54IBZH9jT9NvCdhBu4s/nWZy3UnCE.js\").href,style:{aspectRatio:\"1280 / 720\"},width:\"640\"}),/*#__PURE__*/ _jsx(\"p\",{children:\"It all started when I met my designer friend Rishika who is obsessed with Pantone, and Pantone has been an integral part of her creative journey for about a year now. After I saw her passion for color matching wherever she goes. I got the idea to build this in AR for thousands, if not millions of Pantone fans around the globe.\"}),/*#__PURE__*/ _jsx(\"p\",{children:\"Traditionally, this process involved physical Pantone postcards for color reference, which I found both inspiring and practical. However, I envisioned a more accessible and interactive way to explore and apply Pantone colors, leading to the inception of this Digital Pantone AR project.\"}),/*#__PURE__*/ _jsx(\"h2\",{children:\"Presenting the Pantone Effect:\"}),/*#__PURE__*/ _jsx(\"img\",{alt:\"\",className:\"framer-image\",\"data-framer-asset\":\"data:framer/asset-reference,IZoHTqDWZFfZYjOhEwpni4BHQs.gif\",\"data-framer-height\":\"398\",\"data-framer-width\":\"224\",height:\"199\",src:new URL(\"assets/IZoHTqDWZFfZYjOhEwpni4BHQs.gif\",\"https://framerusercontent.com/modules/dkhbsDc1oWZrW34Ue3wC/T54IBZH9jT9NvCdhBu4s/nWZy3UnCE.js\").href,style:{aspectRatio:\"224 / 398\"},width:\"112\"}),/*#__PURE__*/ _jsx(\"h2\",{children:\"Project Goals:\"}),/*#__PURE__*/ _jsxs(\"p\",{children:[\"1. \",/*#__PURE__*/ _jsx(\"strong\",{children:\"Digital Accessibility:\"}),\" Create a tool that enables users to easily explore and match Pantone colors digitally.\"]}),/*#__PURE__*/ _jsxs(\"p\",{children:[\"2. \",/*#__PURE__*/ _jsx(\"strong\",{children:\"Social Media Integration:\"}),\" Develop the effect for Instagram and Facebook, making it accessible to a wide user base.\"]}),/*#__PURE__*/ _jsxs(\"p\",{children:[\"3. \",/*#__PURE__*/ _jsx(\"strong\",{children:\"Intuitive User Experience:\"}),\" Design a user-friendly interface that guides users through the color matching process.\"]}),/*#__PURE__*/ _jsx(\"ol\",{start:\"4\",children:/*#__PURE__*/ _jsx(\"li\",{\"data-preset-tag\":\"p\",children:/*#__PURE__*/ _jsxs(\"p\",{children:[/*#__PURE__*/ _jsx(\"strong\",{children:\"Multi Modal: \"}),\"Add multiple display modes such as color, day, date and transparent.\"]})})}),/*#__PURE__*/ _jsx(\"h2\",{children:\"Design and Development Process:\"}),/*#__PURE__*/ _jsx(\"p\",{children:/*#__PURE__*/ _jsx(\"strong\",{children:\"Research and Inspiration:\"})}),/*#__PURE__*/ _jsxs(\"ul\",{children:[/*#__PURE__*/ _jsx(\"li\",{\"data-preset-tag\":\"p\",children:/*#__PURE__*/ _jsx(\"p\",{children:\"Studied the Pantone color system to understand its structure and significance.\"})}),/*#__PURE__*/ _jsx(\"li\",{\"data-preset-tag\":\"p\",children:/*#__PURE__*/ _jsx(\"p\",{children:\"Analyzed existing colour-matching tools and platforms for inspiration.\"})})]}),/*#__PURE__*/ _jsx(\"ol\",{children:/*#__PURE__*/ _jsx(\"li\",{\"data-preset-tag\":\"p\",children:/*#__PURE__*/ _jsx(\"p\",{children:/*#__PURE__*/ _jsx(\"strong\",{children:\"Conceptualization:\"})})})}),/*#__PURE__*/ _jsxs(\"ul\",{children:[/*#__PURE__*/ _jsx(\"li\",{\"data-preset-tag\":\"p\",children:/*#__PURE__*/ _jsx(\"p\",{children:\"Designed the effect's interface, featuring the famous Pantone-shaped Postcard, Pantone color library, and interactive elements.\"})}),/*#__PURE__*/ _jsx(\"li\",{\"data-preset-tag\":\"p\",children:/*#__PURE__*/ _jsx(\"p\",{children:\"Integrated educational tooltips to provide information about color psychology and Pantone color codes.\"})})]}),/*#__PURE__*/ _jsx(\"ol\",{start:\"2\",children:/*#__PURE__*/ _jsx(\"li\",{\"data-preset-tag\":\"p\",children:/*#__PURE__*/ _jsx(\"p\",{children:/*#__PURE__*/ _jsx(\"strong\",{children:\"Development:\"})})})}),/*#__PURE__*/ _jsxs(\"ul\",{children:[/*#__PURE__*/ _jsx(\"li\",{\"data-preset-tag\":\"p\",children:/*#__PURE__*/ _jsx(\"p\",{children:\"Utilized Meta Spark Studio to build the AR experience.\"})}),/*#__PURE__*/ _jsx(\"li\",{\"data-preset-tag\":\"p\",children:/*#__PURE__*/ _jsx(\"p\",{children:\"Implemented a 5-point color picker system tool that allows users to select accurate colors from their surroundings.\"})}),/*#__PURE__*/ _jsx(\"li\",{\"data-preset-tag\":\"p\",children:/*#__PURE__*/ _jsx(\"p\",{children:\"Implemented UI Picker which adds buttons to switch between different modes.\"})})]}),/*#__PURE__*/ _jsx(\"ol\",{start:\"3\",children:/*#__PURE__*/ _jsx(\"li\",{\"data-preset-tag\":\"p\",children:/*#__PURE__*/ _jsx(\"p\",{children:/*#__PURE__*/ _jsx(\"strong\",{children:\"Testing and Feedback:\"})})})}),/*#__PURE__*/ _jsx(\"ul\",{children:/*#__PURE__*/ _jsx(\"li\",{\"data-preset-tag\":\"p\",children:/*#__PURE__*/ _jsx(\"p\",{children:\"Conducted user testing to gather feedback and identify areas for improvement.\"})})}),/*#__PURE__*/ _jsx(\"ol\",{start:\"4\",children:/*#__PURE__*/ _jsx(\"li\",{\"data-preset-tag\":\"p\",children:/*#__PURE__*/ _jsx(\"p\",{children:/*#__PURE__*/ _jsx(\"strong\",{children:\"Launch and Promotion:\"})})})}),/*#__PURE__*/ _jsxs(\"ul\",{children:[/*#__PURE__*/ _jsx(\"li\",{\"data-preset-tag\":\"p\",children:/*#__PURE__*/ _jsx(\"p\",{children:\"The effect was launched on September 20, 2023 on Instagram for everyone to try.\"})}),/*#__PURE__*/ _jsx(\"li\",{\"data-preset-tag\":\"p\",children:/*#__PURE__*/ _jsx(\"p\",{children:\"Currently promoting the effect through social media channels, targeting creative communities and design enthusiasts.\"})})]}),/*#__PURE__*/ _jsx(\"h2\",{children:\"Results and Impact:\"}),/*#__PURE__*/ _jsx(\"p\",{children:\"The Digital Pantone Effect has so far received a highly positive response from friends and designers, achieving the project's goals:\"}),/*#__PURE__*/ _jsxs(\"ol\",{children:[/*#__PURE__*/ _jsx(\"li\",{\"data-preset-tag\":\"p\",children:/*#__PURE__*/ _jsxs(\"p\",{children:[/*#__PURE__*/ _jsx(\"strong\",{children:\"Digital Accessibility\"}),\": Users can match Pantone colors digitally, eliminating the need for physical Pantone postcards.\"]})}),/*#__PURE__*/ _jsx(\"li\",{\"data-preset-tag\":\"p\",children:/*#__PURE__*/ _jsxs(\"p\",{children:[/*#__PURE__*/ _jsx(\"strong\",{children:\"Social Media Integration\"}),\": The effect will be able to reach a wide audience on Instagram and Facebook, making Pantone color matching accessible to millions of users.\"]})}),/*#__PURE__*/ _jsx(\"li\",{\"data-preset-tag\":\"p\",children:/*#__PURE__*/ _jsxs(\"p\",{children:[/*#__PURE__*/ _jsx(\"strong\",{children:\"Intuitive User Experience\"}),\": The user-friendly interface allows even non-designers to explore and apply Pantone colors effortlessly.\"]})}),/*#__PURE__*/ _jsx(\"li\",{\"data-preset-tag\":\"p\",children:/*#__PURE__*/ _jsxs(\"p\",{children:[/*#__PURE__*/ _jsx(\"strong\",{children:\"Multi Modal: \"}),\"Users love this feature because they can choose a mode depending on what they want to show, and all the modes show a different mood.\"]})})]}),/*#__PURE__*/ _jsx(\"h2\",{children:\"Future Enhancements:\"}),/*#__PURE__*/ _jsx(\"p\",{children:\"To further improve the Digital Pantone Effect, future enhancements may include:\"}),/*#__PURE__*/ _jsxs(\"ol\",{children:[/*#__PURE__*/ _jsx(\"li\",{\"data-preset-tag\":\"p\",children:/*#__PURE__*/ _jsxs(\"p\",{children:[/*#__PURE__*/ _jsx(\"strong\",{children:\"Additional Platforms\"}),\": Expanding the effect's availability to other social media platforms and design tools.\"]})}),/*#__PURE__*/ _jsx(\"li\",{\"data-preset-tag\":\"p\",children:/*#__PURE__*/ _jsxs(\"p\",{children:[/*#__PURE__*/ _jsx(\"strong\",{children:\"Advanced Features\"}),\": Adding features like color blending, palette creation, and export options.\"]})}),/*#__PURE__*/ _jsx(\"li\",{\"data-preset-tag\":\"p\",children:/*#__PURE__*/ _jsxs(\"p\",{children:[/*#__PURE__*/ _jsx(\"strong\",{children:\"User-Generated Content\"}),\": Allowing users to share their Pantone-inspired creations on social media.\"]})})]}),/*#__PURE__*/ _jsxs(\"p\",{children:[/*#__PURE__*/ _jsx(\"strong\",{children:\"Integration with Design Software\"}),\": Enabling seamless integration with design software like Adobe Creative Suite for professional designers.\"]}),/*#__PURE__*/ _jsx(\"h2\",{children:\"Conclusion:\"}),/*#__PURE__*/ _jsx(\"p\",{children:\"The Digital Pantone Effect project will successfully transform the traditional Pantone color matching process into a digital and interactive experience, accessible to a broader audience. This initiative has not only made Pantone color exploration fun and educational, but also opened up new creative possibilities for users across the globe. The project reflects my dedication to blending passion with technology to create innovative and accessible design tools.\"})]}),Tu_Pd0zTZ:\"pantone-ar-effect\",YSKHrdVc1:\"Pantone: AR Effect\"},{DD39DBmBH:\"#4ecccf\",EZue1CzWP:\"2021-05-14T00:00:00.000Z\",id:\"F1_yRNKWp\",ivFLyaMNq:\"Augmented reality (AR) has been rapidly gaining traction in recent years, and for good reason. It has the power to reshape our experience of reality, allowing us to create our own rules and boundaries, and build a whole new world on top of our existing one.\",kBAWMceDj:addImageAlt({src:new URL(\"assets/jAhjb0UYFqUjzmdSwoQmB5zZHE.jpg\",\"https://framerusercontent.com/modules/dkhbsDc1oWZrW34Ue3wC/T54IBZH9jT9NvCdhBu4s/nWZy3UnCE.js\").href,srcSet:`${new URL(\"assets/512/jAhjb0UYFqUjzmdSwoQmB5zZHE.jpg\",\"https://framerusercontent.com/modules/dkhbsDc1oWZrW34Ue3wC/T54IBZH9jT9NvCdhBu4s/nWZy3UnCE.js\").href} 512w, ${new URL(\"assets/jAhjb0UYFqUjzmdSwoQmB5zZHE.jpg\",\"https://framerusercontent.com/modules/dkhbsDc1oWZrW34Ue3wC/T54IBZH9jT9NvCdhBu4s/nWZy3UnCE.js\").href} 640w`},\"\"),oblsMPwoB:true,PPeTwl1b8:\"Inspiration\",t7b0AvdZM:/*#__PURE__*/ _jsxs(React.Fragment,{children:[/*#__PURE__*/ _jsx(motion.div,{className:\"framer-text-module\",style:{\"--aspect-ratio\":\"560 / 315\",aspectRatio:\"var(--aspect-ratio)\",height:\"auto\",width:\"100%\"},children:/*#__PURE__*/ _jsx(ComponentPresetsConsumer,{componentIdentifier:\"module:NEd4VmDdsxM3StIUbddO/fJ8vwGe6kxfz7kj9H7Sk/YouTube.js:Youtube\",children:presetProps=>/*#__PURE__*/ _jsx(YouTube,{...presetProps,play:\"Off\",shouldMute:true,thumbnail:\"Medium Quality\",url:\"https://youtu.be/leJxeib9bNo\"})})}),/*#__PURE__*/ _jsx(\"p\",{children:\"Augmented reality (AR) has been rapidly gaining traction in recent years, and for a good reason. It has the power to reshape our reality experience, allowing us to create our own rules and boundaries and build a whole new world on top of our existing one. In contrast, virtual reality (VR) has been in the spotlight for decades but still struggles to achieve mass adoption. Why is this, and what makes AR different?\"}),/*#__PURE__*/ _jsx(\"h2\",{children:\"VR's Fundamental Problem\"}),/*#__PURE__*/ _jsx(\"p\",{children:\"VR cannot go mainstream because it requires a standalone device, such as Oculus Quest or HTC Vive, which not many people are willing to invest in. While these devices are popular among enthusiasts, they are not accessible to the general public, hindering the technology's mass adoption. As a result, VR has yet to live up to its full potential, despite its widespread use in gaming and entertainment.\"}),/*#__PURE__*/ _jsx(\"h2\",{children:\"What is AR?\"}),/*#__PURE__*/ _jsx(\"p\",{children:\"Unlike VR, AR does not require any extra device to function. It can run from your smartphone, which everyone on this planet owns. This makes it a mobile reality that is easily accessible to everyone. While AR can be used with devices such as glasses or Hololens, these are not mainstream. For now, AR is primarily being used on smartphones.\"}),/*#__PURE__*/ _jsx(\"h2\",{children:\"AR's Potential\"}),/*#__PURE__*/ _jsx(\"p\",{children:\"AR's potential is enormous. According to market research, VR's revenue in 2020 was $30 billion, while AR's was $90 billion. This highlights the power of mobile augmented reality. One of the best things about AR is that it allows you to create your reality without being constrained by traditional rules and boundaries of physics.\"}),/*#__PURE__*/ _jsx(\"h2\",{children:\"Use Cases\"}),/*#__PURE__*/ _jsx(\"p\",{children:\"AR has numerous use cases, some of which are already mainstream. One example is the popular mobile game Pokemon Go, which allows players to catch Pokemon in real-world settings. Social media platforms such as Snapchat, Instagram, Facebook, and TikTok use AR extensively through their filters. AR is also used in education to teach students about topics such as animal dissection in a virtual and augmented way, without the need for a live animal.\"}),/*#__PURE__*/ _jsx(\"p\",{children:\"In the retail industry, AR is being used to provide customers with a virtual try-on experience for clothes and accessories. This allows customers to see their appearance in different outfits without trying them on physically. These are just a few examples of how AR is used in various industries.\"}),/*#__PURE__*/ _jsx(\"h2\",{children:\"Conclusion\"}),/*#__PURE__*/ _jsx(\"p\",{children:\"AR is rapidly gaining momentum, and its potential is limitless. Its ability to provide a new layer on top of reality can transform how we experience the world around us. With the rise of mobile augmented reality, we are no longer constrained by the need for standalone devices, making them more accessible to everyone. While VR continues to struggle with mass adoption, AR is quickly becoming a part of our daily lives. It's time to embrace this technology and explore its full potential.\"}),/*#__PURE__*/ _jsxs(\"p\",{children:[\"What are some of the use cases that you have seen of AR? Let us know in the comments below, and don't forget to share this article with your friends. If you want to learn more about AR, subscribe to our \",/*#__PURE__*/ _jsx(Link,{href:\"https://youtube.com/varunraikar7\",openInNewTab:true,smoothScroll:false,children:/*#__PURE__*/ _jsx(\"a\",{children:\"channel\"})}),\", where we will be making more in-depth and detailed videos on augmented reality, use cases, tutorials, and how you can get jobs in augmented reality.\"]})]}),Tu_Pd0zTZ:\"rise-of-mobile-augmented-reality\",YSKHrdVc1:\"The Rise of Mobile Augmented Reality: Why VR Cannot Go Mainstream\"},{DD39DBmBH:'var(--token-2e606580-c5cb-45c2-a66e-07cb8dbe5a38, rgb(100, 35, 205)) /* {\"name\":\"Purple\"} */',EZue1CzWP:\"2021-05-05T00:00:00.000Z\",id:\"YvTXWxMIf\",ivFLyaMNq:\"In this video tutorial, you will learn how to create an animated shader AR filter for Instagram or Facebook using Meta Spark AR Studio. \",kBAWMceDj:addImageAlt({src:new URL(\"assets/Cuu3UMLmfpGUIxjwIeo9sUw529E.png\",\"https://framerusercontent.com/modules/dkhbsDc1oWZrW34Ue3wC/T54IBZH9jT9NvCdhBu4s/nWZy3UnCE.js\").href,srcSet:`${new URL(\"assets/512/Cuu3UMLmfpGUIxjwIeo9sUw529E.png\",\"https://framerusercontent.com/modules/dkhbsDc1oWZrW34Ue3wC/T54IBZH9jT9NvCdhBu4s/nWZy3UnCE.js\").href} 512w, ${new URL(\"assets/Cuu3UMLmfpGUIxjwIeo9sUw529E.png\",\"https://framerusercontent.com/modules/dkhbsDc1oWZrW34Ue3wC/T54IBZH9jT9NvCdhBu4s/nWZy3UnCE.js\").href} 640w`},\"\"),oblsMPwoB:false,PPeTwl1b8:\"Guide\",t7b0AvdZM:/*#__PURE__*/ _jsxs(React.Fragment,{children:[/*#__PURE__*/ _jsx(motion.div,{className:\"framer-text-module\",style:{\"--aspect-ratio\":\"560 / 315\",aspectRatio:\"var(--aspect-ratio)\",height:\"auto\",width:\"100%\"},children:/*#__PURE__*/ _jsx(ComponentPresetsConsumer,{componentIdentifier:\"module:NEd4VmDdsxM3StIUbddO/fJ8vwGe6kxfz7kj9H7Sk/YouTube.js:Youtube\",children:presetProps=>/*#__PURE__*/ _jsx(YouTube,{...presetProps,play:\"Off\",shouldMute:true,thumbnail:\"Medium Quality\",url:\"https://youtu.be/HXPsVHzLAjE\"})})}),/*#__PURE__*/ _jsx(\"p\",{children:\"Spark AR Studio is a powerful tool for creating augmented reality (AR) effects. One of the most popular effects is the ability to materialize objects, bringing them into existence from nothingness. This tutorial will show you how to set things in Spark AR Studio. This tutorial is designed for beginners, so no prior experience with Spark AR is necessary.\"}),/*#__PURE__*/ _jsx(\"h3\",{children:\"Step 1: Setting up Spark AR Studio\"}),/*#__PURE__*/ _jsx(\"p\",{children:\"The first step is to download and install Spark AR Studio, free software to create AR effects. Once established, open up Spark AR Studio and create a new project.\"}),/*#__PURE__*/ _jsx(\"h3\",{children:\"Step 2: Importing assets\"}),/*#__PURE__*/ _jsx(\"p\",{children:\"The next step is to import the assets we'll use for the effect. You must import a 3D model of the object you want to materialize. You can find these assets online or create them yourself.\"}),/*#__PURE__*/ _jsx(\"h3\",{children:\"Step 3: Creating the materialised effect\"}),/*#__PURE__*/ _jsx(\"p\",{children:\"We'll use the Patch Editor in Spark AR Studio to create the materialise effect. Go to the Add Assets menu and select the Materialize effect. Drag and drop the Materialize effect onto the Patch Editor.\"}),/*#__PURE__*/ _jsx(\"p\",{children:\"Next, we'll add the 3D model of the object we want to materialize. Connect the output of the Materialize effect to the input of the 3D model.\"}),/*#__PURE__*/ _jsx(\"h3\",{children:\"Step 4: Testing the effect\"}),/*#__PURE__*/ _jsx(\"p\",{children:\"Now that the effect is complete, it's time to test it. Click the Test button in Spark AR Studio to launch the impact on your mobile device. You can also share the impact with your friends and followers on Instagram by publishing it to your account.\"}),/*#__PURE__*/ _jsx(\"h3\",{children:\"Step 5: Customizing the effect\"}),/*#__PURE__*/ _jsx(\"p\",{children:\"Now that you've created the materialised effect, you can customize it to your liking. You can change the speed and direction of the materialization, as well as the appearance of the object. You can also add sound effects and animations to make the product more exciting and engaging.\"}),/*#__PURE__*/ _jsx(\"h2\",{children:\"Conclusion\"}),/*#__PURE__*/ _jsx(\"p\",{children:\"Creating a materialised effect in Spark AR Studio is a great way to add a unique touch to your AR experiences. This tutorial showed you how to set objects using the Materialize effect and the Patch Editor. We hope this tutorial has inspired you to create your own emerging results and explore the full potential of Spar.\"})]}),Tu_Pd0zTZ:\"materialize-objects-meta-spark-tutorial\",YSKHrdVc1:\"How to Materialize Objects in Meta Spark AR Studio Tutorial\"},{DD39DBmBH:'var(--token-2e606580-c5cb-45c2-a66e-07cb8dbe5a38, rgb(100, 35, 205)) /* {\"name\":\"Purple\"} */',EZue1CzWP:\"2020-11-01T00:00:00.000Z\",id:\"OmX3BlPxq\",ivFLyaMNq:'This article provides a beginner-friendly tutorial on how to create a unique \"Fire Glasses\" Instagram filter using Spark AR Studio. The tutorial covers the steps of importing assets, adding glasses to the scene, creating a fire shader, applying the shader to the glasses, and testing the filter.',kBAWMceDj:addImageAlt({src:new URL(\"assets/Ix1jhmltqISax4wqwZE45wWS0ZQ.jpg\",\"https://framerusercontent.com/modules/dkhbsDc1oWZrW34Ue3wC/T54IBZH9jT9NvCdhBu4s/nWZy3UnCE.js\").href,srcSet:`${new URL(\"assets/512/Ix1jhmltqISax4wqwZE45wWS0ZQ.jpg\",\"https://framerusercontent.com/modules/dkhbsDc1oWZrW34Ue3wC/T54IBZH9jT9NvCdhBu4s/nWZy3UnCE.js\").href} 512w, ${new URL(\"assets/Ix1jhmltqISax4wqwZE45wWS0ZQ.jpg\",\"https://framerusercontent.com/modules/dkhbsDc1oWZrW34Ue3wC/T54IBZH9jT9NvCdhBu4s/nWZy3UnCE.js\").href} 640w`},\"\"),oblsMPwoB:false,PPeTwl1b8:\"Guide\",t7b0AvdZM:/*#__PURE__*/ _jsxs(React.Fragment,{children:[/*#__PURE__*/ _jsx(motion.div,{className:\"framer-text-module\",style:{\"--aspect-ratio\":\"560 / 315\",aspectRatio:\"var(--aspect-ratio)\",height:\"auto\",width:\"100%\"},children:/*#__PURE__*/ _jsx(ComponentPresetsConsumer,{componentIdentifier:\"module:NEd4VmDdsxM3StIUbddO/fJ8vwGe6kxfz7kj9H7Sk/YouTube.js:Youtube\",children:presetProps=>/*#__PURE__*/ _jsx(YouTube,{...presetProps,play:\"Off\",shouldMute:true,thumbnail:\"Medium Quality\",url:\"https://youtu.be/o4btJiiqhdw\"})})}),/*#__PURE__*/ _jsx(\"p\",{children:'Instagram filters are a great way to make your content stand out. They are fun creative and can add a unique touch to your posts. In this tutorial, we\\'ll create a \"Fire Glasses\" filter that uses a fire shader effect to make it look like the glasses are on fire. This tutorial is designed for beginners, so no prior experience with Spark AR is necessary.'}),/*#__PURE__*/ _jsx(\"h3\",{children:\"Step 1: Setting up Spark AR Studio\"}),/*#__PURE__*/ _jsx(\"ul\",{children:/*#__PURE__*/ _jsx(\"li\",{\"data-preset-tag\":\"p\",children:/*#__PURE__*/ _jsx(\"p\",{children:\"The first step is downloading and installing Spark AR Studio, free software to create AR effects. Once established, open up Spark AR Studio and create a new project.\"})})}),/*#__PURE__*/ _jsx(\"h3\",{children:\"Step 2: Importing assets\"}),/*#__PURE__*/ _jsx(\"ul\",{children:/*#__PURE__*/ _jsx(\"li\",{\"data-preset-tag\":\"p\",children:/*#__PURE__*/ _jsx(\"p\",{children:\"The next step is to import the assets we'll use for the filter. You'll need to import a 3D model of glasses and a fire shader texture. You can find these assets online or create them yourself.\"})})}),/*#__PURE__*/ _jsx(\"h3\",{children:\"Step 3: Adding glasses to the scene\"}),/*#__PURE__*/ _jsx(\"ul\",{children:/*#__PURE__*/ _jsx(\"li\",{\"data-preset-tag\":\"p\",children:/*#__PURE__*/ _jsx(\"p\",{children:\"Drag and drop the glasses model into the scene. You can resize and reposition the glasses to fit the face of the user.\"})})}),/*#__PURE__*/ _jsx(\"h3\",{children:\"Step 4: Creating the fire shader\"}),/*#__PURE__*/ _jsx(\"ul\",{children:/*#__PURE__*/ _jsx(\"li\",{\"data-preset-tag\":\"p\",children:/*#__PURE__*/ _jsx(\"p\",{children:\"We'll use the Patch Editor in Spark AR Studio to create the fire shader. Go to the Add Assets menu and select the Fire Shader texture we imported earlier. Drag and drop the Fire Shader onto the Patch Editor.\"})})}),/*#__PURE__*/ _jsx(\"ul\",{children:/*#__PURE__*/ _jsx(\"li\",{\"data-preset-tag\":\"p\",children:/*#__PURE__*/ _jsx(\"p\",{children:\"Next, we'll add the Texture Transform patch to the patch editor. This will allow us to control the movement and speed of the fire. Connect the output of the Texture Transform patch to the input of the Fire Shader.\"})})}),/*#__PURE__*/ _jsx(\"h3\",{children:\"Step 5: Applying the fire shader to the glasses\"}),/*#__PURE__*/ _jsx(\"ul\",{children:/*#__PURE__*/ _jsx(\"li\",{\"data-preset-tag\":\"p\",children:/*#__PURE__*/ _jsx(\"p\",{children:\"Now that we have the fire shader, we must apply it to the glasses. We'll use the Material Editor to do this. Create a new material and drag and drop the fire shader texture into the Diffuse slot. Apply this material to the glasses.\"})})}),/*#__PURE__*/ _jsx(\"h3\",{children:\"Step 6: Testing the filter\"}),/*#__PURE__*/ _jsx(\"ul\",{children:/*#__PURE__*/ _jsx(\"li\",{\"data-preset-tag\":\"p\",children:/*#__PURE__*/ _jsx(\"p\",{children:\"Now that the filter is complete, it's time to test it out. Click the Test button in Spark AR Studio to launch the filter on your mobile device. You can also share the filter with your friends and followers on Instagram by publishing it to your account.\"})})}),/*#__PURE__*/ _jsx(\"h2\",{children:\"Conclusion\"}),/*#__PURE__*/ _jsx(\"p\",{children:'Creating an Instagram filter can seem intimidating, but with Spark AR Studio, it\\'s much easier than you might think. In this tutorial, we showed you how to create a \"Fire Glasses\" filter that uses a fire shader effect to make it look like the glasses are on fire. We hope this tutorial has inspired you to create your unique filters and share them with the world. Have fun!'})]}),Tu_Pd0zTZ:\"how-to-make-fire-glasses-fire-shader-instagram-filter-spark-ar-tutorial\",YSKHrdVc1:'How to Make \"Fire Glasses\" Fire Shader Instagram Filter Spark AR Tutorial'},{DD39DBmBH:'var(--token-2e606580-c5cb-45c2-a66e-07cb8dbe5a38, rgb(100, 35, 205)) /* {\"name\":\"Purple\"} */',EZue1CzWP:\"2020-05-24T00:00:00.000Z\",id:\"gUhtgSwON\",ivFLyaMNq:'This tutorial provides step-by-step instructions on how to create a \"Color Palette\" / \"Anime\" Instagram filter using Spark AR Studio. The filter allows users to experience a unique color grading effect inspired by popular anime shows.',kBAWMceDj:addImageAlt({src:new URL(\"assets/Eo0JCVSZxfgU5g54vmq6OzJk.jpg\",\"https://framerusercontent.com/modules/dkhbsDc1oWZrW34Ue3wC/T54IBZH9jT9NvCdhBu4s/nWZy3UnCE.js\").href,srcSet:`${new URL(\"assets/512/Eo0JCVSZxfgU5g54vmq6OzJk.jpg\",\"https://framerusercontent.com/modules/dkhbsDc1oWZrW34Ue3wC/T54IBZH9jT9NvCdhBu4s/nWZy3UnCE.js\").href} 512w, ${new URL(\"assets/Eo0JCVSZxfgU5g54vmq6OzJk.jpg\",\"https://framerusercontent.com/modules/dkhbsDc1oWZrW34Ue3wC/T54IBZH9jT9NvCdhBu4s/nWZy3UnCE.js\").href} 640w`},\"\"),oblsMPwoB:false,PPeTwl1b8:\"Guide\",t7b0AvdZM:/*#__PURE__*/ _jsxs(React.Fragment,{children:[/*#__PURE__*/ _jsx(\"p\",{children:'Instagram filters are a fun and creative way to enhance your posts and stories. In this tutorial, we will create a \"Color Palette\" / \"Anime\" Instagram filter that allows users to experience a unique colour grading effect inspired by popular anime shows. This tutorial is designed for beginners, so no prior experience with Spark AR is necessary.'}),/*#__PURE__*/ _jsx(\"h3\",{children:\"Step 1: Setting up Spark AR Studio\"}),/*#__PURE__*/ _jsx(\"ul\",{children:/*#__PURE__*/ _jsx(\"li\",{\"data-preset-tag\":\"p\",children:/*#__PURE__*/ _jsx(\"p\",{children:\"The first step is downloading and installing Spark AR Studio, free software to create AR effects. Once established, open up Spark AR Studio and create a new project.\"})})}),/*#__PURE__*/ _jsx(\"h3\",{children:\"Step 2: Importing assets\"}),/*#__PURE__*/ _jsx(\"ul\",{children:/*#__PURE__*/ _jsx(\"li\",{\"data-preset-tag\":\"p\",children:/*#__PURE__*/ _jsx(\"p\",{children:\"The next step is to import the assets we'll use for the filter. You'll need to import a 3D model of a frame or mask and a set of colour-grading textures. You can find these assets online or create them yourself.\"})})}),/*#__PURE__*/ _jsx(\"h3\",{children:\"Step 3: Adding the frame or mask\"}),/*#__PURE__*/ _jsx(\"ul\",{children:/*#__PURE__*/ _jsx(\"li\",{\"data-preset-tag\":\"p\",children:/*#__PURE__*/ _jsx(\"p\",{children:\"Drag and drop the frame or mask 3D model into the scene. Resize and reposition the frame or mask to fit the face of the user.\"})})}),/*#__PURE__*/ _jsx(\"h3\",{children:\"Step 4: Adding the colour grading effect\"}),/*#__PURE__*/ _jsx(\"ul\",{children:/*#__PURE__*/ _jsx(\"li\",{\"data-preset-tag\":\"p\",children:/*#__PURE__*/ _jsx(\"p\",{children:\"We'll use the Patch Editor in Spark AR Studio to create the colour-grading effect. Go to the Add Assets menu and select the colour-grading texture you imported earlier. Drag and drop the surface onto the Patch Editor.\"})})}),/*#__PURE__*/ _jsx(\"ul\",{children:/*#__PURE__*/ _jsx(\"li\",{\"data-preset-tag\":\"p\",children:/*#__PURE__*/ _jsx(\"p\",{children:\"Next, we'll add the colour lookup patch to the patch editor. This will allow us to apply the colour-grading effect to the camera feed. Connect the output of the colour lookup patch to the input of the 3D model.\"})})}),/*#__PURE__*/ _jsx(\"h3\",{children:\"Step 5: Testing the filter\"}),/*#__PURE__*/ _jsx(\"ul\",{children:/*#__PURE__*/ _jsx(\"li\",{\"data-preset-tag\":\"p\",children:/*#__PURE__*/ _jsx(\"p\",{children:\"Now that the filter is complete, it's time to test it out. Click the Test button in Spark AR Studio to launch the filter on your mobile device. You can also share the filter with your friends and followers on Instagram by publishing it to your account.\"})})}),/*#__PURE__*/ _jsx(\"h3\",{children:\"Step 6: Customizing the filter\"}),/*#__PURE__*/ _jsx(\"ul\",{children:/*#__PURE__*/ _jsx(\"li\",{\"data-preset-tag\":\"p\",children:/*#__PURE__*/ _jsx(\"p\",{children:'Now that you\\'ve created the \"Color Palette\" / \"Anime\" filter, you can customize it to your liking. You can adjust the intensity of the colour grading effect by modifying the colour lookup patch. You can also change the 3D model to suit your preferences.'})})}),/*#__PURE__*/ _jsx(\"h2\",{children:\"Conclusion\"}),/*#__PURE__*/ _jsx(\"p\",{children:'Creating an Instagram filter can be a fun and rewarding experience. This tutorial showed you how to create a \"Color Palette\" / \"Anime\" filter using Spark AR Studio. By following these simple steps, you can create a unique and engaging filter to make your posts stand out. We hope this tutorial has inspired you to create your custom filters and explore the full potential of Spark AR Studio. Happy creating!'})]}),Tu_Pd0zTZ:\"how-to-make-color-palette-anime-instagram-filter-spark-ar-tutorial\",YSKHrdVc1:'How to Make \"Color Palette\" / \"Anime\" Instagram Filter Spark AR Tutorial'},{DD39DBmBH:'var(--token-2e606580-c5cb-45c2-a66e-07cb8dbe5a38, rgb(100, 35, 205)) /* {\"name\":\"Purple\"} */',EZue1CzWP:\"2020-05-08T00:00:00.000Z\",id:\"YWfbDR6nq\",ivFLyaMNq:'This tutorial provides step-by-step instructions on how to create a \"This or That\" quiz Instagram filter using Spark AR Studio. The filter allows users to make choices between two options and is a great way to engage with your audience.',kBAWMceDj:addImageAlt({src:new URL(\"assets/PYQAb3ixc8Ekg3Zybk5hnizfhXs.jpg\",\"https://framerusercontent.com/modules/dkhbsDc1oWZrW34Ue3wC/T54IBZH9jT9NvCdhBu4s/nWZy3UnCE.js\").href,srcSet:`${new URL(\"assets/512/PYQAb3ixc8Ekg3Zybk5hnizfhXs.jpg\",\"https://framerusercontent.com/modules/dkhbsDc1oWZrW34Ue3wC/T54IBZH9jT9NvCdhBu4s/nWZy3UnCE.js\").href} 512w, ${new URL(\"assets/PYQAb3ixc8Ekg3Zybk5hnizfhXs.jpg\",\"https://framerusercontent.com/modules/dkhbsDc1oWZrW34Ue3wC/T54IBZH9jT9NvCdhBu4s/nWZy3UnCE.js\").href} 640w`},\"\"),oblsMPwoB:true,PPeTwl1b8:\"Guide\",t7b0AvdZM:/*#__PURE__*/ _jsxs(React.Fragment,{children:[/*#__PURE__*/ _jsx(motion.div,{className:\"framer-text-module\",style:{\"--aspect-ratio\":\"560 / 315\",aspectRatio:\"var(--aspect-ratio)\",height:\"auto\",width:\"100%\"},children:/*#__PURE__*/ _jsx(ComponentPresetsConsumer,{componentIdentifier:\"module:NEd4VmDdsxM3StIUbddO/fJ8vwGe6kxfz7kj9H7Sk/YouTube.js:Youtube\",children:presetProps=>/*#__PURE__*/ _jsx(YouTube,{...presetProps,play:\"Off\",shouldMute:true,thumbnail:\"Medium Quality\",url:\"https://youtu.be/CbqAzct2L-Y\"})})}),/*#__PURE__*/ _jsx(\"p\",{children:'Instagram filters are a great way to engage with your audience and add an interactive element to your posts. In this tutorial, we\\'ll be creating a \"This or That\" quiz filter that allows users to make choices between two options. This tutorial is designed for beginners, so no prior experience with Spark AR is necessary.'}),/*#__PURE__*/ _jsx(\"h3\",{children:\"Step 1: Setting up Spark AR Studio\"}),/*#__PURE__*/ _jsx(\"p\",{children:\"The first step is to download and install Spark AR Studio, which is a free software that allows you to create AR effects. Once installed, open up Spark AR Studio and create a new project.\"}),/*#__PURE__*/ _jsx(\"h3\",{children:\"Step 2: Importing assets\"}),/*#__PURE__*/ _jsx(\"p\",{children:\"The next step is to import the assets that we'll be using for the filter. You'll need to import two images that represent the two options for the quiz. You can find these images online or create them yourself.\"}),/*#__PURE__*/ _jsx(\"h3\",{children:\"Step 3: Adding the images to the scene\"}),/*#__PURE__*/ _jsx(\"p\",{children:\"Drag and drop the two images into the scene. You can resize and reposition the images to fit the screen.\"}),/*#__PURE__*/ _jsx(\"h3\",{children:\"Step 4: Creating the quiz effect\"}),/*#__PURE__*/ _jsx(\"p\",{children:\"To create the quiz effect, we'll be using the Patch Editor in Spark AR Studio. Go to the Add Assets menu and select the Quiz effect. Drag and drop the Quiz effect onto the Patch Editor.\"}),/*#__PURE__*/ _jsx(\"p\",{children:\"Next, we'll add the two images to the quiz effect. Connect the output of the Quiz effect to the input of the first image. Repeat this step for the second image.\"}),/*#__PURE__*/ _jsx(\"h3\",{children:\"Step 5: Customizing the quiz\"}),/*#__PURE__*/ _jsx(\"p\",{children:\"Now that you've created the basic quiz effect, you can customize it to your liking. You can change the text, colors, and font of the quiz. You can also add more questions and options to the quiz.\"}),/*#__PURE__*/ _jsx(\"h3\",{children:\"Step 6: Testing the filter\"}),/*#__PURE__*/ _jsx(\"p\",{children:\"Now that the filter is complete, it's time to test it out. Click the Test button in Spark AR Studio to launch the filter on your mobile device. You can also share the filter with your friends and followers on Instagram by publishing it to your account.\"}),/*#__PURE__*/ _jsx(\"h2\",{children:\"Conclusion\"}),/*#__PURE__*/ _jsx(\"p\",{children:'Creating an Instagram filter can be a fun and engaging way to interact with your audience. In this tutorial, we showed you how to create a \"This or That\" quiz filter using Spark AR Studio. By following these simple steps, you can create a unique and entertaining filter that will make your posts stand out. We hope this tutorial has inspired you to create your own custom filters and explore the full potential of Spark AR Studio. Happy creating!'})]}),Tu_Pd0zTZ:\"how-to-make-this-or-that-quiz-instagram-filter-meta-spark-ar-tutorial\",YSKHrdVc1:'How to Make \"This or That\" Quiz Instagram Filter Meta Spark AR Tutorial'},{DD39DBmBH:'var(--token-2e606580-c5cb-45c2-a66e-07cb8dbe5a38, rgb(100, 35, 205)) /* {\"name\":\"Purple\"} */',EZue1CzWP:\"2020-04-30T00:00:00.000Z\",id:\"HCSuXSrDu\",ivFLyaMNq:'This tutorial provides step-by-step instructions on how to create a \"Guess the Gibberish\" Instagram filter using Spark AR Studio. The filter is based on the popular game that has gained a lot of traction on social media platforms.',kBAWMceDj:addImageAlt({src:new URL(\"assets/Eju2LPvEQCBAhOZdZzUTYErGdI.jpg\",\"https://framerusercontent.com/modules/dkhbsDc1oWZrW34Ue3wC/T54IBZH9jT9NvCdhBu4s/nWZy3UnCE.js\").href,srcSet:`${new URL(\"assets/512/Eju2LPvEQCBAhOZdZzUTYErGdI.jpg\",\"https://framerusercontent.com/modules/dkhbsDc1oWZrW34Ue3wC/T54IBZH9jT9NvCdhBu4s/nWZy3UnCE.js\").href} 512w, ${new URL(\"assets/Eju2LPvEQCBAhOZdZzUTYErGdI.jpg\",\"https://framerusercontent.com/modules/dkhbsDc1oWZrW34Ue3wC/T54IBZH9jT9NvCdhBu4s/nWZy3UnCE.js\").href} 640w`},\"\"),oblsMPwoB:true,PPeTwl1b8:\"Guide\",t7b0AvdZM:/*#__PURE__*/ _jsxs(React.Fragment,{children:[/*#__PURE__*/ _jsx(motion.div,{className:\"framer-text-module\",style:{\"--aspect-ratio\":\"560 / 315\",aspectRatio:\"var(--aspect-ratio)\",height:\"auto\",width:\"100%\"},children:/*#__PURE__*/ _jsx(ComponentPresetsConsumer,{componentIdentifier:\"module:NEd4VmDdsxM3StIUbddO/fJ8vwGe6kxfz7kj9H7Sk/YouTube.js:Youtube\",children:presetProps=>/*#__PURE__*/ _jsx(YouTube,{...presetProps,play:\"Off\",shouldMute:true,thumbnail:\"Medium Quality\",url:\"https://youtu.be/obqbx4mdze4\"})})}),/*#__PURE__*/ _jsx(\"p\",{children:'\"Guess the Gibberish\" is a popular game that has gained a lot of traction on social media platforms. In this tutorial, we\\'ll show you how to create your own \"Guess the Gibberish\" Instagram filter using Spark AR Studio. This tutorial is designed for beginners, so no prior experience with Spark AR is necessary.'}),/*#__PURE__*/ _jsx(\"h3\",{children:\"Step 1: Setting up Spark AR Studio\"}),/*#__PURE__*/ _jsx(\"p\",{children:\"The first step is to download and install Spark AR Studio, which is a free software that allows you to create AR effects. Once installed, open up Spark AR Studio and create a new project.\"}),/*#__PURE__*/ _jsx(\"h3\",{children:\"Step 2: Importing assets\"}),/*#__PURE__*/ _jsx(\"p\",{children:\"The next step is to import the assets that we'll be using for the filter. You'll need to import a set of text phrases and a background image. You can find these assets online or create them yourself.\"}),/*#__PURE__*/ _jsx(\"h3\",{children:\"Step 3: Adding the background image\"}),/*#__PURE__*/ _jsx(\"p\",{children:\"Drag and drop the background image into the scene. Resize and reposition the image to fit the screen.\"}),/*#__PURE__*/ _jsx(\"h3\",{children:'Step 4: Creating the \"Guess the Gibberish\" effect'}),/*#__PURE__*/ _jsx(\"p\",{children:'To create the \"Guess the Gibberish\" effect, we\\'ll be using the Patch Editor in Spark AR Studio. Go to the Add Assets menu and select the Text effect. Drag and drop the Text effect onto the Patch Editor.'}),/*#__PURE__*/ _jsx(\"p\",{children:\"Next, we'll add the text phrases to the effect. Connect the output of the Text effect to the input of the first text phrase. Repeat this step for the remaining text phrases.\"}),/*#__PURE__*/ _jsx(\"h3\",{children:\"Step 5: Customizing the filter\"}),/*#__PURE__*/ _jsx(\"p\",{children:'Now that you\\'ve created the basic \"Guess the Gibberish\" effect, you can customize it to your liking. You can change the font, text size, and colors of the text phrases. You can also add more text phrases to the effect.'}),/*#__PURE__*/ _jsx(\"h3\",{children:\"Step 6: Testing the filter\"}),/*#__PURE__*/ _jsx(\"p\",{children:\"Now that the filter is complete, it's time to test it out. Click the Test button in Spark AR Studio to launch the filter on your mobile device. You can also share the filter with your friends and followers on Instagram by publishing it to your account.\"}),/*#__PURE__*/ _jsx(\"h2\",{children:\"Conclusion\"}),/*#__PURE__*/ _jsx(\"p\",{children:'Creating an Instagram filter can be a fun and engaging way to interact with your audience. In this tutorial, we showed you how to create a \"Guess the Gibberish\" filter using Spark AR Studio. By following these simple steps, you can create a unique and entertaining filter that will make your posts stand out. We hope this tutorial has inspired you to create your own custom filters and explore the full potential of Spark AR Studio. Happy creating!'})]}),Tu_Pd0zTZ:\"how-to-make-guess-the-gibberish-instagram-filter-meta-spark-ar-tutorial\",YSKHrdVc1:'How to Make \"Guess the Gibberish\" Instagram Filter Meta Spark AR Tutorial'},{DD39DBmBH:'var(--token-2e606580-c5cb-45c2-a66e-07cb8dbe5a38, rgb(100, 35, 205)) /* {\"name\":\"Purple\"} */',EZue1CzWP:\"2020-01-24T00:00:00.000Z\",id:\"OmS96VXrF\",ivFLyaMNq:'This tutorial provides step-by-step instructions on how to create a \"Which are You\" Instagram filter using Spark AR Studio. The filter allows users to discover which character or object they are most like.',kBAWMceDj:addImageAlt({src:new URL(\"assets/PYQAb3ixc8Ekg3Zybk5hnizfhXs.jpg\",\"https://framerusercontent.com/modules/dkhbsDc1oWZrW34Ue3wC/T54IBZH9jT9NvCdhBu4s/nWZy3UnCE.js\").href,srcSet:`${new URL(\"assets/512/PYQAb3ixc8Ekg3Zybk5hnizfhXs.jpg\",\"https://framerusercontent.com/modules/dkhbsDc1oWZrW34Ue3wC/T54IBZH9jT9NvCdhBu4s/nWZy3UnCE.js\").href} 512w, ${new URL(\"assets/PYQAb3ixc8Ekg3Zybk5hnizfhXs.jpg\",\"https://framerusercontent.com/modules/dkhbsDc1oWZrW34Ue3wC/T54IBZH9jT9NvCdhBu4s/nWZy3UnCE.js\").href} 640w`},\"\"),oblsMPwoB:true,PPeTwl1b8:\"Guide\",t7b0AvdZM:/*#__PURE__*/ _jsxs(React.Fragment,{children:[/*#__PURE__*/ _jsx(motion.div,{className:\"framer-text-module\",style:{\"--aspect-ratio\":\"560 / 315\",aspectRatio:\"var(--aspect-ratio)\",height:\"auto\",width:\"100%\"},children:/*#__PURE__*/ _jsx(ComponentPresetsConsumer,{componentIdentifier:\"module:NEd4VmDdsxM3StIUbddO/fJ8vwGe6kxfz7kj9H7Sk/YouTube.js:Youtube\",children:presetProps=>/*#__PURE__*/ _jsx(YouTube,{...presetProps,play:\"Off\",shouldMute:true,thumbnail:\"Medium Quality\",url:\"https://youtu.be/o5YCrMRT_7o\"})})}),/*#__PURE__*/ _jsx(\"p\",{children:'Instagram filters are a great way to add a fun and interactive element to your posts. In this tutorial, we\\'ll be creating a \"Which are You\" filter that allows users to discover which character or object they are most like. This tutorial is designed for beginners, so no prior experience with Spark AR is necessary.'}),/*#__PURE__*/ _jsx(\"h3\",{children:\"Step 1: Setting up Spark AR Studio\"}),/*#__PURE__*/ _jsx(\"p\",{children:\"The first step is to download and install Spark AR Studio, which is a free software that allows you to create AR effects. Once installed, open up Spark AR Studio and create a new project.\"}),/*#__PURE__*/ _jsx(\"h3\",{children:\"Step 2: Importing assets\"}),/*#__PURE__*/ _jsx(\"p\",{children:\"The next step is to import the assets that we'll be using for the filter. You'll need to import a set of images that represent the characters or objects that the user can be matched with. You can find these images online or create them yourself.\"}),/*#__PURE__*/ _jsx(\"h3\",{children:\"Step 3: Adding the images to the scene\"}),/*#__PURE__*/ _jsx(\"p\",{children:\"Drag and drop the images into the scene. You can resize and reposition the images to fit the screen.\"}),/*#__PURE__*/ _jsx(\"h3\",{children:'Step 4: Creating the \"Which are You\" effect'}),/*#__PURE__*/ _jsx(\"p\",{children:'To create the \"Which are You\" effect, we\\'ll be using the Patch Editor in Spark AR Studio. Go to the Add Assets menu and select the Quiz effect. Drag and drop the Quiz effect onto the Patch Editor.'}),/*#__PURE__*/ _jsx(\"p\",{children:\"Next, we'll add the images to the quiz effect. Connect the output of the Quiz effect to the input of the first image. Repeat this step for the remaining images.\"}),/*#__PURE__*/ _jsx(\"h3\",{children:\"Step 5: Customizing the filter\"}),/*#__PURE__*/ _jsx(\"p\",{children:'Now that you\\'ve created the basic \"Which are You\" effect, you can customize it to your liking. You can change the font, text size, and colors of the quiz. You can also add more images to the effect.'}),/*#__PURE__*/ _jsx(\"h3\",{children:\"Step 6: Testing the filter\"}),/*#__PURE__*/ _jsx(\"p\",{children:\"Now that the filter is complete, it's time to test it out. Click the Test button in Spark AR Studio to launch the filter on your mobile device. You can also share the filter with your friends and followers on Instagram by publishing it to your account.\"}),/*#__PURE__*/ _jsx(\"p\",{children:\"Conclusion\"}),/*#__PURE__*/ _jsx(\"p\",{children:'Creating an Instagram filter can be a fun and engaging way to interact with your audience. In this tutorial, we showed you how to create a \"Which are You\" filter using Spark AR Studio. By following these simple steps, you can create a unique and entertaining filter that will make your posts stand out. We hope this tutorial has inspired you to create your own custom filters and explore the full potential of Spark AR Studio. Happy creating!'})]}),Tu_Pd0zTZ:\"how-to-make-which-are-you-instgram-filter-meta-spark-ar-tutorial\",YSKHrdVc1:'How to Make \"Which are You\" Instgram Filter Meta Spark AR Tutorial'}];for(const item of data){Object.freeze(item);}addPropertyControls(data,{oblsMPwoB:{defaultValue:false,title:\"Featured\",type:ControlType.Boolean},DD39DBmBH:{defaultValue:'var(--token-bd377b4b-bd02-4975-a6e5-f4242e212fba, rgb(78, 204, 207)) /* {\"name\":\"Green\"} */',title:\"Accent\",type:ControlType.Color},PPeTwl1b8:{defaultValue:\"\",title:\"Category\",type:ControlType.String},YSKHrdVc1:{defaultValue:\"\",title:\"Title\",type:ControlType.String},ivFLyaMNq:{defaultValue:\"\",title:\"Short description\",type:ControlType.String},kBAWMceDj:{title:\"Image\",type:ControlType.ResponsiveImage},EZue1CzWP:{title:\"Date\",type:ControlType.Date},Tu_Pd0zTZ:{title:\"Slug\",type:ControlType.String},t7b0AvdZM:{defaultValue:\"\",title:\"Content\",type:ControlType.RichText}});data[\"displayName\"]=\"Blog\";export default data;export const enumToDisplayNameFunctions={};\nexport const __FramerMetadata__ = {\"exports\":{\"enumToDisplayNameFunctions\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"default\":{\"type\":\"data\",\"name\":\"data\",\"annotations\":{\"framerRecordIdKey\":\"id\",\"framerData\":\"\",\"framerSlug\":\"Tu_Pd0zTZ\",\"framerContractVersion\":\"1\",\"framerEnumToDisplayNameUtils\":\"2\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}"],
  "mappings": "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",
  "names": ["PlayOptions", "ThumbnailOptions", "ThumbnailFormat", "Youtube", "url", "play", "shouldMute", "thumbnail", "isRed", "onClick", "onMouseEnter", "onMouseLeave", "onMouseDown", "onMouseUp", "props", "onCanvas", "useIsOnCanvas", "isAutoplay", "showThumbnail", "isPreloading", "preloadVideo", "le", "showVideo", "startVideo", "isHovered", "setHovered", "ye", "borderRadius", "useRadius", "hasBorderRadius", "p", "Instructions", "parsedURL", "parseVideoURL", "ErrorMessage", "videoId", "embedURL", "thumbnailURL", "getThumbnailURL", "getWebPSupported", "searchParams", "u", "wrapperStyle", "videoStyle", "PlayButton", "addPropertyControls", "ControlType", "borderRadiusControl", "defaultEvents", "defaultProps", "urlString", "getEmbedURL", "pathSegments", "embedURL1", "videoId2", "embedURL2", "res", "format", "pre", "ext", "_getWebPSupported", "window", "element", "emptyStateStyle", "centerTextStyle", "message", "containerStyles", "buttonStyle", "addImageAlt", "image", "alt", "data", "u", "x", "p", "motion", "ComponentPresetsConsumer", "presetProps", "Youtube", "Link", "item", "addPropertyControls", "ControlType", "nWZy3UnCE_default", "enumToDisplayNameFunctions", "__FramerMetadata__"]
}