Assetless Retro Remake

https://playground.babylonjs.com/#G3H60K#35

It’s not super refined, but it’s cool for only a few hours of work and I’m sure there are some effects in there some people might be interested in. There are no assets in this, it’s all programmatic.

Based off of a clip from this video:

13 Likes

Looks really cool!

with a little help from @Evgeni_Popov
I was able to develop this a little further.

https://playground.babylonjs.com/full.html#G3H60K#63

Im sure its pretty laggy on some systems though so be aware when clicking.

2 Likes

https://playground.babylonjs.com/#G3H60K#73

Stabilized it a little bit and started cranking up the lense effects.

BTW Im pretty sure the original design was a Beeple piece.

1 Like

So I did a couple more of these.

Here is the latest one.


Again all assetless so it might take a min to spin up.
https://playground.babylonjs.com/#JF18C0#49

If you hit play again it should drop into fullscreen
It was based off of this youtube video:

was about 4-5 hours of dev for this one spread out over the last couple of weeks while I had some downtime with work and the baby. This is one of the first ones where I developed the visual pipeline before I started developing the assets and I think it work out well. The stars, the junk and the planet should all be slightly different each reaload.

4 Likes

I love them!! We should add the planet example to our homepage (@PirateJC ?)

Oh so cool!!! Yup indeed! @Pryme8 you good with me adding this to the homepage?

@PirateJC Sure thing, Im honored you would ask!

Wait till yall see the next one I am doing. I completely gutted the emissive process and made my own that really ramps up a retro effect.

Let me add the link to the original art in the code really quick!

Please use this version:
https://playground.babylonjs.com/#JF18C0#58

And it’s live!

1 Like

Commodore 64, Atari, Gameboy etc filtering effects.

Just change the slider.
https://www.babylonjs-playground.com/#QP930R#12

did this a hot min ago, just forgot to post it.

1 Like

For my own sanity I had to take a break from work for a couple hours yesterday and today to whip up something more artistic.

All work and no play makes jack a dull boy…

Anyways here is another fully asset-less retro remake of a youtube clip.

The chainlink is a SDF, the trees are distorted L systems and are even blowing in the wind.

Its all made to be a re-creation of this:

So shout out to the original artist.

I need to still apply some more post effects to get the look right where I want it to be, but for the most part the main components are here. The colors just need tweeking and a few size changes.

All in all umm about 3ish hours.

I dont know why the glow does not look the same in the embedded playground

https://www.babylonjs-playground.com/full.html#JH2MTB#7

5 Likes

Welp, I Just wanna go fast…

Here is another one I stayed up late and got this one in between work and rest.

https://playground.babylonjs.com/full.html#BVAL7I#22

based off of

I have a couple more of these I nee to upload, but ehh time is so limited.

5 Likes

This is so cool. I love the synth wave effects retro music. I found this gold mine of synth wave Gifs a while back.
@Pryme8, I hope this will give you more inspiration:

This is my version of synth sunset. I wanted to build an Infinite runner but ended up building this:
https://hiteshsahu.com/CyberPunk2077

Inspiration:

3 Likes

I remember seeing that scene you did, and not gonna lie I think that is what helped kick off my whole retro scene kick lots of respect!

Did you model that car?

Thanks for the inspiration! I might end up picking a couple out of here and redoing them.
TILED - 2015

1 Like

Thanks. Like you I was inspired from visualdon who make cool synthwave animation loops in cinema 4D: https://visualdon.uk/downloads/

I decide to recreate his cosmic dreams scene of VisualDon in THREE.js

I learned about creating reflective surface using CubeCameraTexture & Mirror Shaders of THREE.js . I had no knowledge of BABYLON js at that time.

But when I learned about BABYLON js and tried a couple of playground I realize it is much easier to do it with BABYLON then THREE.js. I eventually building up that Retro Sunset scene with BABYLON. After that I abandoned THREE js & now I have permanently switched to BABYLON js.

I have stored the code for creating reflective surface & my learning in this THREE js scene: https://hiteshsahu.com/Abstract

BABYLON is a really powerful and developer friendly framework.

The Quaddro car model was taken from SketchFab

Soundcloud track was from

I have added both in Credits.