Readit News logoReadit News
tills13 · a year ago
So let me get this straight, not only does it not explain what it is, it's a bit of a puzzle to even get to the download links, and then it straight up downloads an .exe which you expect me to run on my computer?

Give me more info without me having to pry it out of you through finding your github which honestly isn't much more descriptive.

Theodores · a year ago
I don't think you are the intended audience for this. I also don't think the project is finished.

It is great to see projects like this, clearly a labour of love rather than beaten out of someone for some faceless corporate website.

It is always the experiments like this that you remember. 99% of the web is a forgettable experience.

Props to the creator for sharing this with us.

soerxpso · a year ago
I like the website. The little puzzle holds my attention for enough seconds to make me curious. The issue is just the lack of information after you figure it out. I still can't tell what this software is. It "plays games"? Is it supposed to be a game-playing AI? Is it a game console? A fantasy console? A game engine?
DrillShopper · a year ago
I wish web designers would understand they do not have unilateral, unchecked power to make my browser do what they want - if they want that power they're going to have to ship a PDF or a program.

The accessibility for this site additionally looks like it's a goddamn nightmare.

diggan · a year ago
> I wish web designers would understand they do not have unilateral, unchecked power to make my browser do what they want

They don't have that power, which is why they cannot do that. What they can do though, is use the provided checked powers (HTML, CSS and JS APIs) to deliver whatever damn experience they want. And if you don't like it, you can close the page.

> if they want that power they're going to have to ship a PDF or a program.

The comment you're replying to, seems to say the website is literally doing that.

smokel · a year ago
There is some more information on their GitHub page [1].

"Automat's objective is to be able to semi-autonomously play a variety of games. It's the first step towards a more general environment for interacting with computers."

[1] https://github.com/mafik/automat

wodenokoto · a year ago
You drink the coffee by holding the cup to the bottom of the screen. When cup is empty, you can clip the github logo and go to the repo.

https://github.com/mafik/automat

I thought Automat was the framework for displaying the website, but I guess it isn't.

aaronharnly · a year ago
If you click on the moleskine notebook, you can read seven pages of "handwritten" notes, though they are full of analogies and exhortations that still don't actually explain what it is.
usefulcat · a year ago
I did click on it and got nothing. It appeared to 'pick up' and then immediately 'put down' the notebook. Guess I wasn't holding my mouth right..
lancewiggs · a year ago
However if you double click and it zooms in there is no way to zoom out to actually see both sides of the notebook.
vivzkestrel · a year ago
if I have to sit and think about what to do on your website without reading a manual, then it has already failed the user experience department
creativenolo · a year ago
This style of website will be rife soon - there’s more and more popping up. Even yesterday, I was looking at https://comancheindians.tilda.ws/en

These websites would have been super hard to resource the assets, but now with Gen AI it’s simple.

Karawebnetwork · a year ago
When I was at university, Flash was very popular.

Websites like this were our main projects.

It was easy to make them team projects, they asked us to split between programmer and designer.

The designer had to create the assets.

We had a photo lab and the designer was sent into town to take photos.

We weren't allowed to use stock images, which would have speeded up the process.

However, it was still relatively simple for young adults to create the elements.

AI is cool, and yes, it will make everything faster.

But I don't think the wall here was feasibility, it's more that the skeuomorphism trends ended and the market was saturated with highly dynamic interactive websites thanks to Flash making them easy to manage.

So the trends stopped.

It's nice to see it coming back, it was a lot of fun creating them.

treflop · a year ago
A lot of people’s personal sites are still like this. The trend never really bucked for that.

Although it’s more the websites for designers and artists rather than developers.

There are also websites that showcase these types of websites, although I don’t know any anymore.

I have to say, building these kind of websites is more fun now in HTML than Flash because you aren’t constrained to a fixed viewport. And HTML has surpassed in Flash in features and you have WebGL and WebAssembly and other fun things… well, except a nice IDE with a timeline.

falloon · a year ago
Why is this formatted like one of those wanky linkedin posts?

Deleted Comment

bhhaskin · a year ago
It's really not that hard to do. The big trade off here would be SEO and performance. So although they are good art projects or infographic type sites it's fairly useless for other things.
creativenolo · a year ago
Ok so hard is a subjective quantifier. I should have said time consuming. Look at the link I shared. With Gen AI the amount of time involved would be a fraction compared to doing it without. I’d bet 1% when including things like concept development and look development.
pixelatedindex · a year ago
I can’t imagine the way you build this website is the same way you build your static sites or a landing page. Is it WebGL? Looks extremely complex to be honest.
mafik · a year ago
Author here :) There is no trick here actually. It's just HTML / JS / CSS. Browsers are pretty good at compositing CSS transforms - and know how to handle DOM updates coming from event handlers & requestAnimationFrame. There is one CSS hint that speeds it up a little "will-change: transform". Another important ingredient is to update the object position in the (pointermove) event handler - so that the responsiveness is low - physics engines also could do this, but it's usually an overkill.

You can take a look at the script in the website's sources - it's inline.

