Slider UI and Shapekeys

Tagged: driver, shapekey, slider

This topic has 15 replies, 8 voices, and was last updated 4 years, 4 months ago by Yuri Kovelenov.

Viewing 15 posts - 1 through 15 (of 16 total)

1 2 →

Author

Posts
2018-02-05 at 12:03 pm #1919

enzyme69
Participant

I have only used Verge 3D for few hours and already hooked! I like the simplicity and really want to find out more.

I am thinking to make some kind of “interactive app” that basically react to my input from iPhone X via OSC or something.

For now, I need to find out a simple interaction like to be able to create setup like this:
Slider with attribute 0 – 1 to control Shape Key blends of Object just like morphing shape keys inside Blender.

What would be the easiest to perform this interaction?

So far, I can do click that trigger animation of shape keys. But wonder if actual “driver” and “driven” can be easily setup in Verge 3D.

So eventually I would like to be able to have Slider to control “Action” animation. Or to have bunch of values (interactive) to control bunch of shapes.

This Verge 3D is promising.

2018-02-05 at 1:23 pm #1929

Yuri Kovelenov
Staff

Thanks for your interest and kind words. Alas for now this can only be done with programming. We’ll think on implementing some puzzles for that.

Chief 3D Verger | LinkedIn | Twitter

2019-02-19 at 6:56 pm #11558

roybell
Customer

Slider to control “Action” animation.
Would be great!

2019-02-20 at 8:49 am #11580

Yuri Kovelenov
Staff

yeah, this question was asked one year ago. Now we can answer you can use HTML Puzzles for that.

Chief 3D Verger | LinkedIn | Twitter

2019-03-02 at 2:55 pm #12064

dssctr
Customer

Wow sounds great. Might there be any examples in the future?

2019-03-03 at 10:35 am #12073

Yuri Kovelenov
Staff

Yeah, we’ll think about making an example/demo for sliders.
In the meantime, you can check out this tutorial https://www.w3schools.com/howto/howto_js_rangeslider.asp
You can use the HTML puzzle get attrubute to retrieve its value.

Chief 3D Verger | LinkedIn | Twitter

2019-03-03 at 1:17 pm #12075

Andrejus
Participant

2019-03-04 at 5:02 pm #12114

dssctr
Customer

Thanks! :)

2019-03-04 at 5:19 pm #12115

roybell
Customer

Yuri Kovelenov wrote:

Yeah, we’ll think about making an example/demo for sliders….

Thanks Yuri!

2019-03-20 at 2:11 pm #13050

NaxosCG
Customer

Hi Enzyme69,
Something tells me that you were a WireFusion user, back in early 2000’s, were you ?

Wirefusion was a great tool : mixing 2D and 3D as simple as a Wysywyg tool, nodal “output-input” coding system… i miss it a lot !

Verge3D is quite close to that, but too often we need to put hands in the code, and i can’t do that.

So a slider puzzle would be great !

"1+1=3... for large values of 1"

2019-03-20 at 2:21 pm #13052

Yuri Kovelenov
Staff

I started doing an example with Google web designer. GWD offers a ready-to-use slider component. You can retrieve its value with puzzles, and then display it as in my example or use in a 3D scene.

Attachments:
You must be logged in to view attached files.
Chief 3D Verger | LinkedIn | Twitter

2019-03-20 at 2:32 pm #13055

roybell
Customer

I did a test .. but there is some error. For example, when you hover the mouse over the sliders without doing anything, the model changes:

https://cdn.soft8soft.com/AROAJSY2GOEHMOFUVPIOE:29e1b7caba/applications/AAA-SLIDER/my_awesome_app2.html

2019-03-20 at 2:38 pm #13057

Yuri Kovelenov
Staff

check my example attached in the post above. It uses a special event “input” that was added in 2.11.1 update

Chief 3D Verger | LinkedIn | Twitter

2019-07-08 at 2:04 am #16274

Ozbend
Customer

How to affect the movement of an object using the slider? Now when you drag the slider, the animation plays completely, no matter how much the slider moves.

2020-08-22 at 9:03 pm #31862

farzinkhodadadi
Participant

any one can give me sample of made puzzle how to connect the slider to change scale?
Author

Posts