Giter Club home page Giter Club logo

road-trip's Introduction

RoadTrip

Copyright 2013 Romain Guy http://www.curious-creature.org

RoadTrip is a sample application for Android that demonstrates how to implement several visual effects:

  • Animated paths tracing
  • Black & white to color conversion, used when scrolling a row of image to the left (the first image starts in B&W and turns into colors)
  • Pinned scrolling, used to create a “stacked cards” effect when scrolling up and down the list
  • Parallax scrolling, used to scroll the various maps at a different speed than other items
  • Animated action bar opacity, as seen in Google Music

RoadTrip running on Android 4.4

More detailed explanations can be found online.

Watch a video of the application running on a Moto X/Android 4.4.

How to use this source code

The road-trip project can be opened in Android Studio 1.0 or later. It contains a single module called application in the app/ folder.

The project can be compiled from the command line using Gradle.

The actual source code and resources can be found in app/src/main/. The only dependency is in app/lib/.

Source code license

This project is subject to the Apache License, Version 2.0.

Artwork licenses

The file map_usa.svg is derived from an original work by Theshibboleth. This file is licensed under GNU Free Documentation License, Version 1.2 and Creative Commons Attribution-Share Alike 3.0 Unported.

Other map_*.svg files are derived from map_usa.svg and subject to the same licenses.

The ic_launcher*.png files are derived from map_usa.svg and subject to the same licenses.

All other images (.png or .jpg) are copyright Romain Guy and licensed under Creative Commons Attribution-Noncommercial-Share Alike 2.0.

Library licenses

androidsvg-1.2.0 is subject to the Apache License, Version 2.0. More information on the official web site.

road-trip's People

Contributors

romainguy avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

road-trip's Issues

3 last state views do not show

I'm having trouble showing the 3 last state views when specifying:

<uses-sdk android:minSdkVersion="8"
          android:targetSdkVersion="17"
          android:maxSdkVersion="19"
          />

in the android manifest file. If I don't specify it, the states show. What would be the reason?

Can't get Colors of the SVG?

I am using a Colored Svg as source. It traces the path of the svg. But I need to color the svg after tracing the path.

Is there a way to do it?

How do I improve the tracing of drawing the path ??

Hello, Romain Guy, I need to ask you for advice with some questions, thanks in advance.

First, I find that the path is always slower than the finger touching point when I'm drawing with finger touch, could you tell me why please?? Is it only effected by hardware??

Second, I need to achieve the function that the path and the finger touch are synchronized, could you give me some advice ??

And I tried ways below:

  1. I changed View to SurfaceView at Sumsung GT-N8000(Android 4.1.2), but it does't become faster.
  2. I run my demo at Nexus 5(Android 5.0), but the path is slower than the finger touching point too.(At the Android Official Document, it metions that 'Android 4.3 builds on the performance improvements already included in Jelly Bean — vsync timing, triple buffering, reduced touch latency, CPU input boost, and hardware-accelerated 2D rendering — and adds new optimizations that make Android even faster')

Thank you very much~~

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.