チュートリアル
最初の3Dシーンから高度なジェネラティブアート、マルチレンダラーテクニックまで、Oroya Animateをステップバイステップで学びましょう。
初級
Oroya Animateが初めての方はここから。
中級
より複雑なシーンとレンダラーで基礎を発展させましょう。
太陽系
階層的トランスフォームと親子アニメーション
SVGジェネラティブアート
SVGレンダラーとプロシージャル生成
カメラとビューポイント
カメラの配置とダイナミックビューポイント
SVGグラデーションとフィルター
グラデーション、ブラー、ドロップシャドウ、クリップパスとマスク
SVGアニメーション
animateとanimateTransformによる宣言的アニメーション
Keyframe Animation
AnimationMixer, KeyframeTrack and interpolation modes
Orbit Controls
Camera manipulation with orbit, pan and zoom
Physics: rigid bodies, joints, and collision events
Drop a stack of boxes onto a floor, link them with joints, and react to collisions — all from the Oroya scene graph.
Animator: clip library, crossfade, and keyframe events
Drive named animation clips with play() / crossFade() and react to footstep-style keyframe events.
React bindings: <OroyaCanvas> and useFrame
Build a 3D scene from React JSX — declarative components, hooks, and per-frame updates.
Developer tools: Inspector, Input, and Assets
Debug overlay, action-mapped input, and a preloading asset cache — the three packages that turn a demo into an app.
上級
プロシージャル生成とマルチレンダラーパターンで限界に挑戦。
プロシージャルシティ
複雑なシーンのアルゴリズム生成
マルチレンダラー
同じシーンを複数のバックエンドでレンダリング
SVGインタラクティブ
イベント委任によるインタラクティブSVG
3D Interactivity
Raycasting and pointer events with ThreeRenderer
Plugins: extend the renderer without forking
Register a ComponentHandler that intercepts a custom component type and ships your own backend objects.