Koshimizu-Takehito

import SwiftUI

// MARK: - Model
@MainActor
@Observable
final class Model {
    var angles: [[Angle]]

    init(row: Int, column: Int) {
        angles = (0..<row).map { _ in

piaskowyk

import React, { useState } from 'react';
import { Pressable, View } from 'react-native';
import Animated, { css } from 'react-native-reanimated';

export default function Wave() {
  const [clickLocation, setClickLocation] = useState({ x: -1, y: -1 });

  const dots = Array.from({ length: 323 });
  const size = 19;
  const color = `rgb(${Math.random() * 255}, ${Math.random() * 255}, ${Math.random() * 255})`

piaskowyk

import React, { useState } from 'react';
import { Pressable, Text } from 'react-native';
import Animated, { css } from 'react-native-reanimated';

export default function ParticleButton() {
  const [pressed, setPressed] = useState(false);
  const [showParticles, setShowParticles] = useState(false);

  return (
    <Pressable 

Koshimizu-Takehito

#include <metal_stdlib>
using namespace metal;

[[ stitchable ]] half4 spiral(
    float2 position,
    half4 color,
    float4 box,
    float scale
) {
    position = position - box.zw/2;

Koshimizu-Takehito

import SwiftUI

struct ContentView: View {
    @State var start = Date()

    var body: some View {
        TimelineView(.animation) { context in
            let time = context.date.timeIntervalSince(start) / 120
            let rotation = 0.8 + 0.2 * abs((cos(.pi * time) + 1.0) / 2.0)
            Canvas { context, size in

Koshimizu-Takehito

import SwiftUI

// MARK: - Model
@MainActor
@Observable
final class Model {
    var rotations: [[Int]]

    init(row: Int, column: Int) {
        rotations = (0..<row).map { _ in

Koshimizu-Takehito

import SwiftUI

struct ContentView: View {
    @StateObject private var viewModel = RectsViewModel()

    var body: some View {
        GeometryReader { geometry in
            TimelineView(.animation) { timeline in
                Canvas {context, size in
                    let rects = viewModel.rects

Koshimizu-Takehito

import SwiftUI

#Preview {
    @Previewable @State var value: Double = 3.0
    VStack {
        SampleView()
            .environment(\.dynamicTypeSize, .allCases[Int(value)])
            .frame(maxWidth: .infinity, maxHeight: .infinity, alignment: .trailing)
            .contentTransition(.numericText())
        Text("\(DynamicTypeSize.allCases[Int(value)])")

pommdau

General

• https://x.com/ikeh1024/status/1839298600502964545

Refs

• https://x.com/marioecg/status/1838646373455139011
  • 元ネタです
• How to make infinite loops animation with SwiftUI (.repeatForever Alternative) | by Deanira | Medium
• アニメーションにtimerを利用するアイディア

Koshimizu-Takehito

import SwiftUI

struct ContentView: View {
    @Environment(\.colorScheme) var scheme
    private let date = Date()
    private let colors = [Color.green, .pink, .blue, .orange, .purple]
    private let titles = ["NEON", "GLOW", "LIGHT", "SHINE", "BRIGHT"]

    var body: some View {
        TimelineView(.animation) { context in