三角関数のsin,cosを計算するツールです。下の入力値を変更すると半径、角度の値を変更することができます。
コード
図の部分はreact-native-skiaで描画しています。コードは以下で確認することが可能です。
omoidasu-tech-blog/TrigonometricTool.tsx at main · gaishimo/omoidasu-tech-blog
今後、ドラッグで角度を変更できるようにしたり等していこうかと思います。
最近の記事
Expo Modulesとは?
React Native Skiaでテキストを背景色に合わせて反転させる
React Native Skiaで円の枠線に対してグラデーションをかける
React Nativeでコインの裏表を回転させるアニメーション
react-native-skiaで丸みのついた折れ線グラフを実現する
ExpoのConfig PluginでPodfileを直接書き換える
ExpoのManaged WorkflowでAndroid 13のThemed Iconsを設定する
ExpoのConfig PluginをTypeScriptで開発する環境を整える
ExpoのManaged Workflowでビルド時の設定値(ターゲットOSバージョン等)を変更する
React NativeでCustom Hapticsを使う (iOS)
ExpoのManaged Workflowでreact-native-videoのExoPlayerを使う設定
react-native-skiaで三次ベジェ曲線を描く
カテゴリ
react-native (33)
react-native-skia (18)
expo (13)
アニメーション (13)
skia (9)
EAS Build (8)
next.js (5)
Config Plugin (5)
react (4)
blog (3)
react-native-web (3)
模倣してみる (3)
グラデーション (3)
font (2)
react-native-reanimated (2)
三角関数 (2)
数学 (2)
アニメーション再現 (2)
ベジェ曲線 (2)
mdx (1)
typescript (1)
custom font (1)
styling (1)
firebase (1)
firestore (1)
vercel (1)
eas (1)
widget (1)
extension (1)
円弧 (1)
シャドウ (1)
カスタムフォント (1)
Skeleton Screen (1)
ripple effect (1)
emoji (1)
ライブラリ (1)
react-native-video (1)
haptic (1)
custom haptic (1)
Managed Workflow (1)
typeScript (1)
Android13 (1)
Themed Icons (1)
CocoaPod (1)
d3-shape (1)
3D (1)
expo-modules (1)