# Builder Exploration Notes — Task 2: Texture Mapping

## Thob Capabilities Observed

- **Rapid Asset Application**: Applying a texture is significantly faster compared to code. Selecting or uploading an image and assigning it to the `map` property updates instantly.
- **Texture Property Controls**: Advanced controls like `WrapS`, `WrapT`, `Repeat`, and `Offset` are directly available in the UI.
- **Real-Time Feedback**: Texture alignment and UV mapping can be visually adjusted without reloading or writing code.

---

## What Worked Well

- Successfully applied texture using the material `map` property
- Texture correctly mapped onto cube geometry
- UI provides instant visual feedback
- No code required for texture assignment

Conclusion:
Texture mapping is **fast and efficient once the workflow is understood**

---

## Builder Flow Used

1. Upload texture in Project Library
2. Create/select material
3. Assign texture using `map` property
4. Apply material to mesh

---

## Ease of Use

- Initial discovery of texture workflow is **not obvious**
- Once understood, workflow becomes **very fast**
- Faster than Vanilla and R3F for simple asset application

---

## Limitations & Technical Observations

- Texture workflow is **not clearly guided**
- Requires understanding of `map` concept
- No explicit "Add Texture" button
- External textures may fail due to CORS restrictions

- Applying a single texture is fast and efficient in the builder
- However, applying different textures to different faces of the same object is not straightforward
- This indicates a limitation in material flexibility compared to code-based approaches

---

## Console Warnings & Errors (Simplified)

### 1. Hydration Warning

- Builder reports missing hydration fallback
- Indicates mismatch between initial render and client render
- Does not affect core functionality

---

### 2. Controlled vs Uncontrolled Warning

- Component state is changing unexpectedly
- May cause UI elements (like sliders or inputs) to behave inconsistently
- Internal state management issue

---

### 3. 404 Resource Error

- Some assets failed to load (resource not found)
- Likely due to incorrect or missing asset reference
- Does not block main functionality but may affect visuals

---

### 4. CORS Error (Important)

- External texture/image blocked due to missing permissions
- Happens when loading assets from external sources
- Prevents texture from being applied

---

### 5. WebGL Context Lost

- Rendering context was lost temporarily
- Can happen due to GPU load or browser issues
- May cause preview to freeze or reload

---

### 6. Duplicate Method Registration Warning

- Same function is being registered multiple times
- May trigger actions more than once
- Can lead to performance issues or unexpected behavior

---

## Key Insight

Thob builder provides a very fast and intuitive workflow for applying textures once the process is understood. However, the lack of clear guidance and limitations with external assets (CORS) can make the initial experience confusing for new users.

---

## Product Perspective

For use cases like product visualization (e.g., applying fabric, wood, or patterns), the builder is highly effective due to its speed and real-time feedback. Improving discoverability and asset handling would make it more robust for production use.