Not sure how much voting power I have, but I really like Erik's version at https://codepen.io/kusma/pen/vrXppL
It uses CSS3 animation on hover, so it's pretty low impact. Some slight cleverness could even include a fallback for a browser that doesn't support SVG. IMO solutions like three.js and so on are non-starters for something as trivial as a logo. Having some mesa-demos ported using it might be neat, but the logo should be kept simple and accessible. -ilia On Mon, Jun 18, 2018 at 6:52 PM, Laura Ekstrand <la...@jlekstrand.net> wrote: > This looks like a useful check for WebGL compatibility: > https://threejs.org/docs/index.html#manual/introduction/WebGL-compatibility-check > > On Mon, Jun 18, 2018, 3:50 PM Laura Ekstrand <la...@jlekstrand.net> wrote: >> >> Jordan's version is awesome. But in general most people are concerned >> that WebGL will crash browsers. >> >> One idea is to look into using three.js, which is a front-end library for >> web graphics. It's backed by multiple frameworks including WebGL. >> >> On Sun, Jun 17, 2018, 9:23 PM Jordan Justen <jordan.l.jus...@intel.com> >> wrote: >>> >>> On 2018-06-17 17:43:37, Jason Ekstrand wrote: >>> > On Sun, Jun 17, 2018 at 5:34 PM, Jordan Justen >>> > <jordan.l.jus...@intel.com> >>> > wrote: >>> > >>> > > On 2018-06-17 16:42:13, Jason Ekstrand wrote: >>> > > > On Sun, Jun 17, 2018 at 4:21 PM, Matt Turner <matts...@gmail.com> >>> > > > wrote: >>> > > > >>> > > > > Also, Erik's is animated not with JavaScript at all, but just >>> > > > > CSS. >>> > > > > That's really cool. >>> > > > > >>> > > > >>> > > > The only thing the JS does is turn the animation on and off. The >>> > > > actual >>> > > > animation is pure SVG. The main reason (as I understood it) for the >>> > > > JavaScript is to make the gears *not* turn if someone has disabled >>> > > > JavaScript. I'm sure people will disagree as to whether or not >>> > > > that's a >>> > > > feature. :-) I'm not sure if you can get the turn-on-hover thing >>> > > > with >>> > > just >>> > > > SVG and not JS though... /me doesn't know either all that well. >>> > > >>> > > All the JS and webgl. :) >>> > > >>> > > https://people.freedesktop.org/~jljusten/webgl-logo/gears.html >>> > > >>> > > Actually, it doesn't start webgl until you move your mouse over the >>> > > logo. Before that it is displaying a jpg of the gears. >>> > > >>> > >>> > I like how the gears smoothly spin up and slow to a stop. Not sure >>> > what I >>> > think of the font. >>> >>> I changed the font to Roboto Slab, which I saw you mentioned earlier. >>> >>> -Jordan >>> _______________________________________________ >>> mesa-dev mailing list >>> mesa-dev@lists.freedesktop.org >>> https://lists.freedesktop.org/mailman/listinfo/mesa-dev > > > _______________________________________________ > mesa-dev mailing list > mesa-dev@lists.freedesktop.org > https://lists.freedesktop.org/mailman/listinfo/mesa-dev > _______________________________________________ mesa-dev mailing list mesa-dev@lists.freedesktop.org https://lists.freedesktop.org/mailman/listinfo/mesa-dev
