[TOOLS] Some Handy Online Tools

Hello,

As i can see many people started involve in this Playcanvas community so i am dropping some quick links here which come handy as Game Developer.

1] Photopea [https://www.photopea.com/]:

Information: Photopea is a web-based raster graphics editor used for image editing, making illustrations, web design or converting between different image formats. Photopea is advertising-supported software. It is compatible with multiple web browsers, including Opera, Edge, Chrome, and Firefox.

In short, Photopea is Light Version of Photostop. It comes handy when i have to modify 2d image asset or UI shared by artist. Editing, resizing, cropping, changing color and lots of thing can be done on Photopea.

2] TinyPNG [https://tinypng.com/]:

Information: Make your website faster and save bandwidth. TinyPNG optimizes your PNG images by 50-80% while preserving full transparency!

In Short, TinyPNG is very helpful to save disk space…

3] Clara.io [https://clara.io/]:

Information: Free online 3D modeling software: Design, editor, animation, rendering, & lots of free 3D models. Supports Three.JS, Blend, FBX, OBJ, V-Ray, Babylon.JS, STL.

In Short, Clara.io is helpful when i want to edit 3d model or change the pivot position of 3d model.

4] [Diagrams.net] [https://www.diagrams.net/]:

Information: Diagrams.net is free online diagram software for making flowcharts, process diagrams, org charts, UML, ER and network diagrams.

In Short, Diagrams.net is very helpful when you want to represent some technical stuff to non-technical person.

5] Vectr [https://vectr.com/]:

Information: Vectr is a free graphics software used to create vector graphics easily and intuitively. It’s a simple yet powerful web and desktop cross-platform tool to bring your designs into reality.

In Short, Vectr helpful to create 2d art and basic logo design using basic shapes.

Hope it may help you!
Thanks!

10 Likes

Thanks for sharing @Ketan_ATA! And the presentation is perfect.

I’ve worked extensively with both Vectr and Photopea, they are excellent tools backed by great dev teams. Photopea even has a JS scripting API that you leverage to batch process or automate works.

5 Likes

I’ve put together a similar list in this doc :grimacing:
https://stevenyau.co.uk/game-maker-toolkit/

Looks like I need to add some more sites to it

9 Likes

Wow, thanks for sharing guys! As a hobbyist game dev, this material is greatly appreciated!

Used diagrams.net extensively while working with a small team programming on an Arma3 Altis Life mod. Really nice for breaking down complex problems and visualizing tasks for the team:

@yaustar has trello.com in his list which is an awesome kanban tool for organizing development:


brings back lovely memorys of long hacking nights :slight_smile:

:beers: :beers:

3 Likes

i tryed it and i works fine and its a good app to go to

Great recommendations, here’s a couple I use. Tools and processes can be the things that take the longest to figure out, so it’s always cool to see what everyone else is using.

Tools
Insimo | glTF Viewer + Optimization - Great for model optimization
HDRI to CubeMap - Convert HDRI to cubemap
NormalMap-Online - Create a normal map from a image texture
Convert GLTF assets -> GLB - Create .GLB from a folder of GLTF assets. (Insimo can do this too)

Model Viewers (cross-referencing)
DonMcCurdy | glTF Viewer - The glTF viewer
PlayCanvas | glTF Viewer
THREE.js | Editor
Babylon.js | Model Viewer

CLI (Image assets are compressed before uploading to PlayCanvas)
pngquant - PNG lossy compression
image magick - PNG -> JPG conversion, JPG compression

Edit: Holy cow! Just saw @yaustar 's bible. I’ll be taking that with me a nice long road trip :joy: It’s beautiful, thank you for making that!

4 Likes

Well,
I forgot to mention about a quick to do list (Useful for creating Temporary list without Login).

flask.io - When you dont want to waste your time and you want to jump on your task quickly its way more useful.

Hope it will help… :smiley:

Adding another website here https://figuro.io/

Looking for an easy 3D modeling tool & tutorials?
Figuro is a free, online 3D modeling app.
It can be used for game development, 3d printing, architecture and so on.
Easy modeling, directly in your browser. No installation required. And it’s FREE!

2 Likes

Thank you for sharing the clara.io software here as I was working on similar software but they were quite expensive for me as I am beginner in designing. This is a great help

1 Like

No reply?

Hi @alphayash and welcome! Thanks for sharing your feedback! :smiley:

2 posts were split to a new topic: I need help?