hamoid/joukkue

Collaborative creative coding

Hi there 👋

• 🔭 My last project ☝️ is called A life cycle : https://vimeo.com/845233469.
• 😄 Pronouns: he/him.
• #️⃣ Tags: generative, algorithmic, art, sonification, visualization, 2D, 3D, graphics, interactive, installation.
• 🔨 Tools: OPENRNDR, Processing, three.js, pixi.js, openFrameworks, SuperCollider, GNU/Linux.
• 💬 Languages: Kotlin, GLSL, Java, C++, JavaScript.

My Patreon, Mastodon, Homepage and a mailing list to hear about my art projects.

NOTE: I'm migrating my repositories to https://codeberg.org/hamoid/ so you know where to look if something disappears from here. I should have done this when Micro$oft bought GitHub, but better late than never.

joukkue's Issues

Add colors to chat log to distinguish the sender

Enable or remove help button at the top

Pressing ENTER in code area in Mac creates new paragraph

Currently solved by pressing Shift+ENTER. This should not be required.

Escape < > & in chat (or just call html entities function)

Allow syncing noiseSeed, randomSeed

It might allow getting the same random values in all clients.

Maybe it's not important. Some uniqueness in the graphics may push people to show and compare their screens.

Maybe it's impossible or very hard to get all clients to render the same graphics anyway.

Don't loose cursor focus when evaluating code

Make TAB introduce a tab character when editing

Show light grid in the code area by default. It's hard to distinguish where code starts / ends now.

In vars, evaluate only the selection, but send complete code

Send the selection when evaluating 'vars'. This would allow to update just one var, even if the whole vars object is sent and stored (for new comers).

Sample selections

{ x:1, **y:100** }
{ x:1, **y:100, z:100** }
{ x:1, y: { **a:1**, b:1 } } //nested is a problem
{ x:1, y: [ **2, 4, 5** ] } // nested is a problem

How to process the selection? We could check that the selection is not nested inside any kind of braces.

To keep it simple, I would just evaluate simple, non-nested assignments, like a:100.

When evaluating, wrap the selection with { and }, assign it to a variable, then scan the variable for properties, and assign those properties for vars.

1. vars is { x:1, y:100, z:100 }
2. construct "var temp = { y:100, z:100 }"
3. for(var i in temp) { vars[i] = temp[i] }

Not sure how much sense it makes in 'draw'. On one hand, one could evaluate commented code. But that causes problems for people arriving late to the party, as that code would not be evaluated.

Entering // comments breaks the code. Do something about it.

Maybe auto-replace // with /* */

Other peoples layers have bugs & the bug layer repeats

the second bug layer has a little x offset

Make layout resistant to long lines of code

Currently, if you type very long lines of code, the canvas shrinks.

Replace ShareJS with ShareDB in real time branch

http://www.garzul.tonsite.biz/wordpress/2016/10/16/multi-user-collaborative-text-editing-with-sharedb-and-codemirror/#comment-82

background for error makes text barely readable

tja. Could have more transparency. the nice little bugs

Tasks I kept in README before GitHub

done

• Save layers on server to database on disk
• When entering the chat room, send all layers in that room
• Give automatic name to user, allow renaming
  • Create name generator
• Show chat in GUI
• Show layer crashes in chat.
• Chat, highlight on focus.
• Implement: .who .where .help .room .new
• ESC toggle between edit/chat
• On cell focus, restore selection
• On cell blur, store selection
• Scroll to bottom when editing last field
• On cell blur, highlight border (used by .on, .off, .delete ...)
• Implement .on .off commands and css
• Implement .delete .rooms
• Implement .name
• Flash received cell
• When we receive vars|draw, do not overwrite them with a function|obj, but keep html version to be able to undo and to compare current html with the received html. Create drawFunc|varsObj instead.
• implement .revert alt+r
• when we receive vars, draw, update original html. if current==original, change too, otherwise orange border (conflict)
• add 'crashed' style to td
• try evaling before sending (no point sending broken code)

new room has previous rooms animation

This happened when I was in the default room and created a new one. the animations of default where stil running

sometimes other peoples layer dont update.

cpu suggests to use .revert (this should happen automaitcally)

Layers are displayed as disabled, even they are not

This was happening because sometimes the database does not contain enabled: true, so it assumes enabled:false. I inverted this behaviour. If enabled is not specifically false, it's true.

Add sorting commands, get rid of third column

New command names: .up .down .top .bottom