Sie sind nicht angemeldet.

On touch Animation

gputhige

Schüler

  • »gputhige« ist der Autor dieses Themas

Beiträge: 53

Wohnort: Bangalore, India

Beruf: 3D Studio

  • Nachricht senden

1

Donnerstag, 5. April 2018, 10:46

On touch Animation

Hi
I currently use KRPano extensively in the 3D Architectural Visualization and am quite happy with the same. We are now getting requests from our customers if it is possible to incorporate animation into the scene .. say on Mouse Click/Touch.

The request is to show collapsible furniture of the interiors in the Pano. Say on touch, the Sofa in the Living room converts to a Bed with the animation of the same. We currently use two separate renders like before and after - of the Sofa converted to Bed. But this lacks the WOW factor in it. Just wondering if using three.js, this could be made possible.

Any inputs/feedback is welcome.

Regards
gputhige

spacerywirtualne

Profi

Beiträge: 1 117

Wohnort: Poland, Europe

Beruf: krpano developer : virtual tours : the cms4vr owner

  • Nachricht senden

2

Donnerstag, 5. April 2018, 11:08

Hi

You can easily do this by working on hotspots.

https://krpano.com/examples/119/krpano.h…xtract/pool.xml

https://krpano.com/examples/119/krpano.h…active-area.xml

Examples of the code you have in the zip package krpanotools.

Best regards
Piotr
Your own professional, online cloud tool for creating virtual tours - www.cms4vr.com

facebook page :: youtube :: wiki.cms4vr.com

cms4vr team *thumbsup*

jordi

Profi

Beiträge: 583

Wohnort: Barcelona

Beruf: creating ideas & coding them

  • Nachricht senden

4

Donnerstag, 5. April 2018, 12:59

Nice one Klaus! *thumbup*
everpano.com step beyond 360

Satya.Teja

Anfänger

Beiträge: 6

Wohnort: Planet Earth

Beruf: Web Developer

  • Nachricht senden

5

Donnerstag, 5. April 2018, 13:42

Zitat von »klaus.krpano«

Hi,

or do you mean something like this:
https://krpano.com/temp/kitchendooranimation/
https://krpano.com/temp/washerdooranimation/

Best regards,
Klaus
where can i find the code for the same.
is there documentation for this.? *smile*

dreamcutter

Schüler

Beiträge: 56

Wohnort: Moscow

  • Nachricht senden

6

Donnerstag, 5. April 2018, 16:06

where i can find the entire list of such demo-examples? :)

Zitat von »klaus.krpano«

Hi,

or do you mean something like this:
https://krpano.com/temp/kitchendooranimation/
https://krpano.com/temp/washerdooranimation/

Best regards,
Klaus

gputhige

Schüler

  • »gputhige« ist der Autor dieses Themas

Beiträge: 53

Wohnort: Bangalore, India

Beruf: 3D Studio

  • Nachricht senden

7

Donnerstag, 5. April 2018, 16:42

On touch Animation

Zitat von »klaus.krpano«

Hi,

or do you mean something like this:
https://krpano.com/temp/kitchendooranimation/
https://krpano.com/temp/washerdooranimation/

Best regards,
Klaus
Klaus,
this is exactly what I was looking for *smile* *smile*
Absolutely amazing that the solution is already there. Could I get a documentation for this ?

Regards
Gputhige

Tuur

Erleuchteter

Beiträge: 3 839

Wohnort: Netherlands

Beruf: Krpano custom coding / Virtual Tours / Photography / Musician / Recording engineer

  • Nachricht senden

9

Donnerstag, 5. April 2018, 17:38

Nice to see it with new code.
A nice feature/effect.
Don't use it that much though..
When we did something like this 5-6 years ago it was a bit more of a struggle, also because coding scales where not as they are now... haha

Tuur *thumbsup*
https://www.virtualtuur.com
Panimator: https://krpano.com/plugins/userplugins/panimator/#top
ToolBox: https://bit.ly/3TTnd6U
Measure in 360 photos : https://pame.virtualtuur.com
Moving Hotspots V2: https://krpano.com/plugins/userplugins/movinghotspots/#top
Donations
https://bit.ly/3NnpynC

gputhige

Schüler

  • »gputhige« ist der Autor dieses Themas

Beiträge: 53

Wohnort: Bangalore, India

Beruf: 3D Studio

  • Nachricht senden

10

Donnerstag, 5. April 2018, 19:16

On touch Animation

Zitat von »indexofrefraction«

for the xml check the url !
*whistling*

I was able to download the images and the js/html file. However, I am not able to download the xml file. Is there a directory I can log into to view this?

Regards
Gputhige

Tuur

Erleuchteter

Beiträge: 3 839

Wohnort: Netherlands

Beruf: Krpano custom coding / Virtual Tours / Photography / Musician / Recording engineer

  • Nachricht senden

