5 ms·

Tool for Creating WebGL Animations

100 points by selvan 5y ago

bennyp101 5y ago
Not a lot of information there ... Seems it is a desktop electron app[1] for creating animations that are then used with the player[2]. Would be good to have a bit more info on the site about it, rather than just an example with no real context. [1] https://github.com/matthijsgroen/geppetto https://github.com/matthijsgroen/geppetto [2] https://github.com/matthijsgroen/geppetto-player https://github.com/matthijsgroen/geppetto-player
pjmlp 5y ago
Being a tool for creating WebGL animations, why should I have to download anything?
- rspoerri 5y ago
  maybe because webgl is a display/rendering api standard which can display animations, but does not define a file format in which they can be transmitted.
  - pjmlp 5y ago
    And? https://whatwebcando.today/files.html https://whatwebcando.today/files.html
- otrahuevada 5y ago
  The correct answer would be, the actual creators of the tool felt this was a good design decision. Can you please make a working alternative we can all check out?
  - pjmlp 5y ago
    Gladly, will you pay me for my time? Since we just came out of Euro 2020, maybe we could start tellig sofa managers that their opinion only matters when they are able to play football at the same international level.
    - _def 5y ago
      Yes, maybe we should.
JSavageOne 5y ago
There really should be examples of what can be made with this on your website, what the software looks like, etc. On my phone I basically just see a link to download and to a manual.
- rchaud 5y ago
  On desktop there is an example animation of a slowly spinning turbine attached to an old-fashioned mill. Had I not noticed the angle of the blades changing, I'd have said it was a 2D animation using PNG sprites.
  - pininja 5y ago
    It works on my iPhone too
  - thaisi 5y ago
    You can also click/tap the innkeeper for interaction. When tapping on a location in the image during the conversation, the eyes will move towards that target.
    - rchaud 5y ago
      Wow, talk about an undiscoverable feature! There should be a halo or '!' above their heads like there would be in a game. Simple UX change to indicate that this element can be interacted with.
rchaud 5y ago
I'd like to see at least a small demo video showing the controls. Hopefully they'll make one. Another WebGL based web animation tool I saw was Spline [0]. It's in beta but there are a fair number of videos online showing its capabilities. When I downloaded it, it ran a bit sluggish on my 2014 MBP w/ 8GB RAM. [0] https://spline.design/ https://spline.design/
- porcc 5y ago
  Spline is 3D--here's a 2D alternative that has a lot of momentum recently: https://rive.app/ https://rive.app/
  - rchaud 5y ago
    Now that is a landing page! Mouse scroll zooms the viewport out from showing the animation to showing it inside of the application GUI and list of controls. Very nicely done!
    - Anunayj 5y ago
      That landing page blew my mind, absolute kudos to whoever came up with the idea and make it work.
pininja 5y ago
This is awesome! Not only is it an open source WebGL animation tool, it also is an open source way of distributing 3D animations using the player. Other tools out there have closed source players, which never felt right for the web.
sayem38 5y ago
this is awesome

100 points by selvan 5y ago

Not a lot of information there ... Seems it is a desktop electron app[1] for creating animations that are then used with the player[2]. Would be good to have a bit more info on the site about it, rather than just an example with no real context. [1] https://github.com/matthijsgroen/geppetto https://github.com/matthijsgroen/geppetto [2] https://github.com/matthijsgroen/geppetto-player https://github.com/matthijsgroen/geppetto-player

pjmlp 5y ago

Being a tool for creating WebGL animations, why should I have to download anything?

rspoerri 5y ago
maybe because webgl is a display/rendering api standard which can display animations, but does not define a file format in which they can be transmitted.
- pjmlp 5y ago
  And? https://whatwebcando.today/files.html https://whatwebcando.today/files.html
otrahuevada 5y ago
The correct answer would be, the actual creators of the tool felt this was a good design decision. Can you please make a working alternative we can all check out?
- pjmlp 5y ago
  Gladly, will you pay me for my time? Since we just came out of Euro 2020, maybe we could start tellig sofa managers that their opinion only matters when they are able to play football at the same international level.
  - _def 5y ago
    Yes, maybe we should.

JSavageOne 5y ago

There really should be examples of what can be made with this on your website, what the software looks like, etc. On my phone I basically just see a link to download and to a manual.

rchaud 5y ago
On desktop there is an example animation of a slowly spinning turbine attached to an old-fashioned mill. Had I not noticed the angle of the blades changing, I'd have said it was a 2D animation using PNG sprites.
- pininja 5y ago
  It works on my iPhone too
- thaisi 5y ago
  You can also click/tap the innkeeper for interaction. When tapping on a location in the image during the conversation, the eyes will move towards that target.
  - rchaud 5y ago
    Wow, talk about an undiscoverable feature! There should be a halo or '!' above their heads like there would be in a game. Simple UX change to indicate that this element can be interacted with.

rchaud 5y ago

I'd like to see at least a small demo video showing the controls. Hopefully they'll make one. Another WebGL based web animation tool I saw was Spline [0]. It's in beta but there are a fair number of videos online showing its capabilities. When I downloaded it, it ran a bit sluggish on my 2014 MBP w/ 8GB RAM. [0] https://spline.design/ https://spline.design/

porcc 5y ago
Spline is 3D--here's a 2D alternative that has a lot of momentum recently: https://rive.app/ https://rive.app/
- rchaud 5y ago
  Now that is a landing page! Mouse scroll zooms the viewport out from showing the animation to showing it inside of the application GUI and list of controls. Very nicely done!
  - Anunayj 5y ago
    That landing page blew my mind, absolute kudos to whoever came up with the idea and make it work.

pininja 5y ago

This is awesome! Not only is it an open source WebGL animation tool, it also is an open source way of distributing 3D animations using the player. Other tools out there have closed source players, which never felt right for the web.

sayem38 5y ago

this is awesome