Spark AR Native UI Picker 2020 for 3D Objects (update v85+)

Поділитися
Вставка
  • Опубліковано 14 січ 2025

КОМЕНТАРІ • 151

  • @juancarlosrosas4489
    @juancarlosrosas4489 3 роки тому +2

    I love the tutorial and work fantastic!!!!!! THANK YOU SO MUCH!! WORKING ON DEC 2021 100% VERIFIED

  • @Revontuletband
    @Revontuletband 4 роки тому +1

    Thanks for the video! Your explanation is very clear (unlike many other videos on the subject), good job!

    • @QKnowDesign
      @QKnowDesign  4 роки тому

      Thank you so much. I really appreciate it :)

  • @stephaniesantos3988
    @stephaniesantos3988 4 роки тому

    I love your videos, Janine! Make more, you are the best! Kisses from Brazil

  • @selfishbirch
    @selfishbirch 4 роки тому +1

    огромное спасибо!
    you did an outstanding job! it's the first time i understood scripting! you're so amazing and i wish you luck! ♥

    • @QKnowDesign
      @QKnowDesign  4 роки тому

      Thank you. Very kind of you and thank you for watching :)

  • @artcowboy
    @artcowboy 4 роки тому

    WOW!!!! thank you so much!!!! this was so great and very easy to follow and super helpful!!!

    • @QKnowDesign
      @QKnowDesign  4 роки тому

      Thank you :) And thank you for watching. I really appreciate it :)

  • @heyestrella2404
    @heyestrella2404 3 роки тому +1

    "Possible Unhandled Promise Rejection: TypeError: undefined is not a function" can you help me with this one? thank you

    • @QKnowDesign
      @QKnowDesign  3 роки тому

      Hey Hey ;) check the spelling, character and if the layer name is the right one. It's a type error :)

    • @ruyabaraz
      @ruyabaraz 3 роки тому

      did you find a solution?

  • @МаргоРенне
    @МаргоРенне 4 роки тому

    Thank you SO MUCH! You are incredibly cool, thanks for sharing your knowledge!

    • @QKnowDesign
      @QKnowDesign  4 роки тому

      Thank you for watching. Stay creative :)

  • @BigCaleBass
    @BigCaleBass 4 роки тому

    Thanks a lot! Very good tutorial, Very helpful and simple :)

    • @QKnowDesign
      @QKnowDesign  4 роки тому

      You welcome. Thank you for supporting my channel.

  • @ОлегГлуханіч
    @ОлегГлуханіч 3 роки тому

    Thanks a lot)) It's great! And it works)

  • @gaiacarollo8670
    @gaiacarollo8670 4 роки тому +1

    Lovely! How about the slider? I have no idea how to upgrade my script for the NativeUi slider (controlling opacity of a material) :(

  • @raulb3929
    @raulb3929 4 роки тому +1

    I need the diamond texture, where i can find?

    • @QKnowDesign
      @QKnowDesign  4 роки тому

      Raul B I found the diamond in the Spark ar library. Just sure for diamonds under 3D object :)

    • @raulb3929
      @raulb3929 4 роки тому

      @@QKnowDesign Yeah but how can i make a "crown" like in the video with diamonds?

  • @wolf_lin
    @wolf_lin 4 роки тому +1

    Hi,the error show me "ossible Unhandled Promise Rejection: The provided picker item configuration is incorrect. You have to specify `image_texture` which needs to be a texture." how do I fix it?

    • @QKnowDesign
      @QKnowDesign  4 роки тому

      Check the spelling please. That is a common mistake. Does it help?

    • @wolf_lin
      @wolf_lin 4 роки тому

      Perhaps I made a square icon, the Modify button in a circle on it

  • @ssarann2473
    @ssarann2473 2 роки тому

    What about if I do it with 9 options? I tried with your script, when it was only 3 options it worked fine but when I added more options like 9 options it didnt work

  • @annamanna939
    @annamanna939 4 роки тому +1

    thanks! But I have a problem Type 'true' is not assignable to type 'BoolSignal'.ts(2322) with a picker.visible = true. I will appreciate so much if you help me

    • @QKnowDesign
      @QKnowDesign  4 роки тому

      Anna Manna I need to see the hole script. Can you send me a image via Instagram?

    • @channelshkolnik
      @channelshkolnik 4 роки тому

      @@QKnowDesign i have the same problem. I think it's the 86th update of Spark//

    • @QKnowDesign
      @QKnowDesign  4 роки тому

      I’ve working in the newest update and my script is fine :/ you’ll find my script in the description.

    • @channelshkolnik
      @channelshkolnik 4 роки тому

      @@QKnowDesign i use ur script too and have such problem without some editing just after pasting it

    • @matteoprovasoli1609
      @matteoprovasoli1609 4 роки тому

      Did you find out how to solve this issue?

  • @SomethingSoSam
    @SomethingSoSam 4 роки тому +1

    When my effect initially loads, all options show up on my face at once until you click the buttons. They they show one at a time. Any idea why this is happening or how to fix it?

    • @kellywashington3384
      @kellywashington3384 4 роки тому +1

      I'm having the same issue

    • @QKnowDesign
      @QKnowDesign  4 роки тому +1

      I had the problem too. I put the visibility of the null object off. Maybe you noticed that in the scene are two Null Objects switched off: ua-cam.com/video/Yumu3aqeRbI/v-deo.html Will that help?

    • @kellywashington3384
      @kellywashington3384 4 роки тому

      @@QKnowDesign do you mean when you have 1 null object on, and the others are off? I have 6 and I've made sure each case is correct

    • @kellywashington3384
      @kellywashington3384 4 роки тому

      oh I notice the "faceTracker0" is in the patch editor? why is this?

    • @QKnowDesign
      @QKnowDesign  4 роки тому

      Kelly Washington I used a patch for my 3d object for a smooth motion. That has nothing to do with the script :)

  • @gabrielegumiero2888
    @gabrielegumiero2888 4 роки тому +1

    Hi, sorry for the trouble .. I saw your tutorial for switching the effects on spark ar .. and there is something wrong with mine .. can you help me please?

    • @QKnowDesign
      @QKnowDesign  4 роки тому

      Hi. Depends on what your problem is exactly. Can you tell me more?

  • @MotionDesignDP
    @MotionDesignDP 4 роки тому +1

    Thx so much)!!!♥♥♥

    • @QKnowDesign
      @QKnowDesign  4 роки тому

      You welcome. Thanks for supporting my channel.

  • @cris100495
    @cris100495 4 роки тому +1

    Hi! This is a really helpful tutorial. I have one question tho, Do you know if it is possible to use animations, videos or animated gif as a thumbnail texture for the UI picker?

    • @QKnowDesign
      @QKnowDesign  4 роки тому

      Yes! Watch this tutorial ua-cam.com/video/nN3CIi17lnI/v-deo.html

    • @cris100495
      @cris100495 4 роки тому

      @@QKnowDesign THANK YOU!!!

    • @QKnowDesign
      @QKnowDesign  4 роки тому

      @@cris100495 You welcome :)

  • @isteins
    @isteins 4 роки тому +1

    Hi! Thanks for doing this tutorial! I have a question for you: I want to use the picker for select two canvas simultaneously (one is a LUT and the other one is a animation secuence). What i have to do? I did the buttons but i do not know how to write the code for it. Thanks in advance!

    • @QKnowDesign
      @QKnowDesign  4 роки тому

      Did you try to put both in a null object so you can switch the null object on and off?

  • @himanshugupta4256
    @himanshugupta4256 Рік тому

    Mam it is not working in my pc i tried many times but Uipicker is not showing 😑 what i should do for it ..

  • @LuigiIrace
    @LuigiIrace 4 роки тому +1

    Hello and thanks for the very clear and straightforward explaination! Is this method for using the NativeUI picker only useful for 3d object or also good for LUT textures or facemesh textures ? Is the older method, which I can see has very easier scripting, totally outdated and useless in new Spark AR versions ?

    • @QKnowDesign
      @QKnowDesign  4 роки тому +1

      Luigi Irace Hello, good question. My script before will be outdated in 3 mouth so please use the update. And yes, you can use this script for every layer. It is just about the visibility that you control with the picker.

    • @LuigiIrace
      @LuigiIrace 4 роки тому

      QKnow Design okay thanks! The new one looks so convoluted , that’s why I asked

    • @QKnowDesign
      @QKnowDesign  4 роки тому

      Luigi Irace yes, i am thinking the same. The old on will work but you will see in the control panel errors. Not with the new script. When you search for spark Ar scripts enter “85v+” to make sure it will be not outdated

  • @wojiaoariel
    @wojiaoariel 3 роки тому

    how can I change the visibility for the back camera? since I just want the ui picker in the front camera

  • @guruhindrawirawan7937
    @guruhindrawirawan7937 4 роки тому +2

    HI, Thank You for your tutorial, it's so helpful. Anyway, can you help me to make a tutorial video about how to make a script / native picker UI for quiz filter and animation sequence. Thank you!!!

    • @QKnowDesign
      @QKnowDesign  4 роки тому

      Sounds interessting. So that you can switch between different categories or designs in a game?

  • @mohammadkheiri1779
    @mohammadkheiri1779 4 роки тому

    hi,you educatio n is very very nice , thanks 🙏🙏🙏🙏🙏🙏🙏🙏🙏🙏👍👍👍👍👍👍👍❤❤❤❤❤❤❤❤

    • @QKnowDesign
      @QKnowDesign  4 роки тому

      Thank you for watching my tutorials ☺️☺️☺️

  • @mariagalvan2108
    @mariagalvan2108 4 роки тому

    Great video! Is there a way to create a "swipe" option in order to move an object to a different place?

    • @QKnowDesign
      @QKnowDesign  4 роки тому

      Thanks for watching. This is a very interesting question. In the patch editor is no "swipe" patch. So if it's we need to create a script ... I guess. Maybe something like that: sparkar.facebook.com/ar-studio/learn/documentation/reference/classes/touchgesturesmodule/ What do you think?

  • @gyeongminlee5575
    @gyeongminlee5575 3 роки тому

    Hi! Do you know how to place multiple objects here and there?

  • @pamelayhlam5387
    @pamelayhlam5387 4 роки тому

    Thank you so much for showing this. I actually did it. However there is one little problem. When I open the link and it leads me to the filter, before I pick which image I want to be shown, both of the images are showing at the same time on the same spot overlapping. Is there a way to only show one image even before I select it ?
    Many thanks in advance !

    • @QKnowDesign
      @QKnowDesign  4 роки тому

      Disable the visibility of the images you don't want to see. That helps :)

  • @marianadelagarza1347
    @marianadelagarza1347 4 роки тому

    Hello! I have watched all your tutorials theyre really amazing, I have a problem though. I made 3d lashes following your "Easy way to create 3d lashes tut" and now I would like to make 3 lashes and add them to a UI picker but I have to use many blocks right? Is there a way to configure the picker to switch between blocks?

    • @QKnowDesign
      @QKnowDesign  4 роки тому

      Hi Mariana, I would recommand the Native UI Patch (watch this tutorial: ua-cam.com/video/s8jkwZm5UNM/v-deo.html). There you can switch the visibility of your blocks on and off.

  • @moscolino
    @moscolino 4 роки тому

    Hi!
    You were the only person who explained this new change clearly on the net! Very great video!
    I need some info, maybe you could help me. You know you can transform 2dText into a Dynamic Text with day, time etc. in Spark AR. Now, how can I take values of the changing days of the week and put my custom value to display a different thing? An example to help you understand: Today is Sunday, I want that when is Sunday it will appear something like an image in my effect filter. Tomorrow will be Monday, another image and so on. How can I achieve that?
    Thanks in advance!

    • @solmuzzupappa1087
      @solmuzzupappa1087 4 роки тому +1

      hi! i think that this video might help u ua-cam.com/video/Xq7b5j6QrCo/v-deo.html

    • @QKnowDesign
      @QKnowDesign  4 роки тому

      Thanks for charing that tutorial. @Lino Mosco was that helpful?

  • @kellywashington3384
    @kellywashington3384 4 роки тому

    Thank you so much for this! I used your video to create the picker for a facemesh and different makeup looks. But, when I first open it on instagram it is showing all of the makeup looks at once. Do you know how I make it so that it just shows 1 look when it's first opened?

    • @QKnowDesign
      @QKnowDesign  4 роки тому

      Kelly Washington I know. That why I switch my null object off excluding the first one :)

    • @kellywashington3384
      @kellywashington3384 4 роки тому

      @@QKnowDesign I added that. It's only on the initial load. Same question as Sam Garner.

    • @sebasonfire
      @sebasonfire 4 роки тому

      same problem , how to resolve that?

  • @riya_kala
    @riya_kala 4 роки тому +1

    hi!! love your tutorials. they are very helpful. Could you please tell on how I can use a Native UI Picker for different animation sequences?? Thank you

    • @QKnowDesign
      @QKnowDesign  4 роки тому +1

      Hi. Thank you for watching. Try to but the Animation Sequence into the null objects. The null object is like a group container like in photoshop. With the script you control the visibility of your null object and everything in it.

  • @sowanyuthyuenyong3187
    @sowanyuthyuenyong3187 3 роки тому

    Nice tutorial. However, when i type this script i got error from the last line (Obj0.hidden = false ;) with message Type 'boolean' is not assignable to type 'BoolSignal'.... i try to fix it but it did not work T.T Can you help me on this plzzzzz

  • @lilywinniecute6347
    @lilywinniecute6347 4 роки тому

    hi! i loved the tutorial and it worked perfectly! but how can i add a tap to change option for each button? for example: once i tap, blush will appear. that’s what i’m trying to achieve for my filter. can you please help me out?

    • @QKnowDesign
      @QKnowDesign  4 роки тому

      I would create different Null Objects. For example: 0. Blush+eyeshadow+retouching; 1. eyeshadow+retouching; 2. just retouching. With the Picker you switch the Null Objects on and off.

  • @bastiancurt
    @bastiancurt 4 роки тому

    Thank you very much!!

  • @leonardar4010
    @leonardar4010 4 роки тому

    Congratulations on your tutorial. You're great.
    Can you share the script on google drive?
    I have problems with native ui.
    I would like to link a different dynamic text for each picker, how should I write the script? Can you make a video about this?

    • @QKnowDesign
      @QKnowDesign  4 роки тому

      I will think about charging the script. About your question: Your "Dynamic Text" is just an object in your scene, right? Then my script will work, because it controls the visibility of an object like the null objects in my tutorial.

    • @leonardar4010
      @leonardar4010 4 роки тому

      @@QKnowDesign I'll try, thanks, can you share the script in the caption?

    • @QKnowDesign
      @QKnowDesign  4 роки тому

      Leonardo AR link in the description

  • @jessicaxsherry
    @jessicaxsherry 4 роки тому

    thanks so much for the tutorial!
    i have a screen tap (animation sequence) for each picker but it wont show up :( i put both anim sequences in a null already and wrote Scene.root.findFirst('NULL NAME'), but the anim sequences wont show up, do you know how to solve it?

    • @QKnowDesign
      @QKnowDesign  4 роки тому

      That's odd. The script reacts to the visibility of your null object. So you have to check first if the patch really reacts to it. As a test object I would put a layer (plane for exaple). Just to make sure it's not about the animation sequence. If the layer appears, then I need more information about the animation sequence to figure out why it doesn't react.

    • @jessicaxsherry
      @jessicaxsherry 4 роки тому

      @@QKnowDesign ooh thanks for the insight! but nevermind i found out why it wasnt showing up - need to put the rectangles below a canvas for each null and i did not add a canvas. thanks for the great tutorial tho, really helpful

  • @johopley7319
    @johopley7319 4 роки тому

    Is there a way to give the options in the picker names? (i.e. They're shades of lipsticks and want to give them shade names)

    • @QKnowDesign
      @QKnowDesign  4 роки тому

      You mean under the picker icon? I didn't see it before.

  • @luckydhiman
    @luckydhiman 4 роки тому

    when I launch the filter it shows all 3 masks at same time. Then after taping the selection button it works fine. Please help?

    • @QKnowDesign
      @QKnowDesign  4 роки тому

      lucky dhiman set the first one visible and the next invisible at the beginning :)

    • @luckydhiman
      @luckydhiman 4 роки тому

      @@QKnowDesign dumb question but how? I'm a noob at this.

    • @luckydhiman
      @luckydhiman 4 роки тому

      It's working. It was so simple! Thanks a lot!

    • @sebasonfire
      @sebasonfire 4 роки тому

      @@luckydhiman how you resolve the problem? i have the same problem

  • @m3nkhdour358
    @m3nkhdour358 4 роки тому

    How can i put more than UI picker and connect all together?

    • @QKnowDesign
      @QKnowDesign  4 роки тому

      Do you mean more than one UI Picker?

    • @m3nkhdour358
      @m3nkhdour358 4 роки тому

      @@QKnowDesign yes

    • @QKnowDesign
      @QKnowDesign  4 роки тому

      @@m3nkhdour358 Okay, I will search for a solution

  • @michellealexandra2931
    @michellealexandra2931 4 роки тому

    hello, please help me, why i can't find "picker UI" or the slider one on my patch? it's really confusing because i can't find any

    • @QKnowDesign
      @QKnowDesign  4 роки тому

      Michelle Alexandra hi, did you update you Spark ar Software?

  • @davidalfonsogarciabadillo1592
    @davidalfonsogarciabadillo1592 4 роки тому

    Hello I have a problem :"Possible Unhandled Promise Rejection: ReferenceError: Property 'phtoto' doesn't exist

    • @QKnowDesign
      @QKnowDesign  4 роки тому

      Hi Garcia, check the spelling of your items. That is a typical mistake ;)

  • @rilakkumacookie23
    @rilakkumacookie23 4 роки тому

    what if my 3d objects have a material on them? how should the script be like? i wanted to create a filter that changes the colour and pattern of the 3d mask. Do you know how i can do this? thank you so much!

    • @QKnowDesign
      @QKnowDesign  4 роки тому

      This might help: github.com/LukeHurd/SparkAR-NativeUI-Picker-v85/tree/master/NativeUI-Picker-%5B3D-Objects%5D-v85

  • @Carol-tc6ch
    @Carol-tc6ch 3 роки тому

    hello! im getting an error "Possible Unhandled Promise Rejection: ReferenceError: Property 'configuration' doesn't exist". do you happen to know why this might be happening?

    • @Carol-tc6ch
      @Carol-tc6ch 3 роки тому +2

      answering my own question if anyone else is having trouble - for some reason my code just didnt like the word "configuration" (using visual studio, not sure if this has something to do with it?). changed configuration to config and now its working fine.

    • @ruyabaraz
      @ruyabaraz 3 роки тому

      @@Carol-tc6ch mine didn't like config either :((

  • @АннаНовикова-к7в
    @АннаНовикова-к7в 4 роки тому +1

    Спасибо ❤

    • @QKnowDesign
      @QKnowDesign  4 роки тому +1

      спасибо for watching ;)

  • @geoffkornfeld7013
    @geoffkornfeld7013 4 роки тому

    Hi. The script in this tutorial is working fine for me when I send my project to Instagram, but when I open it in Facebook I just get buttons for controlling color temperature. :-/ Can you think of any reason that might be happening?? Thank you!

    • @QKnowDesign
      @QKnowDesign  4 роки тому

      I have no idea. Sry :/ maybe the facebook group "Spar ar community" could help you.

    • @geoffkornfeld7013
      @geoffkornfeld7013 4 роки тому

      Thanks. With the help of the Spark community, I was able to make it work using the patch editor and no script at all.

    • @QKnowDesign
      @QKnowDesign  4 роки тому

      Geoff Kornfeld of course I forgot the patch tutorial I created. Using the patch is the best solution :)

  • @m3nkhdour358
    @m3nkhdour358 4 роки тому

    how can i merge between UI picker and screen tap ??? so when i put picker then choose lut or number tap on screen to change something in the same lut or number that i choose?

    • @QKnowDesign
      @QKnowDesign  4 роки тому

      I am not quite sure but do you mean like multiple pickers: ua-cam.com/video/JUPsPMMhPgU/v-deo.html

  • @josebringas513
    @josebringas513 2 роки тому

    hola guapa, gracias por el tutorial ;)

  • @bvttle
    @bvttle 4 роки тому

    Hi, thanks for this video! I am having a few issues adapting an old filter I made using native ui previously, and am now getting this issue: 'This API is deprecated, please upgrade to the newest SDK version. Message: Please use `Materials.getAll`, `Materials.findFirst` or `Materials.findUsingPattern`'

    • @bvttle
      @bvttle 4 роки тому

      I think I fixed it thanks to your tutorial !! :D

    • @QKnowDesign
      @QKnowDesign  4 роки тому

      Yes, my script don’t use material. I will create a tutorial for that :)

  • @kkietzo
    @kkietzo 4 роки тому

    muito obrigada!!!!

  • @rnbwcrnr1712
    @rnbwcrnr1712 4 роки тому

    thankkkkk youuu sooo much!!!!

    • @QKnowDesign
      @QKnowDesign  4 роки тому

      Thank u for watching ❤️❤️❤️

  • @hoorei
    @hoorei 4 роки тому

    hi! does this also work on my kira kira patch?

    • @QKnowDesign
      @QKnowDesign  4 роки тому

      Sure, why not :) Put your canvas in the Null Objects. With the Picker you just turn the visibility on and off .

  • @sachinkharel
    @sachinkharel 4 роки тому

    I'm unable to upload this project in V89.

    • @dr.pixels
      @dr.pixels 4 роки тому +1

      I just made a 14 buttons UI and I'm planning on finishing the project with 50 options to choose from, try to really check your scene the code is super easy to modify but if you don't name your stuff correctly it will take you for a ride.
      I just updated to v89.0.0.19.236 yesterday I think. so it def work, also to the OP Thank you so much for this if FB approves it Ill make sure to share it so you can see it!

    • @QKnowDesign
      @QKnowDesign  4 роки тому

      Thank you for sharing your experience with the script. Please let us know if your filter gets approved :)

    • @QKnowDesign
      @QKnowDesign  4 роки тому

      I hope Dr. Pixels commend could help you. If not, I planned a tutorial about that in the future that could maybe easier. But it will take three weeks until publishing.

  • @rishitgupta
    @rishitgupta 4 роки тому

    will thsi work after the update?

  • @rishitgupta
    @rishitgupta 4 роки тому

    will thsi work in version 86?

  • @kauatorress
    @kauatorress 4 роки тому

    tutorial makeup with illuminator please

    • @QKnowDesign
      @QKnowDesign  4 роки тому

      Kaua Torres that sound interesting. Do you have a example for me. Just to make sure we are on the same page :)

  • @kennydimitra
    @kennydimitra 4 роки тому

    make a tutorial with Noise / Without Noise using Native UI pleaseee :((

    • @QKnowDesign
      @QKnowDesign  4 роки тому +1

      Kenny Dimitra okay it’s on my list :)

    • @kennydimitra
      @kennydimitra 4 роки тому

      @@QKnowDesign thanks in advance

  • @iyasuo
    @iyasuo 4 роки тому

    Thanks

  • @SomethingWOW0
    @SomethingWOW0 Рік тому

    Your video also likes you, So beautiful.