docs: added task notes for task4

This commit is contained in:
anshk 2026-03-30 20:27:23 +05:30
parent 5e97d450e8
commit 79c48d5cb4

View File

@ -1,60 +1,70 @@
# Task: [Feature Name] # Task: Basic Rotation / Motion
## Objective ## Objective
What is the feature trying to do? Create simple motion on an object (cube), such as constant rotation, and compare implementation across Vanilla three.js, R3F, and thob page builder.
## Vanilla three.js ## Vanilla three.js
-Possible: Yes / Partial / No - Possible: Yes
-Notes: - Notes: Implemented a simple cube and animated it in the render loop using `renderer.setAnimationLoop(animate)`. Rotation is updated every frame on X and Y axes.
-Key concepts: - Key concepts: Render loop, frame-time based motion, direct `mesh.rotation` updates.
-Complexity: Easy / Medium / Hard - Complexity: Easy
## R3F ## R3F
-Possible: Yes / Partial / No - Possible: Yes
-Notes: - Notes: Implemented the same rotating cube using `useFrame`, with per-frame rotation updates matching the Vanilla behavior.
-What R3F abstracted: - What R3F abstracted: Scene/render setup and loop integration are simplified with `Canvas` and `useFrame`, reducing boilerplate.
-Complexity: Easy / Medium / Hard - Complexity: Easy
## Thob Page Builder ## Thob Page Builder
-Possible: Yes / Partial / No - Possible: Partial
-Notes: - Notes: Basic motion can be added through built-in presets, but custom animation logic cannot be authored.
- Custom animation is not possible; only the pre-provided animation can be applied.
- Builder steps: - Builder steps:
-Complexity: Easy / Medium / Hard - Add cube/object in scene.
- Select available animation preset from builder controls.
- Adjust preset options (like speed).
- Complexity: Easy
## Comparison Summary ## Comparison Summary
-Possible in all 3? Yes / Partial / No - Possible in all 3? Partial
- Main differences: - Main differences:
-Where Thob is better: - Vanilla and R3F support fully custom per-frame animation logic.
-Where Thob is weaker: - Thob supports only preset animation options.
-What feels awkward or unclear: - Where Thob is better: Fast setup for non-technical users with ready-made motion presets.
- Where Thob is weaker: No custom animation authoring for specific motion behavior.
- What feels awkward or unclear: Limited control when required motion does not match a preset.
## Limitation Type (if any) ## Limitation Type (if any)
-[ ] Editor UX limitation - [x] Editor UX limitation
-[ ] Runtime limitation - [x] Runtime limitation
- [ ] Schema / data model limitation - [ ] Schema / data model limitation
-[ ] Component limitation - [x] Component limitation
- [ ] Event system limitation - [ ] Event system limitation
- [ ] Asset pipeline limitation - [ ] Asset pipeline limitation
- [ ] Unknown / needs investigation - [ ] Unknown / needs investigation
## Workaround ## Workaround
- Is there a workaround? - Is there a workaround?
- Partial
- If yes, what is it? - If yes, what is it?
- Use the closest pre-provided animation preset and tune available settings.
## Suggested Improvement ## Suggested Improvement
- What should improve in Thob? - What should improve in Thob?
-Is it: - Allow combining preset animation with user-defined motion parameters.
- it is:
- editor - editor
- runtime - runtime
- component - component
- UX - UX
-schema/data
## Difficulty Estimate ## Difficulty Estimate
-Easy / Medium / Hard - Hard
## Business Value ## Business Value
-Low / Medium / High - High
## Recommendation ## Recommendation
Should Thob support this better? Why? Should Thob support this better? Why?
- Yes. Motion is core to interactive 3D scenes, and lack of custom animation blocks many use cases beyond simple showcase interactions.