チュートリアル
最初の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
Tutorial 15: Canvas2D — Tu primer render 2D sin dependencias 🟢
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.
Tutorial 16: Carga modelos 3D con el glTF Loader 🟡
Animator: clip library, crossfade, and keyframe events
Drive named animation clips with play() / crossFade() and react to footstep-style keyframe events.
Tutorial 17: Boolean Operations — Crea formas complejas con CSG 🔴
React bindings: <OroyaCanvas> and useFrame
Build a 3D scene from React JSX — declarative components, hooks, and per-frame updates.
Tutorial 18: Iluminación 3D — Ambient, Directional, Point y Spot 🟡
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.
Tutorial 19: Animaciones suaves con Cubic Spline 🔴
上級
プロシージャル生成とマルチレンダラーパターンで限界に挑戦。
プロシージャルシティ
複雑なシーンのアルゴリズム生成
マルチレンダラー
同じシーンを複数のバックエンドでレンダリング
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.