Movatterモバイル変換


[0]ホーム

URL:


Procedural Orb Generator

Warning: Some combinations of parameters can create large flashing animations which may trigger photosensitive epilepsy in certain people. Please be aware that pulsating or flashing images flashing in a significant portion of your field of view may be harmful to some. Use the tool responsibly.

About

I'm making a bullet hell game for thebullet hell jam 2022, and I needed some projectiles using a custom palette. I figured it would be easier to just animate the bullets in Javascript rather than drawing them in GIMP. So I did that, then I added another feature... and another... and like 10 more.

Anyway, here's a tool for generating orbs, bullets, particles, explosions, portals, dust and all kinds of other effects. It has a ton of different parameters you can set, and all of them have little tooltips which vaguely describe what they do. You can then export the orb as a spritesheet or as an animated PNG (APNG) file. Those work in most modern browsers.

How to use

You can either configure the orbs from scratch, loading your own horizontal palette image and fine-tuning all the parameters, or you can just click theRANDOMIZE EVERYTHING button and see what comes out.

Attribution

The tool uses a few open-source libraries.

For PNG exporting and importing, UPNG is used with the pako dependency:
https://github.com/photopea/UPNG.js/https://github.com/nodeca/pako

For GIF exporting, Gif.js is used:
https://github.com/jnordberg/gif.js

The graphical user interface is created using dat.GUI:
https://github.com/dataarts/dat.gui

The perlin noise for clouds is created using the noisejs library:
https://github.com/josephg/noisejs

For doing conversions between the RGB andCIELAB color space, code from color-convert is used:https://github.com/Qix-/color-convert

For comparing colors, theDelta-E 1984 algorithm is used, through code adapted fromhttps://github.com/zschuessler/DeltaE 

Once again, I hope you find this tool useful for your game development. Suggestions and critical feedback are welcome. I'm a bit slow to respond but I do read your comments.

(PS: If you want to share some good looking orbs, I'll put them in the sidebar)

These are the palettes used fromlospec:
sweetie-16pear36endesga-32pico-8dawnbringers-8-colorsteam-lordscommodore64microsoft-windowszx-spectrumcolor-graphics-adaptercga-palette-0-highammo-8slso82bit-demichrometitanstone1bit-monitor-glow

StatusReleased
CategoryTool
PlatformsHTML5
Rating
Rated 4.8 out of 5 stars
(36 total ratings)
AuthorDonitz
Tagsanimated,art,gamedev,Generator,No AI,Pixel Art,Procedural Generation,Simple,Sprites,tool

Development log

Comments

Log in with itch.io to leave a comment.

GO ACCRETION QUASAR (Glass-cannon, priority target)

one of the most fun tools here. i wish there were more shapes and options. love it tho

looks like orb spawn

SECRET BOSS:THE GALATICAL ORBS attacks!\

THE  ORBS OF HELL attacks!

Can i set the type of file which i will get during mass export?

Not right now. If you download the files you can comment out the lines… If I remember correctly this thing is only one file too. Edit: Nevermind, it is like 5 files.

Is it possible to download this program on PC to render orbs faster?Because im to lazy to make it my own and im just randomizing orbs

It is possible to download the HTML files if you right click the iframe and download the source files, but it shouldn’t make it render any faster locally. Though you can use the “Mass export” button if you simply want to randomize and export.

I'm actually making a game in Google Slides using this generator. Great generator, allows you to make a lot of unique images :)

P.S.: If anyone's interested in the link, reply to this comment.

You're making a game in WHAT

https://docs.google.com/presentation/d/1OiK2QvP-ElT_y3ld6kvEcMbainUouwYJ6g2uFNwQ... I have not touched this in a long time, so some parts may still need some editing before a game could be started (not to mention more people)

Mmmm, yes; ORB    

Hey, your a talented developer, I am planning on creating a lot of games in the future and would love to work with your ingenuity. If your interested, I can pitch you some ideas. Do you have discord?

Thank you for the offer. I’m already pretty busy with the development of my next horror game so I will have to decline, but if you need advice I can always help.

does anyone have any advice on how to create a custom orb?

I cant seem to get anything right.

Try randomizing the orb shape, color and cluster separately until you get something close to what you want, and then fine-tune it.

Any chance for a desktop release?

PEANUT CORE and its cohorts attacked!

this is very enigmatic.

Where does one share the cool orbs they made?

I haven't created a website like for the tilesets, but you can share them in the comments and I can upload them in the sidebar. If there is a high demand I can also make a website for them.

how do i change gradient color?

You create and load an image where the colors are laid out in a horizontal row.

I really love all your games and how its all playable on browser.

Now I can play on my Chromebook!

This is amazing! is there a version I can download onto my computer for offline use?

I would need to package the app using electron or tauri for it to work offline. I'm not really comfortable recommending people to install a local webserver to run it.

Hey, Donitz! I really wanted to interview you about the games you make. What’s the best place to contact you?

How do I export these as gifs? like I see in the sidebar 

Using the Save animated PNG button.

Thank you for this very useful program.

This is such a wonderful tool and can add so much variety to our games.  This is great for bullet hells but I can also see these designs being utilized in other cases, like portals, trippy backgrounds, etc.

wow im, hooked

Love your work!

Any chance we could get a store and reload on the parameters as a whole? it would be handy to revert back after using the mutate button.

Excited to see what you come up with next.

Thank you!


Done, now the mutate button only mutates the last orb until you decide to apply the mutation.

Very nice! Looks like unity.

Yoo thats sick. You planning on releasing a game? let me know

Nice! I love using procgen stuff cause I am not very creative myself and sometimes I just like looking at the wacky outcomes.

itch.io·View all by Donitz·Report·Embed
ToolsFree

[8]ページ先頭

©2009-2025 Movatter.jp