Onavo · a year ago
The trick is to use a game engine or something similar (not vanilla CSS/HTML). Flutter web would work well here, once Safari's WebAssembly GC support gets merged, you will have a lot of options.
throwanem · a year ago
An interesting experiment, very reminiscent of the early 90s' Magic Cap, Microsoft Bob, et al. But objects in physical space afford a discoverability that can't be replicated here, and the metaphor thus quickly and inevitably becomes a burden.
ActionHank · a year ago
Also, in the Flash days, everyone and their dog had this sort of thing as their personal \ portfolio site.
sunbum · a year ago
What even is it? I read the github repo but that explains nothing about what it actually is.
AnyTimeTraveler · a year ago
From the Github Readme[1]:

Automat's objective is to be able to semi-autonomously play a variety of games. It's the first step towards a more general environment for interacting with computers.

Currently Automat's functionality is limited to keyboard macro recording & playback. It's fairly unstable but if you're lucky and it runs on your machine, it can be useful for automating some basic actions.

[1] https://github.com/mafik/automat

marcellus23 · a year ago
That's not really helpful. It's software that plays games on its own? But also it's some sort of new GUI environment? But also, all it can do is record and playback keyboard macros? What actually _is_ it?

edit: I haven't downloaded it because I don't have access to a Windows PC. But I guess, based on that description, it's basically AutoHotkey with a snazzy UI?

tantalor · a year ago
Finally, I can automate Factorio.
philote · a year ago
Yeah I had no clue what this site was until reading the comments. I saw you could move things on the page around, then gave up because I had no idea what the point was. I didn't even find the github link until I saw your comment and decided to play around more.
harel · a year ago
Yes
surprisetalk · a year ago
Marek gave some helpful background for this project during a recent Future of Coding meetup (first demo in the stream).

[0] https://mrogalski.eu

[1] https://www.youtube.com/watch?v=_7z77QGARLE

[2] https://futureofcoding.org

sourcepluck · a year ago
Ah, I guess then that this is unrelated to the 1978 Brazilian electronic music LP?

https://www.discogs.com/release/443321-Automat-Automat

  "in the beginning there was the "MACHINE"
  the survival and the organization of the
  planet depended upon the "MACHINE"
  the future an the past depend upon
  the "MACHINE"... the past?
  but who wanted the "MACHINE"... ?"

ufo · a year ago
I thought that was an italian album?
defrost · a year ago
IF Discogs is accurate (often is but does have some errors) THEN it's Italian artists, Italian management releasing via a Brazilian record subsidiary (a number of UK groups, for example, recorded and pressed in the Carribean)

Automat Italian one-album duo with veteran songwriters - producers from the progressive rock era. Their album is an electronic disco-tinged suite with an alien - futuristic concept.

    Sites: italianprog.com 
    Members: Claudio Gizzi, Romano Musumarra
EMI-Odeon Fonográfica, Industrial e Eletrônica S.A.

    Brazilian record company and wholly owned subsidiary of EMI Ltd. operating from 1974, successor of Indústrias Elétricas E Musicais Fábrica Odeon S.A..

chirau · a year ago
I don't get it, what is this supposed to be? Another drag and drop? I am failing to understand the uniqueness of this.

Also, if you put the cup on the tape and try to move the tape, the cup removes itself.

nuxi · a year ago
Open the notebook and flip through it. Drink the coffee (drag the mug downwards). Put the floppy in the device. Put the VHS tape in the device.
elric · a year ago
I first tried to shake the coffee to see if I could make a mess, didn't work. When the mug is empty, the github logo becomes visible and you can click through to the github repo.
nmstoker · a year ago
That's an illustration of the difficulties. I got the disk, video dvd and even drank the coffee but I initially thought the notebook was some sort of box for the video so didn't realise you could open it to read!
huhtenberg · a year ago
How do you open the notebook?

I can drag it around, no problem. The cursor also changes to a pointy hand when over notebook's right side, but clicking doesn't do anything. Nor does click-and-hold-then-dragging.

nusl · a year ago
Drag the floppy to the console and you'll get a download link for the tool.
trebligdivad · a year ago
That was very touchy for me; it took 4 or 5 goes to get the floppy in, at least. The tape worked easily. (I didn't see the floppy or notebook being able to do anything)
Mashimo · a year ago
Got so far, but what does the tool do?
tsunamifury · a year ago
It’s like a mini myst puzzle as an way of consuming content
SirFatty · a year ago
"Automat's objective is to be able to semi-autonomously play a variety of games. It's the first step towards a more general environment for interacting with computers."
donalhunt · a year ago
What is this wonderful device that takes VHS tapes and floppies? :)
sevensor · a year ago
The old skeuomorphism used analog analogies. I like that this demo uses older computing technology.

Generally I think the time is right for a reversion to richer textured interfaces. GUIs are pretty pointless for 90% of the desktop software I use, but if you’re not going to do the decent thing and give me a good textual interface, at least give me some eye candy instead of these stale, dreary flat interfaces.