renamed to LifeSim

README.md

@@ -1,5 +1,5 @@
 ---
-title: FishTank
+title: LifeSim
 emoji: 🐠🪸
 colorFrom: blue
 colorTo: yellow
@@ -8,4 +8,4 @@ pinned: false
 app_port: 3000
 ---
 
-An artificial fish tank
+LifeSim uses a text-to-video model to render artificially simulated scenes.

package-lock.json

@@ -2608,9 +2608,9 @@
       }
     },
     "node_modules/electron-to-chromium": {
-      "version": "1.4.469",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.469.tgz",
-      "integrity": "sha512-HRN9XQjElxJBrdDky5iiUUr3eDwXGTg6Cp4IV8MuNc8VqMkYSneSnIe6poFKx9PsNzkudCgaWCBVxwDqirwQWQ=="
+      "version": "1.4.470",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.470.tgz",
+      "integrity": "sha512-zZM48Lmy2FKWgqyvsX9XK+J6FfP7aCDUFLmgooLJzA7v1agCs/sxSoBpTIwDLhmbhpx9yJIxj2INig/ncjJRqg=="
     },
     "node_modules/emoji-regex": {
       "version": "9.2.2",

src/app/layout.tsx

@@ -5,8 +5,8 @@ import { Inter } from 'next/font/google'
 const inter = Inter({ subsets: ['latin'] })
 
 export const metadata: Metadata = {
-  title: 'FishTank 🐠🪸',
-  description: 'Live simulation of a fish',
+  title: 'LifeSim 🐠🪸',
+  description: 'LifeSim',
 }
 
 export default function RootLayout({

src/app/main.tsx

@@ -4,54 +4,8 @@ import { useEffect, useState, useTransition } from "react"
 
 import { VideoPlayer } from "@/components/business/video-player"
 import { renderScene } from "./renderScene"
-
-
-const actions = [
-  "idling",
-  "making bubbles",
-  "making circles",
-  "opening and closing its mouth",
-  // "with an octopus",
-  "playing with another fish",
-  "eating fishfood",
-  "eating a crab",
-  "attacked by a jellyfish"
-]
-
-const positions = [
-  "at the top of the coral",
-  "at the bottom of the coral",
-  "centered in the middle",
-  "burrowing in the sand",
-  "hiding in the coral"
-]
-
-const pick = (items: string[]) => items[Math.floor(Math.random()*items.length)]
-
-const getScene = () => {
-  const action = pick(actions)
-  const position = pick(positions)
-
-  const prompt = [
-    `medium shot of a clownfish`,
-    action,
-    position,
-    `in front of yellow coral`,
-    `high res underwater footage`,
-  ].join(", ")
-
-  return {
-    action,
-    position,
-    prompt
-  }
-}
-
-interface Scene {
-  action: string
-  position: string
-  prompt: string
-}
+import { Scene } from "./scenes/types"
+import { getScene } from "./scenes/ants"
 
 export default function Main() {
   const [url, setUrl] = useState<string>()
@@ -65,7 +19,7 @@ export default function Main() {
 
       startTransition(async () => {
 
-        console.log(`generating new fish tank frames..`)
+        console.log(`generating new scene..`)
         const newScene = getScene()
 
         const newUrl = await renderScene(newScene.prompt)

src/app/scenes/ants.ts

@@ -0,0 +1,38 @@
+import { pick } from "./pick"
+
+const actions = [
+  "working on lavae",
+  "slicing leaves",
+  "attacking a beetle",
+  "foraging",
+  "cutting a sugar cube",
+  "collecting sugar",
+  "collecting aphids"
+]
+
+const positions = [
+  "on a leave",
+  "on a tree branch",
+  "on sand",
+  "on the ground"
+]
+
+export const getScene = () => {
+  const action = pick(actions)
+  const position = pick(positions)
+
+  const prompt = [
+    `close-up shot of a couple of ants`,
+    action,
+    position,
+    `high res`,
+    `documentary`,
+  ].join(", ")
+
+  return {
+    name: "Ants",
+    action,
+    position,
+    prompt
+  }
+}

src/app/scenes/fishTank.ts

@@ -0,0 +1,41 @@
+import { pick } from "./pick"
+
+const actions = [
+  "idling",
+  "making bubbles",
+  "making circles",
+  "opening and closing its mouth",
+  // "with an octopus",
+  "playing with another fish",
+  "eating fishfood",
+  "eating a crab",
+  "attacked by a jellyfish"
+]
+
+const positions = [
+  "at the top of the coral",
+  "at the bottom of the coral",
+  "centered in the middle",
+  "burrowing in the sand",
+  "hiding in the coral"
+]
+
+export const getScene = () => {
+  const action = pick(actions)
+  const position = pick(positions)
+
+  const prompt = [
+    `medium shot of a clownfish`,
+    action,
+    position,
+    `in front of yellow coral`,
+    `high res underwater footage`,
+  ].join(", ")
+
+  return {
+    name: "FishTank",
+    action,
+    position,
+    prompt
+  }
+}

src/app/scenes/pick.ts

@@ -0,0 +1,2 @@
+
+export const pick = (items: string[]) => items[Math.floor(Math.random()*items.length)]

src/app/scenes/types.ts

@@ -0,0 +1,7 @@
+
+export interface Scene {
+  name: string
+  action: string
+  position: string
+  prompt: string
+}

src/components/business/video-player.tsx

@@ -4,7 +4,7 @@ export const VideoPlayer = ({ url }: { url?: string }) => {
 
   if (!url) {
     return <div className="flex w-full h-screen items-center justify-center text-center">
-      <div>Connecting to FishTank live stream..</div>
+      <div>Generating first frames.. (might take around 30s)</div>
     </div>
   }