11

Donnerstag, 5. April 2018, 19:29

Hi,

here:
https://krpano.com/temp/kitchendooranimation/krpano.xml
and here:
https://krpano.com/temp/washerdooranimat…chmaschinen.xml

then 'show source code', or so, of browser, select all copy -->

or

save page as xml of course ;-)

Tuur *thumbsup*
https://www.virtualtuur.com
Panimator: https://krpano.com/plugins/userplugins/panimator/#top
ToolBox: https://bit.ly/3TTnd6U
Measure in 360 photos : https://pame.virtualtuur.com
Moving Hotspots V2: https://krpano.com/plugins/userplugins/movinghotspots/#top
Donations
https://bit.ly/3NnpynC

gputhige

Schüler

  • »gputhige« ist der Autor dieses Themas

Beiträge: 53

Wohnort: Bangalore, India

Beruf: 3D Studio

  • Nachricht senden

12

Donnerstag, 5. April 2018, 19:35

On touch Animation

Thanks Tuur

Downloaded it.

Regards
Gputhige

indexofrefraction

Profi

Beiträge: 1 362

  • Nachricht senden

13

Donnerstag, 5. April 2018, 19:36

there is chicken in that fridge?
your dinner, klaus?
*tongue*
zFilter plugin -- zFlare plugin -- zSnapshot plugin

klaus.krpano

Administrator

Beiträge: 13 499

  • Nachricht senden

14

Donnerstag, 5. April 2018, 21:08

Hi,

Zitat von »gputhige«

Could I get a documentation for this ?
There is no special documentation here - the basic idea is to use several hotspots as image-frames and changing their visibility for the animation.

The hotspots could be created this way:
https://www.krpano.com/forum/wbb/index.p…38120#post38120

and the how to toggle the visibility depends on what exactly should happen - e.g. setting the current visible frame depending on the mouse-position or just running an animation on click...

These both examples are already pretty old - here the source threads about them:
https://krpano.com/forum/wbb/index.php?p…d&threadID=2253
http://www.panorama-forum.net/wbb/index.…d&threadID=9287

Best regards,
Klaus

gputhige

Schüler

  • »gputhige« ist der Autor dieses Themas

Beiträge: 53

Wohnort: Bangalore, India

Beruf: 3D Studio

  • Nachricht senden

15

Freitag, 6. April 2018, 01:17

On touch Animation

Thanks Klaus
Will try these.

Regards
Gputhige

gputhige

Schüler

  • »gputhige« ist der Autor dieses Themas

Beiträge: 53

Wohnort: Bangalore, India

Beruf: 3D Studio

  • Nachricht senden

16

Samstag, 7. April 2018, 11:09

On touch Animation

Zitat von »klaus.krpano«

These both examples are already pretty old - here the source threads about them:
https://krpano.com/forum/wbb/index.php?p…d&threadID=2253
Hi Klaus
I have been able to create the animation as per the above link successfully. Thanks for the same. Just needed to know as to how I can arrive at the ath and atv values as below:


<point ath="-131.458067" atv="25.599499" />
<point ath="-131.828052" atv="-2.053670" />
<point ath="-109.998341" atv="-2.265504" />
<point ath="-109.712672" atv="25.576724" />
<point ath="-122.772160" atv="26.351086" />


Regards
Gputhige

Mael B.

Schüler

Beiträge: 157

Wohnort: France, Montpellier

  • Nachricht senden

17

Samstag, 7. April 2018, 13:10

Zitat von »Tuur«

Nice to see it with new code.
A nice feature/effect.
Don't use it that much though..
When we did something like this 5-6 years ago it was a bit more of a struggle, also because coding scales where not as they are now... haha

Tuur *thumbsup*
I'm also happy to see that this kind of effect is still sometimes used *smile*
I think that the use of hotspot to dynamically change a part of the panorama begins 8 years ago actually, and I agree that it was quite complicated and challenging at this time *g*
http://photo.maelbathfield.net/chrono-panorama/
(sorry, i did not convert this example in a html5 compatible version... so flash required)
http://photo.maelbathfield.net/

bbm

Anfänger

Beiträge: 12

  • Nachricht senden

18

Dienstag, 10. April 2018, 14:12

SVG animation

Hi everyone!

What about SVG animation? This option has a great opportunities!
Is this possible to use .svg files or <svg> code as source for layer in krpano DOM three and then to manipulate some parameters? For this moment only in-code animation work (CSS and SMIL). Animated layer with .svg file looks like behind the glass. But it would be great if we could set and edit it dinamically. Other words, create and animate svg by code and CSS on some user events, like 'click', 'hover' etc.
Thanks!

Dieser Beitrag wurde bereits 2 mal editiert, zuletzt von »bbm« (10. April 2018, 15:26)

Ähnliche Themen