47 Matching Annotations
  1. Aug 2022
  2. Apr 2022
    1. Eric Feigl-Ding [@DrEricDing]. (2021, November 12). 💡BEST. VIDEO. ALL. YEAR. Please share with friends how the mRNA vaccine works to fight the coronavirus. 📌NOTA BENE—The mRNA never interacts with your DNA 🧬. #vaccinate (Special thanks to the Vaccine Makers Project @vaccinemakers of @ChildrensPhila). #COVID19 https://t.co/CrSGGo6tqq [Tweet]. Twitter. https://twitter.com/DrEricDing/status/1459284608122564610

    1. Convolution Demo. Below is a running demo of a CONV layer. Since 3D volumes are hard to visualize, all the volumes (the input volume (in blue), the weight volumes (in red), the output volume (in green)) are visualized with each depth slice stacked in rows. The input volume is of size W1=5,H1=5,D1=3W1=5,H1=5,D1=3W_1 = 5, H_1 = 5, D_1 = 3, and the CONV layer parameters are K=2,F=3,S=2,P=1K=2,F=3,S=2,P=1K = 2, F = 3, S = 2, P = 1. That is, we have two filters of size 3Ă—33Ă—33 \times 3, and they are applied with a stride of 2. Therefore, the output volume size has spatial size (5 - 3 + 2)/2 + 1 = 3. Moreover, notice that a padding of P=1P=1P = 1 is applied to the input volume, making the outer border of the input volume zero. The visualization below iterates over the output activations (green), and shows that each element is computed by elementwise multiplying the highlighted input (blue) with the filter (red), summing it up, and then offsetting the result by the bias.

      Best explanation/inllustration of a convolution layer.and the ways the number relate.

  3. Mar 2022
  4. Jan 2022
  5. Dec 2021
  6. Nov 2021
    1. Finally, I think Actions are great for animations, because you will definitely need to apply the same logic to many different elements. One of my favorite examples are FLIP animations, where a change in DOM position can be animated. For example shuffling a list of items. I will not dive deep into the topic in this article: I've written about some techniques in this article about FLIP animations in React and in this article about how to create spring animations with Web Animation API. Although they are not about Svelte, at the end of the day it all boils down to manipulating the HTML element directly. And Svelte Actions are a great place to do it.
  7. Oct 2021
  8. Sep 2021
    1. animation in data visualization, while impressive and eye-catching, is a much lower priority than understanding how different chart types present data, how to properly design charts, understanding form in data visualization, and other aspects of data visualization practice.
  9. Aug 2021
  10. Apr 2021
  11. Jan 2021
  12. Dec 2020
  13. Jun 2020
  14. Mar 2020
    1. Papagayo is free and open source, lip sync software for matching pre generated or custom mouth shapes to a recorded audio file for use in 2D animation. Its available on Windows, Linux, and Mac.
  15. Dec 2019
    1. At Excellent Webworld our UI/UX designers are always experimenting with the innovative design in buttons and navigation bars. Here is an interactive tab animation for our previous mobile app development project.

  16. Sep 2019
  17. May 2019
  18. Jan 2019
    1. When did you start working on it and how long did it take to make? It took nearly four years from the first draft to final cut. The first script was complete in early 2014, which we then adapted into a picture storybook as a proof of concept. We received funding almost a year later and we hit the ground running full-time (into eternity).
  19. Dec 2018
    1. SIGGRAPH: Share your top three technology tools. CC: I hate technology! But if you’re trying to make something pretty in this medium, there’s no avoiding it
    2. SIGGRAPH: What is the best advice you would give someone starting out in animation? CC: Draw. Carry a sketchbook (or a tablet) and draw (or paint!) every chance you get. Make observations from the world around you, from photo or video reference, from artists you admire. Most importantly, don’t just observe, but put those observations down on paper in visual form. Make a habit of it. The things you learn that way will stay with you forever. And that knowledge will be useful no matter what medium you end up working in.
  20. Nov 2018
    1. As a student, you have to be very good at the craft
    2. Mitchell said, “You have to do what you want to do. Don’t make a film so you can get into Pixar or DreamWorks.”
    3. Pete Doctor, the director of Up, said that he went into school thinking that he needed to learn how to draw and left school believing that acting and storytelling were more important.
  21. Apr 2018
  22. Jan 2018
  23. Dec 2017
  24. Feb 2017
    1. This shift of weight is always in the opposite direction that you will ultimately be moving in. This is called anticipation.
  25. Dec 2016
    1. Description of a technique applicable to most (all?) modern browsers for achieving high performance animation of an element from an initial state to some destination state.

  26. Nov 2015
    1. "Freedom River" (1971), a cartoon parable narrated by Orson Welles. Cute, and its message is more pressing today. But they should have included a bit about how much of the nation was built by people who were here first, and others who were enslaved.

      https://www.youtube.com/watch?v=ABKLirW24LE<br> Open Culture has a background story.

  27. Oct 2015
  28. Sep 2015
    1. | canvas point | canvas := DrGeoCanvas new. canvas fullscreen. point := canvas point: 0@0. canvas do: [ -5 to: 5 by: 0.1 do: [:x | point moveTo: x@(x cos * 3). (Delay forMilliseconds: 100) wait. canvas update] ]