Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion package.json
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "route-graphics",
"version": "1.1.2",
"version": "1.1.3",
"description": "A 2D graphics rendering interface that takes JSON input and renders pixels using PixiJS",
"main": "dist/RouteGraphics.js",
"type": "module",
Expand Down
3 changes: 3 additions & 0 deletions vt/reference/replacetransition/rect-tween-enter-01.webp
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
3 changes: 3 additions & 0 deletions vt/reference/replacetransition/rect-tween-enter-02.webp
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
3 changes: 3 additions & 0 deletions vt/reference/replacetransition/rect-tween-enter-03.webp
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
3 changes: 3 additions & 0 deletions vt/reference/replacetransition/rect-tween-exit-01.webp
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
3 changes: 3 additions & 0 deletions vt/reference/replacetransition/rect-tween-exit-02.webp
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
3 changes: 3 additions & 0 deletions vt/reference/replacetransition/rect-tween-exit-03.webp
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
54 changes: 54 additions & 0 deletions vt/specs/replacetransition/rect-tween-enter.yaml
Original file line number Diff line number Diff line change
@@ -0,0 +1,54 @@
---
title: Rect Tween Enter
description: A next-only rect transition using subject tweens while tolerating an unused prev side.
specs:
- next-only transitions should ignore prev tween config when there is no previous subject
- the rect should be partially onscreen at 500ms
- the rect should fully settle onscreen by 1000ms
steps:
- action: keypress
key: "n"
- action: customEvent
name: "snapShotKeyFrame"
detail:
deltaMS: 500
- action: screenshot
- action: customEvent
name: "snapShotKeyFrame"
detail:
deltaMS: 500
- action: screenshot
---
states:
- id: tween-enter-start
elements: []
- id: tween-enter-end
elements:
- id: rect1
type: rect
x: 160
"y": 120
width: 960
height: 480
fill: "#D9D9D9"
alpha: 1
animations:
- id: rect-tween-enter
targetId: rect1
type: transition
prev:
tween:
alpha:
initialValue: 1
keyframes:
- duration: 1000
value: 0
easing: linear
next:
tween:
translateX:
initialValue: 1
keyframes:
- duration: 1000
value: 0
easing: linear
54 changes: 54 additions & 0 deletions vt/specs/replacetransition/rect-tween-exit.yaml
Original file line number Diff line number Diff line change
@@ -0,0 +1,54 @@
---
title: Rect Tween Exit
description: A prev-only rect transition using subject tweens while tolerating an unused next side.
specs:
- prev-only transitions should ignore next tween config when there is no next subject
- the rect should be partially offscreen at 500ms
- the rect should fully clear by 1000ms
steps:
- action: keypress
key: "n"
- action: customEvent
name: "snapShotKeyFrame"
detail:
deltaMS: 500
- action: screenshot
- action: customEvent
name: "snapShotKeyFrame"
detail:
deltaMS: 500
- action: screenshot
---
states:
- id: tween-exit-start
elements:
- id: rect1
type: rect
x: 160
"y": 120
width: 960
height: 480
fill: "#D9D9D9"
alpha: 1
- id: tween-exit-end
elements: []
animations:
- id: rect-tween-exit
targetId: rect1
type: transition
prev:
tween:
translateX:
initialValue: 0
keyframes:
- duration: 1000
value: -1
easing: linear
next:
tween:
alpha:
initialValue: 0
keyframes:
- duration: 1000
value: 1
easing: linear
Loading