diff --git a/examples/main.ts b/examples/main.ts
index 04e2ec066..0b7e92d60 100644
--- a/examples/main.ts
+++ b/examples/main.ts
@@ -81,14 +81,14 @@ const {
 
 const app = createApp(document.querySelector('#milestone'))
 
-const circle = use(nc.createRect(100, 100, {
+const circle = use(nc.createCircle(100, {
   x: 0,
   y: 0,
 }))
 // circle.animate(nc.move(100, 100)(120))
 
 const scene = nc.createScene(
-  circle.animate(nc.fadeOut()(1))
+  circle
 )
 
 app.checkout(scene)
diff --git a/packages/basic/src/animations/fadeIn.ts b/packages/basic/src/animations/fade/fadeIn.ts
similarity index 100%
rename from packages/basic/src/animations/fadeIn.ts
rename to packages/basic/src/animations/fade/fadeIn.ts
diff --git a/packages/basic/src/animations/fadeOut.ts b/packages/basic/src/animations/fade/fadeOut.ts
similarity index 100%
rename from packages/basic/src/animations/fadeOut.ts
rename to packages/basic/src/animations/fade/fadeOut.ts
diff --git a/packages/basic/src/animations/index.ts b/packages/basic/src/animations/index.ts
index 1eb2ea5e7..42805feaf 100644
--- a/packages/basic/src/animations/index.ts
+++ b/packages/basic/src/animations/index.ts
@@ -1,10 +1,10 @@
 export * from './move'
 export * from './create'
 export * from './destroy'
-export * from './fadeIn'
-export * from './fadeOut'
+export * from './fade/fadeIn'
+export * from './fade/fadeOut'
 export * from './move'
-export * from './roomIn'
-export * from './roomOut'
+export * from './room/roomIn'
+export * from './room/roomOut'
 export * from './rotate'
 export * from './scale'
diff --git a/packages/basic/src/animations/roomIn.ts b/packages/basic/src/animations/room/roomIn.ts
similarity index 100%
rename from packages/basic/src/animations/roomIn.ts
rename to packages/basic/src/animations/room/roomIn.ts
diff --git a/packages/basic/src/animations/roomOut.ts b/packages/basic/src/animations/room/roomOut.ts
similarity index 100%
rename from packages/basic/src/animations/roomOut.ts
rename to packages/basic/src/animations/room/roomOut.ts