Groups | Search | Server Info | Keyboard shortcuts | Login | Register [http] [https] [nntp] [nntps]

Groups > comp.lang.javascript > #38359

Re: Webpage background JS non-stop animation idea

Show all headers | View raw

reede, 3. aprill 2020 9:25.01 UTC+3 kirjutas Andrew Poulos:
> On 3/04/2020 2:13 pm, minajaich@gmail.com wrote:
> > reede, 3. aprill 2020 5:34.44 UTC+3 kirjutas Andrew Poulos:
> >> On 3/04/2020 3:47 am, robamman2020@hotmail.com wrote:
> >>
> >>> Make for example 12 shapes of characters.
> >>
> >> What do you mean by "shapes of characters"? Do you mean:
> >> - images that look like letters, or
> >> - actual text (font family, size, colour....)
> >>
> >>> With random number generator pick a place on screen and draw the shape.
> >>> Then find next shape and position, that does not match first one.
> >>> Make a smooth points moving from one shape to another.
> >>
> >> If the shapes are all different size when does moving one shape to
> >> another end:
> >> - when their centres align, or
> >> - when their, say, left and top edges align, or
> >> - it doesn't really matter, or
> >> - something else
> >> ?
> >>
> >>> Then find next position and continue the process until the web page stays open.
> >>
> >> Does this mean that each time two shapes meet the earlier appearing
> >> shape is deleted?
> >>
> >> So the action would be
> >>
> >> 1. 'A' appears
> >> 2. 'B' appears
> >> 3. 'A' moves to 'B'
> >> 4. 'A' disappears
> >> 5. 'C' appears
> >> 6. 'B' moves to 'C'
> >> 7. 'B' disappears
> >> 8. 'D' appears...
> >>
> >> Is that correct?
> >>
> >> Andrew Poulos
> > 
> > I think you got it wrong. The second shape appears, when the points have moved to it from the first shape.
> 
> Are you saying that there is only one shape that morphs into different 
> shapes as it moves (a shape being some a collection of points)?
> 
> Andrew Poulos

Basically the idea of the smooth moving is that first it will take the outer points of the first shape and then they move to the second shape coordinate by coordinate into the most centre first. And when there is less points in first shape, then it will add them automatically to second after the filling of the first ones. And if more then they will just dissappear after first points(characters) moving.


With best wishes,
Kristjan Robam

Back to comp.lang.javascript | Previous | Next — Previous in thread | Find similar | Unroll thread

Thread

Webpage background JS non-stop animation idea robamman2020@hotmail.com - 2020-04-02 09:47 -0700
  Re: Webpage background JS non-stop animation idea robamman2020@hotmail.com - 2020-04-02 10:00 -0700
    Re: Webpage background JS non-stop animation idea luserdroog <luser.droog@gmail.com> - 2020-04-02 12:35 -0700
      Re: Webpage background JS non-stop animation idea minajaich@gmail.com - 2020-04-02 18:37 -0700
      Re: Webpage background JS non-stop animation idea Arno Welzel <usenet@arnowelzel.de> - 2020-04-03 10:06 +0200
        Re: Webpage background JS non-stop animation idea "Michael Haufe (TNO)" <tno@thenewobjective.com> - 2020-04-03 10:53 -0700
          Re: Webpage background JS non-stop animation idea minajaich@gmail.com - 2020-04-03 13:58 -0700
  Re: Webpage background JS non-stop animation idea Andrew Poulos <ap_prog@hotmail.com> - 2020-04-03 13:34 +1100
    Re: Webpage background JS non-stop animation idea minajaich@gmail.com - 2020-04-02 20:13 -0700
      Re: Webpage background JS non-stop animation idea Andrew Poulos <ap_prog@hotmail.com> - 2020-04-03 17:24 +1100
        Re: Webpage background JS non-stop animation idea minajaich@gmail.com - 2020-04-03 00:35 -0700
        Re: Webpage background JS non-stop animation idea minajaich@gmail.com - 2020-04-03 00:40 -0700

csiph-web