fvilarino

private val TickerCycleMillis = 150

private object AlphabetMapper {
    private val Alphabet = " ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789•".toList()

    val size: Int = Alphabet.size

    fun getLetterAt(index: Int): Char = Alphabet[index % size]

    fun getIndexOf(letter: Char, offset: Int = 0): TickerIndex {

fvilarino

@Composable
fun TickerBoard(
    // 1
    text: String,
    // 2
    numColumns: Int,
    // 3
    numRows: Int,
    modifier: Modifier = Modifier,
    textColor: Color = Color.White,

fvilarino

@Composable
fun TickerRow(
    // 1
    text: String,
    // 2
    numCells: Int,
    modifier: Modifier = Modifier,
    textColor: Color = Color.White,
    backgroundColor: Color = Color.Black,
    fontSize: TextUnit = 96.sp,

fvilarino

@Composable
fun Ticker(
    letter: Char,
    modifier: Modifier = Modifier,
    textColor: Color = Color.White,
    backgroundColor: Color = Color.Black,
    fontSize: TextUnit = 96.sp,
) {
    // 1
    val animatable = remember {

fvilarino

private object AlphabetMapper {
    // 1
    private val Alphabet = " ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789•".toList()

    val size: Int = Alphabet.size

    // 2
    fun getLetterAt(index: Int): Char = Alphabet[index % size]

    // 3

fvilarino

@Composable
fun Ticker(
    letter: Char,
    modifier: Modifier = Modifier,
    textColor: Color = Color.White,
    backgroundColor: Color = Color.Black,
    fontSize: TextUnit = 96.sp,
) {
    // 1
    val currentLetter = /* TODO */

fvilarino

@Composable
private fun BottomHalf(
    modifier: Modifier = Modifier,
    content: @Composable () -> Unit,
) {
    Layout(
        modifier = modifier.clipToBounds(),
        content = content,
    ) { measurables, constraints ->
        require(measurables.size == 1) { "This composable expects a single child" }

fvilarino

@Composable
private fun TopHalf(
    modifier: Modifier = Modifier,
    content: @Composable () -> Unit,
) {
    // 1
    Layout(
        // 2
        modifier = modifier.clipToBounds(),
        content = content,

fvilarino

@Composable
fun CenteredText(
    letter: Char,
    modifier: Modifier = Modifier,
    textColor: Color = Color.White,
    backgroundColor: Color = Color.Black,
    fontSize: TextUnit = 96.sp,
) {
    // 1
    var ascent by remember {

fvilarino

    Text(
        text = letter.toString(),
        color = textColor,
        fontFamily = FontFamily.Monospace,
        fontSize = fontSize,
        modifier = modifier
            .background(backgroundColor)
            .drawBehind {
                drawLine(
                    Color.Red,