opencut/apps/web/src/services/renderer/nodes/visual-node.ts, branch mainhttp://git.cashmere.rs/opencut/atom/apps/web/src/services/renderer/nodes/visual-node.ts?h=main2026-08-16T04:16:56Zfeat: add transitions, track mixing, and voiceover controls2026-08-16T04:16:56Zcashmerecashmere@autistici.org2026-08-16T04:16:56Zurn:sha1:f1043734438c8518a302f698d9ae6583a75f0c14chore: formatting2026-04-22T00:05:41ZMaze Winthermazewinther@gmail.com2026-04-22T00:05:41Zurn:sha1:a709af0059dae4702b52197f34af85a817c59a6arefactor: restructure files to their domains, new preview overlay system, and dep graph2026-04-20T09:31:17ZMaze Winthermazewinther@gmail.com2026-04-20T09:31:17Zurn:sha1:3e89d2998588f8e35c524e523ba2ee853f0f6475refactor: rendering pipeline2026-04-13T03:08:29ZMaze Winthermazewinther@gmail.com2026-04-13T02:41:17Zurn:sha1:cad88ee4d1c9e06e7529b88ef5e5d3fdf3f89149
Made-with: Cursor
refactor: split effects and masks into dedicated rust crates, introduce MediaTime and FrameRate2026-04-06T23:09:13ZMaze Winthermazewinther@gmail.com2026-04-06T23:09:13Zurn:sha1:e4b67094e757917588fb624a30aa046667403addfeat: migrate GPU renderer from WebGL to wgpu/WASM2026-04-01T11:57:32ZMaze Winthermazewinther@gmail.com2026-04-01T11:57:32Zurn:sha1:e579ae120290329fd697b50ea9138ffccb65a805feat: masks, properties refactor, shaders, storage migrations, and more2026-03-29T13:48:22ZMaze Winthermazewinther@gmail.com2026-03-25T15:47:22Zurn:sha1:8db3bead13441a5882d8689dfc6a9f09c82375d9feat: Clip effects, asset sorting, and timeline improvements2026-03-02T12:13:07ZMaze Winthermazewinther@gmail.com2026-03-02T12:13:07Zurn:sha1:e7dcb586c0408255a0bf788e355fdb6d50d9b923
Major features and improvements:
* **Clip Effects**:
* Added UI in Properties Panel to manage effects on video/image clips (add, remove, toggle, reorder).
* Implemented dynamic parameter fields for effects.
* Added support for keyframing effect parameters.
* **Assets Panel**:
* Added sorting options: Name, Type, Duration, and File Size.
* Persisted view preferences (grid/list mode, sort order) to local storage.
* Refactored media item rendering and drag interactions.
* **Timeline & Interaction**:
* **Keyframe Dragging**: Added ability to drag keyframes directly on the timeline element.
* **Resizing**: Improved resize logic to respect neighboring clips (prevents overlaps).
* **Visuals**: Implemented tiled background rendering for video/image clips on the timeline.
* **Shortcuts**: Added "Deselect All" action bound to the `Escape` key.
* **Fixes**: Corrected drag-and-drop coordinate calculations when the timeline track area is scrolled.
* **Text Elements**:
* Refactored text background storage to use an explicit `enabled` flag.
* Added `V8toV9` storage migration to update existing projects.
* **Architecture**:
* Moved export state management to `ProjectManager` for better lifecycle handling.
* Refactored `PropertiesPanel` sections to be more composable (custom headers, borders).
feat: introduce WebGL effects system and Blur effect2026-02-28T17:41:22ZMaze Winthermazewinther@gmail.com2026-02-28T17:41:22Zurn:sha1:216e3e0c397be3719a94e1a22bc1c2ce2de3856c
This implements the foundational architecture for video effects, starting with a multi-pass WebGL rendering pipeline and a customizable Gaussian Blur effect.
Key changes:
- WebGL Engine: Added `raw-loader` for `.glsl` shaders, multi-pass framebuffer rendering, and live offscreen canvas previews.
- Node Architecture: Replaced hardcoded background blur with `CompositeEffectNode` and added `EffectLayerNode` to apply effects to specific visual elements.
- Timeline & DND: Added a new `effect` track type. Upgraded drag-and-drop to support dropping effects directly onto the timeline. Consolidated track constants into a cleaner `TRACK_CONFIG`.
- UI/UX: Added an Effects tab in the assets panel with live previews. Added an Effect Properties panel with sliders and inputs for fine-tuning parameters.
- Data Model: Added `sourceDuration` to video and audio elements, and wrote a v8 storage migration to update existing projects to the new schema.
- Docs: Added `CHANGELOG.md` tracking v0.1.0 and v0.2.0, plus `docs/effects-renderer.md` to document the new WebGL pipeline.
feat: implement keyframe animation system2026-02-27T15:33:57ZMaze Winthermazewinther@gmail.com2026-02-27T15:33:57Zurn:sha1:49426f19cd8eaed7cf6c47999b66fee7ee637a56
Add keyframe support for transform, opacity, and volume properties.
Includes animation engine (interpolation, mutations, resolvers), timeline
markers with selection/snapping, properties panel toggles, keyframe-aware
renderer, and full undo/redo command support.
Also refactor element command constructors to object params, extract
timeline pixel math to pixel-utils.ts, and update cursor rules.