@@ -116,7 +116,7 @@ Professional-grade research and creative coding in your browser.
116116<td width =" 50% " >
117117
118118### 🌐 ** Option 1: Instant Online** * (Recommended)*
119- 1 . 🎯 ** Go to** [ timecapsule-slm .bubblspace.com] ( https://timecapsule.bubblspace.com/ )
119+ 1 . 🎯 ** Go to** [ timecapsule.bubblspace.com] ( https://timecapsule.bubblspace.com/ )
1201202 . 🔬 ** Click "DeepResearch"**
1211213 . 🦙 ** Start Ollama** (see setup below)
1221224 . 🤖 ** Pull a model:** ` ollama pull qwen3:0.6b `
@@ -320,7 +320,7 @@ ollama serve
320320> ** 🚨 KEY REQUIREMENT** : You ** MUST** enable CORS in LM Studio for TimeCapsule-SLM to connect.
321321
322322** Step 1:** 📥 ** Download LM Studio** from [ lmstudio.ai] ( https://lmstudio.ai ) and install it
323- ** Step 2:** 🤖 ** Download a Model** - Search for models like ` Qwen2.5 ` , ` Llama ` , ` Phi-3 ` , or ` Gemma `
323+ ** Step 2:** 🤖 ** Download a Model** - Search for models like ` Qwen3 0.6B `
324324** Step 3:** 🚀 ** Start Local Server** - Click "Start Server" in LM Studio (port 1234)
325325** Step 4:** ⚙️ ** Enable CORS** - ** IMPORTANT** : In LM Studio → Settings → Server → Enable "CORS"
326326** Step 5:** 🔄 ** Restart Server** - Stop and restart the LM Studio server
@@ -332,9 +332,6 @@ ollama serve
332332| Model | Size | Best For | Performance |
333333| -------| ------| ----------| -------------|
334334| ** Qwen2.5-7B-Instruct** | ~ 4GB | Research analysis, detailed coding responses | 🌟🌟🌟🌟🌟 |
335- | ** Phi-3-mini-4k** | ~ 2GB | Fast responses, compact code generation | 🌟🌟🌟🌟⭐ |
336- | ** Llama-3.2-3B** | ~ 2GB | Creative patterns, research synthesis | 🌟🌟🌟🌟⭐ |
337- | ** Gemma-2-2b** | ~ 1.5GB | Lightweight, quick generation | 🌟🌟🌟⭐⭐ |
338335
339336---
340337
@@ -371,34 +368,7 @@ ollama serve
371368
372369</div >
373370
374- ### ⚡ ** Compact JavaScript Patterns**
375371
376- The editor supports ** compact JavaScript syntax** for creative coding:
377-
378- ** Fish Animation** (Parametric curve with trigonometric functions):
379- ``` javascript
380- a= (x,y,d= mag (k= (4 + cos (y))* cos (x/ 4 ),e= y/ 8 - 20 ))=> point ((q= sin (k* 3 )+ sin (y/ 19 + 9 )* k* (6 + sin (e* 14 - d)))* cos (d/ 8 + t/ 4 )+ 50 * cos (c= d- t)+ 200 ,q* sin (c)+ d* 7 * sin (c/ 4 )+ 200 )
381- t= 0 ,draw = $ => {t|| createCanvas (w= 400 ,w);background (9 );stroke (w,116 );for (t+= PI / 120 ,i= 1e4 ;i-- ;)a (i,i/ 235 )}
382- ```
383-
384- ** Noise-based Pattern** (Perlin noise with arcs):
385- ``` javascript
386- t= 0
387- draw = _ => {t++ || createCanvas (W = 720 ,W )
388- background (0 )
389- noFill ()
390- F = p => noise (p/ W - t/ W )* 35
391- X = cos (A = F (0 )+ PI )* 99 + 360
392- Y = sin (A )* 99 + 360
393- for (i= 0 ;i< W ;i++ )stroke (W ,255 - i/ 3 )+ arc (X += cos (A = F (i))* 2 ,Y += sin (A )* 2 ,S = 40 - i/ 20 ,S ,A - (D = i** 2 / W ),A + D ,PIE )}
394- ```
395-
396- ### 🛠️ ** Available p5.js Functions**
397-
398- - ** Drawing** : ` point() ` , ` line() ` , ` ellipse() ` , ` rect() ` , ` arc() ` , ` triangle() `
399- - ** Color** : ` fill() ` , ` stroke() ` , ` noFill() ` , ` noStroke() ` , ` background() `
400- - ** Math** : ` sin() ` , ` cos() ` , ` noise() ` , ` mag() ` , ` PI ` , ` TWO_PI `
401- - ** Canvas** : ` createCanvas() ` , ` strokeWeight() `
402372
403373---
404374
0 commit comments