todepond/screenpond

screens in screens in screens

ScreenPond

ScreenPond lets you make fractals and the 'droste effect'. I made it for my video: 📺 Screens in Screens in Screens

Try it out!

You can try it at screenpond.cool

Draw screens by clicking and dragging!
Press the number keys to change colour.
Press "C" to clear the screen.

Running

To run locally...
you need to run a local server because it uses javascript modules.
(ie: you can't just open index.html like most of my other projects)

I recommend getting deno and then installing file_server with this command:

deno install --allow-read --allow-net https://deno.land/[email protected]/http/file_server.ts

Then you can run this command to run a local server:

file_server

screenpond's Issues

Pity distance should decrease slightly as screens get smaller

Screen placement should be biased to the current screen

screens should try hard to stay in their current screen!

this would allow for pop-out effects, but also allow you to take a screen in/out other screens. and it should also solve #25

So like, it should only change placement if it COMPLETELY leaves or enters, rather than being picky about not being entirely in its screen. The pickiness should be directed at the new screen, not the current screen.

I think this would also solve #23 because we wouldn't remove the screen (unless it fully escaped)

When you draw a screen around another, it should contain it!

reconsider stamping - kinda slow

Pick different colours with the keyboard

`tryToSurroundScreens` is now broken when screen is not at depth zero

I think the new replaceAddress function broke this somehow

The pity distance for selecting edges/corners should scale with the size of the screen

with the area? perimeter??? what should determine the pity distance???

Improve screen movement ordering!

Should the screen you're moving come to the front? or maybe the back?

Or maybe they should order based on their size? eg: bigger screens go to the back????

And when you drop one, it should probably enter/surround other screens

They should also "escape" screens when you drag them out

When zooming out of a warped screen, the screen doesn't switch in the correct position

Mouse event is broken on firefox

The scrolling event: on.mousewheel doesn't work in firefox, should be on.mouse instead which works on both firefox and chrome :D
The performance is in general much worse on firefox, no idea why 🤔

Also a minor thing that's would be nice is to allow both normal scrolling and the current automatic scrolling with the set speed. Cause it's quite hard to stop scrolling right now :)

Screens shouldn't draw outside of the screen they're in

Delete the most recently modified screen with the 'delete' key

Zooming out still doesn't always yank the world correctly

It's much more often correct than it used to be, but when the screen/world is warped by a lot, the world ends up moving a little bit

You can't edit the size/shape of the world

Loading a preset should update screen even when paused

Maybe do this after #7 because that could change how stamping works

Presets should be able to specify an update function

so that I don't have to keep fiddling with main.js

Moving a screen that is within itself destroys its parent - which is itself!?

It should make a temporary or something dummy to keep itself alive

Zooming in/out centres on wrong place with inverted mouse-wheel

When your mousewheel scrolls the other way to mine, it zooms in/out of the wrong place.

Sometimes there's a memory leak when the engine left to draw for a long time

Need to make sure that drawing isn't keeping references to old stuff or something

Can't click in 'pop-out' screens

We can't allow for clicking in ANY of the popout screens, because there could be an infinite amount of them.
But PERHAPS we could keep track of a large number of them, to let you do it a BIT.

Yanking is broken

The recent changes to warping+moving broke yanking at deeper levels. Not sure why :(

The colour canvas should match the ratio of the view

and maybe the resolution should be 3x or something mad

Screens in your hand don't move/etc with any zoom that you're doing

Move screens by clicking and dragging edge

Draw rectangle screens with the cursor

Move corner by right-clicking and dragging corner

Touch controls

Drawing in a moving/rotating screen doesn't work right

Mouse pity should scale with the world scale

Currently, if you zoom in loads, you get way too much pity

Stack overflow crash - common with the "G" preset

Not sure how to reproduce reliably.
Something to do with placing a green screen around the infinite grey grid, then aNother green screen around that.

Fill/Transparency options

tig:

One feature i‘d love is being able to set the transparency of the fill inside the squares
Certain patterns override themselves because the inside of the rectangle has a fill colour
But sometimes fill colour is desirable since it can make more coherent shapes in some cases

Moving around a screen within a warped screen feels weird

Corner pity should not cover the entire edge

World doesn't adjust properly when warping

📺 Screens in Screens in Screens

Experiment

• Engine
• Music
• Outro
• Animation

Music

• Always - 16BL & Wild Dark
• Intro - Cubicolor
• Shadows on the Wall (16BL Mix) - 16BL, Wild Dark, Megan Morrison
• Screens in Screens in Screens

Code

• Screen
• Screens
• Screens in Screens
• Screens in Screens in Screens
• Screens in Screens in        Screens
• Screens in suǝǝɹɔS in        Screens
• S c r e e n s in suǝǝɹɔS in        Screens
• Zoom

Block + Script

• Intro
• Screen
• Screens
• Screens in Screens
• Screens in Screens in Screens
• Screens in Screens in        Screens
• Screens in suǝǝɹɔS in        Screens
• S c r e e n s in suǝǝɹɔS in        Screens
• (zoom)
• Outro
• Outro 2
• Credits

Audio

• Intro
• Screen
• Screens
• Screens in Screens
• Screens in Screens in Screens
• Screens in Screens in        Screens
• Screens in suǝǝɹɔS in        Screens
• S c r e e n s in suǝǝɹɔS in        Screens
• (zoom)

Transitions

• Screen
• Screens
• Screens in Screens
• Screens in Screens in Screens
• Screens in Screens in        Screens
• Screens in suǝǝɹɔS in        Screens
• S c r e e n s in suǝǝɹɔS in        Screens
• Zoom

Video

• Intro
• Screen
• Screens
• Screens in Screens
• Screens in Screens in Screens
• Screens in Screens in        Screens
• Screens in suǝǝɹɔS in        Screens
• S c r e e n s in suǝǝɹɔS in        Screens
• (zoom)
• Outro
• Outro 2
• Credits

When on using touch controls, show a menu for picking colours

Maybe make it accessible with mouse too somehow

Stretch/shrink/skew screens by right-clicking and dragging edge

Rotating a screen stretches it if the aspect ratio of the screen is not 1:1

I could just hardcode it to 16:9 for the video in the meantime.

Screens should gradually draw screens when they're deep enough

Currently they just resort to filling in a block of colour as a temporary placeholder.

Would it like... need to keep track of the largest screen of that colour or something?

Or perhaps we should have a dedicated offscreen canvas for each colour, and copy from that................ in fact that's how it should all work.

Hit detection is wrong for certain shape screens

It thinks you're touching the corner when you aren't really

Dragging a very deep screen left or up out of a much higher screen causes it to shrink

Strange that it only happens going left/up
Something to do with the top left corner of the dragged screen probably

Normal zoom controls

maybe hide the smooth controls behind a keybind or something

from #39

Scale/rotate screens by clicking and dragging corner

There should only be one offscreen canvas

We only use one at a time, so dont bother rendering all of them?

Or maybe multiple ones will come in handy for when we want to switch between them!?!?

Hmmmm.... it doesn't cause any issue having multiple canvases really, so let's just keep them there inactive for now!

Zoom parents shouldn't update when you're mid-drawing cos it messes stuff up when the size of a screen is 0 or really small

Screen doesn't get placed deep enough in some cases

In this example, if you drag the mouse from where the bottom right red square is... to the other red square, it doesn't place the screen deep enough. not sure why

Space-bar and drag to move the camera

Zoom in/out with mousewheel

Make it smooth though

Middle click to change the colour of an existing screen!

Slower performance on Firefox

#39