Project Perfect Mod Forums
:: Home :: Get Hosted :: PPM FAQ :: Forum FAQ :: Privacy Policy :: Search :: Memberlist :: Usergroups :: Register :: Profile :: Log in to check your private messages :: Log in ::


The time now is Wed Oct 04, 2023 7:24 pm
All times are UTC + 0
Intermediate Voxel/pixel wheel tutorial
Moderators: Global Moderators, Media Hut Moderators
Post new topic   Reply to topic Page 1 of 1 [4 Posts] Mark the topic unread ::  View previous topic :: View next topic
Author Message
G-E
Defense Minister


Joined: 09 Feb 2015

PostPosted: Sun Oct 31, 2021 8:06 am    Post subject:  Intermediate Voxel/pixel wheel tutorial Reply with quote  Mark this post and the followings unread

A lot of people have difficulty drawing circles or round objects with dots, so I thought I would give some insights in this thread (I will add to it later)...

The first thing is you need to know roughly what constitutes "round" a the pixel level. Below is a chart of the basic shapes you'd need to know/use to make the shape. If the desire is to make "thin" features without their centers being filled, the same process can be applied with subtraction, removing two-sizes smaller from the center, with some caveats.

On each shape you'll see narrow green lines cutting the corners of some dots, this is loosely where the normals influence goes so as to turn or carve away some of the dot for the purposes of lighting. Normals are beyond the scope of this tutorial, so just be aware of this effect, and how it changes the observable shape in the game. Normals are your friend.

Thirdly you'll note the marked "special case", this signifies that you would use the base shape and a distorted shape together, to produce a more natural curve than either could achieve on their own. This isn't so much valid for cylindrical structure, as it inherently creates a mild tapering to the shape. One use might be a gradually curving cupola on a turret, but for this demonstration, I will use a wheel and tire -- colouring inverted for visibility. See how rendered at an angle, those extra dots breaking the circular shape (indicated with green arrows), now aid in filling the dramatic gaps, creating a very convincing donut.

Drawing voxels isn't just about how they look straight-on, but rendered at the dimetric angle of flat surfaces in the game primarily, with some concern given to tilted viewing angles on slopes. Also keep in mind that with bounds shrinkage, you can give any shape extra sub-pixel information for the game engine to render more smoothly...



pixelwheeltut.jpg
 Description:
 Filesize:  165.29 KB
 Viewed:  1532 Time(s)

pixelwheeltut.jpg




Key Words: #Tutorials #Voxels #Graphics #Media #TiberianSun #Firestorm #RedAlert2 #YurisRevenge #OpenRA #VoxelSectionEditorIII 

_________________
http://www.moddb.com/mods/scorched-earth-ra2-mod-with-smart-ai

Back to top
View user's profile Send private message
Midian-P
Rocket Cyborg


Joined: 16 Mar 2018

PostPosted: Tue Nov 02, 2021 9:21 am    Post subject: Reply with quote  Mark this post and the followings unread

Perfect Tutorial for me because i still suck making Wheels. #Tongue

Back to top
View user's profile Send private message
Crimsonum
Seth


Joined: 14 Jul 2005
Location: Fineland

PostPosted: Tue Nov 02, 2021 1:06 pm    Post subject: Reply with quote  Mark this post and the followings unread

Use this.

Proper normals and color gradient should be applied to all shapes to make them appear more natural.

_________________


Back to top
View user's profile Send private message
J!NX
Civilian


Joined: 10 Jul 2021

PostPosted: Tue Jan 04, 2022 6:24 pm    Post subject: Reply with quote  Mark this post and the followings unread

Are there more tutorials around voxel art? Specifically for beginners? I am just getting started with pixel art, hoping it can translate some skills, but have done 3D a lot in the past. What are some common workflows for voxel unit creation?

Back to top
View user's profile Send private message
Display posts from previous:   
Post new topic   Reply to topic Page 1 of 1 [4 Posts] Mark the topic unread ::  View previous topic :: View next topic
 
Share on TwitterShare on FacebookShare on Google+Share on DiggShare on RedditShare on PInterestShare on Del.icio.usShare on Stumble Upon
Quick Reply
Username:


If you are visually impaired or cannot otherwise answer the challenges below please contact the Administrator for help.


Write only two of the following words separated by a sharp: Brotherhood, unity, peace! 

 
You cannot post new topics in this forum
You can reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum
You cannot attach files in this forum
You can download files in this forum


Powered by phpBB © phpBB Group

[ Time: 0.1359s ][ Queries: 14 (0.0107s) ][ Debug on ]