Gooey effect for android-compose
"Gooey" is a library made to use "gooey-effect" that exists as a CSS trick in android-compose.
Download
repositories {
...
maven { url 'https://jitpack.io' }
}
dependencies {
implementation 'com.github.D000L:gooey:0.1.0'
}
Usage
- Change parent layout to "GooeyBox"
- Change 'background' to 'gooey' in the child layout to apply "gooey-effect"
GooeyBox(contentAlignment = Alignment.Center, intensity = GooeyIntensity.High) {
for (i in 0 until 3) {
Box(
modifier = Modifier
...
//.background(Color(0xFF4DFF94), shape = CircleShape)
.gooey(Color(0xFF4DFF94), shape = CircleShape)
)
}
Box(
modifier = Modifier
...
.gooey(Color(0xFFC4FF70), CircleShape)
)
}
Usage With Canvas
To apply "gooey-effect" to many objects Use 'GooeyCanvas' and 'drawGooey'
GooeyBox() {
GooeyCanvas(modifier = Modifier, onDraw = {
drawIntoCanvas { canvas ->
blobs.forEach {
canvas.drawGooey(
Size(
with(density) { it.radius.dp.toPx() },
with(density) { it.radius.dp.toPx() }),
Color(it.color),
CircleShape,
Offset(it.x, it.y)
)
}
}
})
Box(
Modifier
.size(80.dp)
.offset(
with(density) { current.x.toDp() - 40.dp },
with(density) { current.y.toDp() - 40.dp })
.gooey(
Color(0xffffdd02),
CircleShape
)
)
}
More Sample
License
Copyright 2022 D000L (SeokHo Im)
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
39 Dec 10, 2022
504 Jan 2, 2023
2.8k Dec 21, 2022
7.6k Jan 4, 2023
161 Jan 1, 2023
65 Dec 6, 2022
615 Nov 14, 2022
137 Nov 29, 2022
105 Dec 30, 2022
12 Jan 2, 2023
66 Dec 14, 2022
1 May 25, 2022
40 Jan 6, 2023
36 May 12, 2022
172 Dec 30, 2022
3 Feb 17, 2022
7 Oct 22, 2022
503 Dec 30, 2022
218 Dec 29, 2022