├── .gitignore ├── .idea ├── .gitignore ├── .name ├── compiler.xml ├── gradle.xml ├── inspectionProfiles │ └── Project_Default.xml ├── misc.xml └── vcs.xml ├── README.md ├── app ├── .gitignore ├── build.gradle ├── proguard-rules.pro └── src │ ├── androidTest │ └── java │ │ └── com │ │ └── kashif │ │ └── jetpackcomposeparallexeffect │ │ └── ExampleInstrumentedTest.kt │ ├── main │ ├── AndroidManifest.xml │ ├── java │ │ └── com │ │ │ └── kashif │ │ │ └── jetpackcomposeparallexeffect │ │ │ ├── MainActivity.kt │ │ │ ├── SensorDataManager.kt │ │ │ └── ui │ │ │ └── theme │ │ │ ├── Color.kt │ │ │ ├── Theme.kt │ │ │ └── Type.kt │ └── res │ │ ├── drawable-v24 │ │ └── ic_launcher_foreground.xml │ │ ├── drawable │ │ ├── ic_launcher_background.xml │ │ ├── island.jpg │ │ └── pic.jpg │ │ ├── mipmap-anydpi-v26 │ │ ├── ic_launcher.xml │ │ └── ic_launcher_round.xml │ │ ├── mipmap-hdpi │ │ ├── ic_launcher.webp │ │ └── ic_launcher_round.webp │ │ ├── mipmap-mdpi │ │ ├── ic_launcher.webp │ │ └── ic_launcher_round.webp │ │ ├── mipmap-xhdpi │ │ ├── ic_launcher.webp │ │ └── ic_launcher_round.webp │ │ ├── mipmap-xxhdpi │ │ ├── ic_launcher.webp │ │ └── ic_launcher_round.webp │ │ ├── mipmap-xxxhdpi │ │ ├── ic_launcher.webp │ │ └── ic_launcher_round.webp │ │ ├── values │ │ ├── colors.xml │ │ ├── strings.xml │ │ └── themes.xml │ │ └── xml │ │ ├── backup_rules.xml │ │ └── data_extraction_rules.xml │ └── test │ └── java │ └── com │ └── kashif │ └── jetpackcomposeparallexeffect │ └── ExampleUnitTest.kt ├── build.gradle ├── gradle.properties ├── gradle └── wrapper │ ├── gradle-wrapper.jar │ └── gradle-wrapper.properties ├── gradlew ├── gradlew.bat └── settings.gradle /.gitignore: -------------------------------------------------------------------------------- 1 | *.iml 2 | .gradle 3 | /local.properties 4 | /.idea/caches 5 | /.idea/libraries 6 | /.idea/modules.xml 7 | /.idea/workspace.xml 8 | /.idea/navEditor.xml 9 | /.idea/assetWizardSettings.xml 10 | .DS_Store 11 | /build 12 | /captures 13 | .externalNativeBuild 14 | .cxx 15 | local.properties 16 | -------------------------------------------------------------------------------- /.idea/.gitignore: -------------------------------------------------------------------------------- 1 | # Default ignored files 2 | /shelf/ 3 | /workspace.xml 4 | -------------------------------------------------------------------------------- /.idea/.name: -------------------------------------------------------------------------------- 1 | Jetpack compose Parallex effect -------------------------------------------------------------------------------- /.idea/compiler.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /.idea/gradle.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 18 | 19 | -------------------------------------------------------------------------------- /.idea/inspectionProfiles/Project_Default.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 23 | -------------------------------------------------------------------------------- /.idea/misc.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 9 | -------------------------------------------------------------------------------- /.idea/vcs.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Parallax Effect With Accelarometer and Gyroscope 2 | 3 | 4 | 5 | 6 | https://user-images.githubusercontent.com/61690178/172368935-7a16f3d2-5e29-40dd-b74e-5e64140b6c7f.mp4 7 | 8 | 9 | 10 | https://user-images.githubusercontent.com/61690178/172379830-1c125d33-5eae-4145-9966-a387e0500a3b.mp4 11 | 12 | -------------------------------------------------------------------------------- /app/.gitignore: -------------------------------------------------------------------------------- 1 | /build -------------------------------------------------------------------------------- /app/build.gradle: -------------------------------------------------------------------------------- 1 | plugins { 2 | id 'com.android.application' 3 | id 'org.jetbrains.kotlin.android' 4 | } 5 | 6 | android { 7 | compileSdk 32 8 | 9 | defaultConfig { 10 | applicationId "com.kashif.jetpackcomposeparallexeffect" 11 | minSdk 21 12 | targetSdk 32 13 | versionCode 1 14 | versionName "1.0" 15 | 16 | testInstrumentationRunner "androidx.test.runner.AndroidJUnitRunner" 17 | vectorDrawables { 18 | useSupportLibrary true 19 | } 20 | } 21 | 22 | buildTypes { 23 | release { 24 | minifyEnabled false 25 | proguardFiles getDefaultProguardFile('proguard-android-optimize.txt'), 'proguard-rules.pro' 26 | } 27 | } 28 | compileOptions { 29 | sourceCompatibility JavaVersion.VERSION_1_8 30 | targetCompatibility JavaVersion.VERSION_1_8 31 | } 32 | kotlinOptions { 33 | jvmTarget = '1.8' 34 | } 35 | buildFeatures { 36 | compose true 37 | } 38 | composeOptions { 39 | kotlinCompilerExtensionVersion compose_version 40 | } 41 | packagingOptions { 42 | resources { 43 | excludes += '/META-INF/{AL2.0,LGPL2.1}' 44 | } 45 | } 46 | } 47 | 48 | dependencies { 49 | 50 | implementation 'androidx.core:core-ktx:1.7.0' 51 | implementation "androidx.compose.ui:ui:$compose_version" 52 | implementation 'androidx.compose.material3:material3:1.0.0-alpha01' 53 | implementation "androidx.compose.ui:ui-tooling-preview:$compose_version" 54 | implementation 'androidx.lifecycle:lifecycle-runtime-ktx:2.3.1' 55 | implementation 'androidx.activity:activity-compose:1.3.1' 56 | testImplementation 'junit:junit:4.13.2' 57 | androidTestImplementation 'androidx.test.ext:junit:1.1.3' 58 | androidTestImplementation 'androidx.test.espresso:espresso-core:3.4.0' 59 | androidTestImplementation "androidx.compose.ui:ui-test-junit4:$compose_version" 60 | debugImplementation "androidx.compose.ui:ui-tooling:$compose_version" 61 | debugImplementation "androidx.compose.ui:ui-test-manifest:$compose_version" 62 | } -------------------------------------------------------------------------------- /app/proguard-rules.pro: -------------------------------------------------------------------------------- 1 | # Add project specific ProGuard rules here. 2 | # You can control the set of applied configuration files using the 3 | # proguardFiles setting in build.gradle. 4 | # 5 | # For more details, see 6 | # http://developer.android.com/guide/developing/tools/proguard.html 7 | 8 | # If your project uses WebView with JS, uncomment the following 9 | # and specify the fully qualified class name to the JavaScript interface 10 | # class: 11 | #-keepclassmembers class fqcn.of.javascript.interface.for.webview { 12 | # public *; 13 | #} 14 | 15 | # Uncomment this to preserve the line number information for 16 | # debugging stack traces. 17 | #-keepattributes SourceFile,LineNumberTable 18 | 19 | # If you keep the line number information, uncomment this to 20 | # hide the original source file name. 21 | #-renamesourcefileattribute SourceFile -------------------------------------------------------------------------------- /app/src/androidTest/java/com/kashif/jetpackcomposeparallexeffect/ExampleInstrumentedTest.kt: -------------------------------------------------------------------------------- 1 | package com.kashif.jetpackcomposeparallexeffect 2 | 3 | import androidx.test.platform.app.InstrumentationRegistry 4 | import androidx.test.ext.junit.runners.AndroidJUnit4 5 | 6 | import org.junit.Test 7 | import org.junit.runner.RunWith 8 | 9 | import org.junit.Assert.* 10 | 11 | /** 12 | * Instrumented test, which will execute on an Android device. 13 | * 14 | * See [testing documentation](http://d.android.com/tools/testing). 15 | */ 16 | @RunWith(AndroidJUnit4::class) 17 | class ExampleInstrumentedTest { 18 | @Test 19 | fun useAppContext() { 20 | // Context of the app under test. 21 | val appContext = InstrumentationRegistry.getInstrumentation().targetContext 22 | assertEquals("com.kashif.jetpackcomposeparallexeffect", appContext.packageName) 23 | } 24 | } -------------------------------------------------------------------------------- /app/src/main/AndroidManifest.xml: -------------------------------------------------------------------------------- 1 | 2 | 5 | 6 | 16 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | -------------------------------------------------------------------------------- /app/src/main/java/com/kashif/jetpackcomposeparallexeffect/MainActivity.kt: -------------------------------------------------------------------------------- 1 | package com.kashif.jetpackcomposeparallexeffect 2 | 3 | import android.os.Bundle 4 | import androidx.activity.ComponentActivity 5 | import androidx.activity.compose.setContent 6 | import androidx.compose.foundation.Image 7 | import androidx.compose.foundation.background 8 | import androidx.compose.foundation.layout.* 9 | import androidx.compose.foundation.shape.RoundedCornerShape 10 | import androidx.compose.material3.MaterialTheme 11 | import androidx.compose.material3.Surface 12 | import androidx.compose.material3.Text 13 | import androidx.compose.runtime.* 14 | import androidx.compose.ui.Alignment 15 | import androidx.compose.ui.BiasAlignment 16 | import androidx.compose.ui.Modifier 17 | import androidx.compose.ui.draw.BlurredEdgeTreatment 18 | import androidx.compose.ui.draw.blur 19 | import androidx.compose.ui.draw.clip 20 | import androidx.compose.ui.draw.shadow 21 | import androidx.compose.ui.graphics.Color 22 | import androidx.compose.ui.layout.ContentScale 23 | import androidx.compose.ui.platform.LocalContext 24 | import androidx.compose.ui.res.painterResource 25 | import androidx.compose.ui.tooling.preview.Preview 26 | import androidx.compose.ui.unit.IntOffset 27 | import androidx.compose.ui.unit.dp 28 | import com.kashif.jetpackcomposeparallexeffect.ui.theme.JetpackComposeParallexEffectTheme 29 | import kotlinx.coroutines.flow.collect 30 | import kotlinx.coroutines.flow.consumeAsFlow 31 | import kotlinx.coroutines.flow.onEach 32 | import kotlinx.coroutines.flow.receiveAsFlow 33 | import kotlinx.coroutines.launch 34 | 35 | class MainActivity : ComponentActivity() { 36 | val dataManager by lazy { 37 | SensorDataManager(this) 38 | } 39 | 40 | override fun onCreate(savedInstanceState: Bundle?) { 41 | super.onCreate(savedInstanceState) 42 | setContent { 43 | JetpackComposeParallexEffectTheme { 44 | // A surface container using the 'background' color from the theme 45 | val scope = rememberCoroutineScope() 46 | 47 | var data by remember { mutableStateOf(null) } 48 | Surface(modifier = Modifier.fillMaxSize()) { 49 | 50 | 51 | DisposableEffect(Unit) { 52 | 53 | dataManager.init() 54 | 55 | scope.launch { 56 | dataManager.data 57 | .receiveAsFlow() 58 | .onEach { data = it } 59 | .collect() 60 | } 61 | 62 | onDispose { 63 | dataManager.cancel() 64 | } 65 | } 66 | 67 | if (data != null) { 68 | Box( 69 | modifier = Modifier 70 | .fillMaxWidth(), 71 | contentAlignment = Alignment.Center 72 | 73 | ) { 74 | // Blurred image as glow shadow for the card 75 | // Will move in opposite direction of Image Card to reveal itself when inclined 76 | Image( 77 | contentDescription = null, 78 | contentScale = ContentScale.FillHeight, 79 | alpha = 0.2f, 80 | painter = painterResource(id = R.drawable.island), 81 | modifier = Modifier 82 | .offset( 83 | x = (-data!!.roll * 0.5).dp, 84 | y = (data!!.pitch * 0.7).dp 85 | ) 86 | .width(310.dp) 87 | 88 | .height(410.dp).shadow(elevation = 0.dp, RoundedCornerShape(16.dp)) 89 | .blur( 90 | radius = 50.dp, 91 | edgeTreatment = BlurredEdgeTreatment.Unbounded 92 | ) 93 | .clip(RoundedCornerShape(16.dp)) 94 | 95 | ) 96 | 97 | // White edge shadow (should move slightly slower than the card) 98 | Box( 99 | modifier = Modifier 100 | .offset( 101 | x = (data!!.roll * 0.35).dp, 102 | y = (-data!!.pitch * 0.35).dp 103 | ) 104 | .width(300.dp) 105 | .height(400.dp) 106 | .background( 107 | color = Color.White.copy(alpha = 0.3f), 108 | shape = RoundedCornerShape(16.dp) 109 | ), 110 | ) { 111 | 112 | } 113 | 114 | // Image Card (with slight parallax for the image itself) 115 | Image( 116 | 117 | painter = painterResource(id = R.drawable.island), 118 | modifier = Modifier 119 | .offset( 120 | x = (data!!.roll * 0.4).dp, 121 | y = (-data!!.pitch * 0.4).dp 122 | ) 123 | .width(300.dp) 124 | .height(400.dp) 125 | .clip(RoundedCornerShape(16.dp)).shadow( 126 | elevation = 50.dp, 127 | ) .blur( 128 | radius = 10.dp, 129 | edgeTreatment = BlurredEdgeTreatment.Unbounded 130 | ), 131 | contentDescription = null, 132 | contentScale = ContentScale.FillHeight, 133 | alignment = BiasAlignment( 134 | horizontalBias = -(data!!.roll * 0.001).toFloat(), 135 | verticalBias = 0f, 136 | ) 137 | ) 138 | } 139 | } 140 | } 141 | } 142 | 143 | 144 | } 145 | } 146 | 147 | @Composable 148 | fun Greeting(name: String) { 149 | Text(text = "Hello $name!") 150 | } 151 | 152 | @Preview(showBackground = true) 153 | @Composable 154 | fun DefaultPreview() { 155 | JetpackComposeParallexEffectTheme { 156 | Greeting("Android") 157 | } 158 | } 159 | } -------------------------------------------------------------------------------- /app/src/main/java/com/kashif/jetpackcomposeparallexeffect/SensorDataManager.kt: -------------------------------------------------------------------------------- 1 | package com.kashif.jetpackcomposeparallexeffect 2 | 3 | import android.content.Context 4 | import android.content.Context.SENSOR_SERVICE 5 | import android.hardware.Sensor 6 | import android.hardware.SensorEvent 7 | import android.hardware.SensorEventListener 8 | import android.hardware.SensorManager 9 | import android.util.Log 10 | import kotlinx.coroutines.channels.Channel 11 | 12 | class SensorDataManager (context: Context): SensorEventListener { 13 | 14 | private val sensorManager by lazy { 15 | context.getSystemService(Context.SENSOR_SERVICE) as SensorManager 16 | } 17 | 18 | fun init() { 19 | Log.d("SensorDataManager", "init") 20 | val accelerometer = sensorManager.getDefaultSensor(Sensor.TYPE_GRAVITY) 21 | val magnetometer = sensorManager.getDefaultSensor(Sensor.TYPE_MAGNETIC_FIELD) 22 | 23 | sensorManager.registerListener(this, accelerometer, SensorManager.SENSOR_DELAY_UI) 24 | sensorManager.registerListener(this, magnetometer, SensorManager.SENSOR_DELAY_UI) 25 | } 26 | 27 | private var gravity: FloatArray? = null 28 | private var geomagnetic: FloatArray? = null 29 | 30 | val data: Channel = Channel(Channel.UNLIMITED) 31 | 32 | override fun onSensorChanged(event: SensorEvent?) { 33 | if (event?.sensor?.type == Sensor.TYPE_GRAVITY) 34 | gravity = event.values 35 | 36 | if (event?.sensor?.type == Sensor.TYPE_MAGNETIC_FIELD) 37 | geomagnetic = event.values 38 | 39 | if (gravity != null && geomagnetic != null) { 40 | var r = FloatArray(9) 41 | var i = FloatArray(9) 42 | 43 | if (SensorManager.getRotationMatrix(r, i, gravity, geomagnetic)) { 44 | var orientation = FloatArray(3) 45 | SensorManager.getOrientation(r, orientation) 46 | 47 | data.trySend( 48 | SensorData( 49 | roll = orientation[2] * 180 / Math.PI, 50 | pitch = orientation[1] * 180 / Math.PI 51 | ) 52 | ) 53 | } 54 | } 55 | } 56 | 57 | fun cancel() { 58 | Log.d("SensorDataManager", "cancel") 59 | sensorManager.unregisterListener(this) 60 | } 61 | 62 | override fun onAccuracyChanged(sensor: Sensor?, accuracy: Int) {} 63 | } 64 | 65 | data class SensorData( 66 | val roll: Double, 67 | val pitch: Double 68 | ) -------------------------------------------------------------------------------- /app/src/main/java/com/kashif/jetpackcomposeparallexeffect/ui/theme/Color.kt: -------------------------------------------------------------------------------- 1 | package com.kashif.jetpackcomposeparallexeffect.ui.theme 2 | 3 | import androidx.compose.ui.graphics.Color 4 | 5 | val Purple80 = Color(0xFFD0BCFF) 6 | val PurpleGrey80 = Color(0xFFCCC2DC) 7 | val Pink80 = Color(0xFFEFB8C8) 8 | 9 | val Purple40 = Color(0xFF6650a4) 10 | val PurpleGrey40 = Color(0xFF625b71) 11 | val Pink40 = Color(0xFF7D5260) -------------------------------------------------------------------------------- /app/src/main/java/com/kashif/jetpackcomposeparallexeffect/ui/theme/Theme.kt: -------------------------------------------------------------------------------- 1 | package com.kashif.jetpackcomposeparallexeffect.ui.theme 2 | 3 | import android.app.Activity 4 | import android.os.Build 5 | import androidx.compose.foundation.isSystemInDarkTheme 6 | import androidx.compose.material3.MaterialTheme 7 | import androidx.compose.material3.darkColorScheme 8 | import androidx.compose.material3.dynamicDarkColorScheme 9 | import androidx.compose.material3.dynamicLightColorScheme 10 | import androidx.compose.material3.lightColorScheme 11 | import androidx.compose.runtime.Composable 12 | import androidx.compose.runtime.SideEffect 13 | import androidx.compose.ui.graphics.toArgb 14 | import androidx.compose.ui.platform.LocalContext 15 | import androidx.compose.ui.platform.LocalView 16 | import androidx.core.view.ViewCompat 17 | 18 | private val DarkColorScheme = darkColorScheme( 19 | primary = Purple80, 20 | secondary = PurpleGrey80, 21 | tertiary = Pink80 22 | ) 23 | 24 | private val LightColorScheme = lightColorScheme( 25 | primary = Purple40, 26 | secondary = PurpleGrey40, 27 | tertiary = Pink40 28 | 29 | /* Other default colors to override 30 | background = Color(0xFFFFFBFE), 31 | surface = Color(0xFFFFFBFE), 32 | onPrimary = Color.White, 33 | onSecondary = Color.White, 34 | onTertiary = Color.White, 35 | onBackground = Color(0xFF1C1B1F), 36 | onSurface = Color(0xFF1C1B1F), 37 | */ 38 | ) 39 | 40 | @Composable 41 | fun JetpackComposeParallexEffectTheme( 42 | darkTheme: Boolean = isSystemInDarkTheme(), 43 | // Dynamic color is available on Android 12+ 44 | dynamicColor: Boolean = true, 45 | content: @Composable () -> Unit 46 | ) { 47 | val colorScheme = when { 48 | dynamicColor && Build.VERSION.SDK_INT >= Build.VERSION_CODES.S -> { 49 | val context = LocalContext.current 50 | if (darkTheme) dynamicDarkColorScheme(context) else dynamicLightColorScheme(context) 51 | } 52 | darkTheme -> DarkColorScheme 53 | else -> LightColorScheme 54 | } 55 | val view = LocalView.current 56 | if (!view.isInEditMode) { 57 | SideEffect { 58 | (view.context as Activity).window.statusBarColor = colorScheme.primary.toArgb() 59 | ViewCompat.getWindowInsetsController(view)?.isAppearanceLightStatusBars = darkTheme 60 | } 61 | } 62 | 63 | MaterialTheme( 64 | colorScheme = colorScheme, 65 | typography = Typography, 66 | content = content 67 | ) 68 | } -------------------------------------------------------------------------------- /app/src/main/java/com/kashif/jetpackcomposeparallexeffect/ui/theme/Type.kt: -------------------------------------------------------------------------------- 1 | package com.kashif.jetpackcomposeparallexeffect.ui.theme 2 | 3 | import androidx.compose.material3.Typography 4 | import androidx.compose.ui.text.TextStyle 5 | import androidx.compose.ui.text.font.FontFamily 6 | import androidx.compose.ui.text.font.FontWeight 7 | import androidx.compose.ui.unit.sp 8 | 9 | // Set of Material typography styles to start with 10 | val Typography = Typography( 11 | bodyLarge = TextStyle( 12 | fontFamily = FontFamily.Default, 13 | fontWeight = FontWeight.Normal, 14 | fontSize = 16.sp, 15 | lineHeight = 24.sp, 16 | letterSpacing = 0.5.sp 17 | ) 18 | /* Other default text styles to override 19 | titleLarge = TextStyle( 20 | fontFamily = FontFamily.Default, 21 | fontWeight = FontWeight.Normal, 22 | fontSize = 22.sp, 23 | lineHeight = 28.sp, 24 | letterSpacing = 0.sp 25 | ), 26 | labelSmall = TextStyle( 27 | fontFamily = FontFamily.Default, 28 | fontWeight = FontWeight.Medium, 29 | fontSize = 11.sp, 30 | lineHeight = 16.sp, 31 | letterSpacing = 0.5.sp 32 | ) 33 | */ 34 | ) -------------------------------------------------------------------------------- /app/src/main/res/drawable-v24/ic_launcher_foreground.xml: -------------------------------------------------------------------------------- 1 | 7 | 8 | 9 | 15 | 18 | 21 | 22 | 23 | 24 | 30 | -------------------------------------------------------------------------------- /app/src/main/res/drawable/ic_launcher_background.xml: -------------------------------------------------------------------------------- 1 | 2 | 7 | 10 | 15 | 20 | 25 | 30 | 35 | 40 | 45 | 50 | 55 | 60 | 65 | 70 | 75 | 80 | 85 | 90 | 95 | 100 | 105 | 110 | 115 | 120 | 125 | 130 | 135 | 140 | 145 | 150 | 155 | 160 | 165 | 170 | 171 | -------------------------------------------------------------------------------- /app/src/main/res/drawable/island.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Kashif-E/ParallaxEffectWithAccelarometer/1855a121e592bd438e41ce3c5b2d955d94a53232/app/src/main/res/drawable/island.jpg -------------------------------------------------------------------------------- /app/src/main/res/drawable/pic.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Kashif-E/ParallaxEffectWithAccelarometer/1855a121e592bd438e41ce3c5b2d955d94a53232/app/src/main/res/drawable/pic.jpg -------------------------------------------------------------------------------- /app/src/main/res/mipmap-anydpi-v26/ic_launcher.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /app/src/main/res/mipmap-anydpi-v26/ic_launcher_round.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /app/src/main/res/mipmap-hdpi/ic_launcher.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Kashif-E/ParallaxEffectWithAccelarometer/1855a121e592bd438e41ce3c5b2d955d94a53232/app/src/main/res/mipmap-hdpi/ic_launcher.webp -------------------------------------------------------------------------------- /app/src/main/res/mipmap-hdpi/ic_launcher_round.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Kashif-E/ParallaxEffectWithAccelarometer/1855a121e592bd438e41ce3c5b2d955d94a53232/app/src/main/res/mipmap-hdpi/ic_launcher_round.webp -------------------------------------------------------------------------------- /app/src/main/res/mipmap-mdpi/ic_launcher.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Kashif-E/ParallaxEffectWithAccelarometer/1855a121e592bd438e41ce3c5b2d955d94a53232/app/src/main/res/mipmap-mdpi/ic_launcher.webp -------------------------------------------------------------------------------- /app/src/main/res/mipmap-mdpi/ic_launcher_round.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Kashif-E/ParallaxEffectWithAccelarometer/1855a121e592bd438e41ce3c5b2d955d94a53232/app/src/main/res/mipmap-mdpi/ic_launcher_round.webp -------------------------------------------------------------------------------- /app/src/main/res/mipmap-xhdpi/ic_launcher.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Kashif-E/ParallaxEffectWithAccelarometer/1855a121e592bd438e41ce3c5b2d955d94a53232/app/src/main/res/mipmap-xhdpi/ic_launcher.webp -------------------------------------------------------------------------------- /app/src/main/res/mipmap-xhdpi/ic_launcher_round.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Kashif-E/ParallaxEffectWithAccelarometer/1855a121e592bd438e41ce3c5b2d955d94a53232/app/src/main/res/mipmap-xhdpi/ic_launcher_round.webp -------------------------------------------------------------------------------- /app/src/main/res/mipmap-xxhdpi/ic_launcher.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Kashif-E/ParallaxEffectWithAccelarometer/1855a121e592bd438e41ce3c5b2d955d94a53232/app/src/main/res/mipmap-xxhdpi/ic_launcher.webp -------------------------------------------------------------------------------- /app/src/main/res/mipmap-xxhdpi/ic_launcher_round.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Kashif-E/ParallaxEffectWithAccelarometer/1855a121e592bd438e41ce3c5b2d955d94a53232/app/src/main/res/mipmap-xxhdpi/ic_launcher_round.webp -------------------------------------------------------------------------------- /app/src/main/res/mipmap-xxxhdpi/ic_launcher.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Kashif-E/ParallaxEffectWithAccelarometer/1855a121e592bd438e41ce3c5b2d955d94a53232/app/src/main/res/mipmap-xxxhdpi/ic_launcher.webp -------------------------------------------------------------------------------- /app/src/main/res/mipmap-xxxhdpi/ic_launcher_round.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Kashif-E/ParallaxEffectWithAccelarometer/1855a121e592bd438e41ce3c5b2d955d94a53232/app/src/main/res/mipmap-xxxhdpi/ic_launcher_round.webp -------------------------------------------------------------------------------- /app/src/main/res/values/colors.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | #FFBB86FC 4 | #FF6200EE 5 | #FF3700B3 6 | #FF03DAC5 7 | #FF018786 8 | #FF000000 9 | #FFFFFFFF 10 | -------------------------------------------------------------------------------- /app/src/main/res/values/strings.xml: -------------------------------------------------------------------------------- 1 | 2 | Jetpack compose Parallex effect 3 | -------------------------------------------------------------------------------- /app/src/main/res/values/themes.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 |