rmartin / roy-martin.com Goto Github PK

Add a spaceship to the scene that users can control via the keyboard / tilt. Add a simple 'fire' command which when pressing spacebar on the desktop or clicking the 'fire' area on mobile will send a particle out from the spaceship.

Clean-up the overall interface for the experiments page and ensure that it includes all the necessary API integrations. This should include the following:

• CodePen - Integration with code pen with formatting to display the preview image.
• GitHub - All active repositories listed in alphabetical order.

Create a RESTful API that will provide the data for the visualizer on the index page. This should include the following integrations for the .5 launch:

• Twitter - Integrate the latest 2 Tweets from roy_martin
• Strava - Integrate the latest 2 activities from Strava. Also provide the total miles in the last 12 months.
• GitHub - Integrate the latest 2 commits and all repositories for the rmartin user.
• Amazon - Integrate the Kindle book reader to pull the most recent books completed reading.
• Blog - Integrate with the Ghost API to pull the latest blog posts from the site.

Future Considerations
The following API integrations would be ideal in the future:

• Podcast - Integrate to list the latest podcasts complete.
• Kindle - Organize and display your highlighted content
• Pocket - Integrate bookmarks and reading lists
• BitBucket - Determine a way to display total number of commits on public / private repos.
• Spotify - Add playlist / latest music

The GreenSock animation will be leveraged across various aspects of the site. This should integrate this into the code packages.

The underscore method to determine a random range is not correctly generating the range when compressed. This needs to be resolved and overall variables names need to be cleaned up to avoid global conflicts.

Create a scrolling history of my work as a developer over the years.

The Controller class is depreciated in favor of the Object class. Swap this class out in all instances.

The loader should display the progress for rendering the initial scene to user. Ideally this would start as a black scene and slowly load with the default background color. This should use the circle div object for the loading.

The messages should be broadcasts using the marionette event bus and have the following states:

• Loading initial loading without any canvas object
• Loading Scene (after complete of insert of the canvas object)
• Reticulating Splines (when rendering the asteroids)
• Boom (when complete).

The circle should slowly progress thought these 4-5 states and slowly animate between the transition states. Potential frameworks: greensock.com or velocity js (http://julian.com/research/velocity/).

When the browser is resized the canvas needs to be updated to reflect the new dimensions. This should happen on browser change and device rotation.

Create a rich animation for the hero copy to slide the text in the from the left / right when first loading the page. Upon navigating away from the page the text should play the animation in reverse.

Integrate initial express modular structure for the API REST call.

The rendering engine is currently hardcoded to WebGL. This should enabled a feature detection that determines the appropriate rendering engine and setup up the renderer appropriately.

Add documentation to explain the overall project, goals, status and how to run.

Generate asteroids on the scene and randomly distribute them within the FOV. For each animation frame the asteroid should move across the scene. Once the asteroid gets to the edge of the scene, it should wrap around to the other edge so that it's shown continuously. Upon hovering or tapping on an asteroid it should pause. Upon hovering or tapping off the asteroid it should resume it's movement but should be in a new direction.

When a user clicks or double taps on a Visualizer api component, open a modal pop-up window to show the result.

Create an overview page that list my history and various social networks.

https://medium.com/javascript-scene/the-two-pillars-of-javascript-ee6f3281e7f3