homescreen animation

[soup20]

We want the user to have a good first impression which does the following (when user first opens the webpage):

1. Makes it clear what they're looking at (a graph of connected nodes which represent information in the form of podcast/video clips)
2. Demonstrates the scale of the graph

A good way to do this would be:

• start zoomed in to a random node in the graph
• begin slowly zooming out to reveal more nodes, then speed up until the whole graph (or large part) is visible
• when big graph is visible, search bar appears

[soup20]

Let's get rid of the "Search Bitcoin Knowledge" opening (that's too bitcoin specific). And see if we can get this kind of animation:

• start zoomed in to a random node in the graph
• begin slowly zooming out to reveal more nodes (while slowly rotating horizontally), then speed up until the whole graph (or large part) is visible
• when big graph is visible, search bar appears

[plell]

@soup20 in order to have data, we need to either run a search on start up, or have fake data (like the words currently shown at the beginning). What should the initial data be?

[soup20]

@plell I think we should have real data, that way if they want to explore the graph without searching they'll be able to. It wouldn't be ideal to do a search on start up, maybe we could cache the startup search so we can get the data instantly (@zhangjoe99)?

[soup20]

@plell lightning might be a good search to use for this (about 3k results)

[plell]

ok, added a zoomer animation, let me know if you want some specific movement, the engine is all set up in there.

[soup20]

The data used in the animation is kind of small (not a lot of nodes there). We want to impress the user with the initial view. So can we store a bigger search and use that instead? Also it would be cool to have the movement like this:

• start zoomed in to a random node in the graph
• begin slowly zooming out to reveal more nodes (while slowly rotating horizontally), then speed up until the whole graph (or large part) is visible
• when big graph is visible, search bar appears

[soup20]

@plell For launching the prototype, let's use a much bigger search for the homescreen. 424 nodes is small and will make the user think that's all we have. If it's not practical to use a big search, then let's get rid of the homescreen animation for now and we could put a logo in the middle of the screen, with greyed-out fake nodes behind it.

[soup20]

@Rassl It zooms out to black on desktop mac: https://user-images.githubusercontent.com/104323003/204189569-ef44dea6-ef52-4ce5-be8a-a3d6eb5173c5.mov