Messing around with CSS

The wide crazy world of art and also stuff

Moderators: Hoboman, Arkbrik

Messing around with CSS

Postby Tzan » Tue Feb 18, 2014 11:33 am

Figuring out spacing, layouts.
I was looking at the way the Brikwars css file was arraigned, how they made use of Class vs ID stuff.
Hand coded, because thats the only way you learn it.
Also it saves me $400 by not purchasing Dreamweaver.

The css is this file is a mess, because I'm still experimenting.

https://dl.dropboxusercontent.com/u/104 ... se_01.html
User avatar
Tzan
Blockguy
 
Posts: 5154
Joined: Sun Dec 30, 2007 4:41 pm
Location: Boston

Re: Messing around with CSS

Postby Zupponn » Tue Feb 18, 2014 12:21 pm

Looks good so far.
Image
User avatar
Zupponn
Lovable and funny
Lovable and funny
 
Posts: 6021
Joined: Mon Mar 21, 2011 6:15 pm
Location: Wisconsin, land of the cheese

Re: Messing around with CSS

Postby Tzan » Tue Feb 18, 2014 7:44 pm

I am working directly on the file that's on Dropbox.
So it changes as I work on it.
User avatar
Tzan
Blockguy
 
Posts: 5154
Joined: Sun Dec 30, 2007 4:41 pm
Location: Boston

Re: Messing around with CSS

Postby Zupponn » Wed Feb 19, 2014 2:58 am

Now that I'm home I had a chance to take a look at the source. It doesn't look too bad, although I don't know exactly what's going on like Bonn-o-Tron. The last time I used CSS was a couple of years ago.
Image
User avatar
Zupponn
Lovable and funny
Lovable and funny
 
Posts: 6021
Joined: Mon Mar 21, 2011 6:15 pm
Location: Wisconsin, land of the cheese

Re: Messing around with CSS

Postby Tzan » Wed Feb 19, 2014 10:40 am

When I said it was a mess I meant there is alot commented out and some classes not in use.
So it just looks messy, the actual working bits are fine.

The push pins in the middle got rotated a bit.
I didnt know we could do that.
User avatar
Tzan
Blockguy
 
Posts: 5154
Joined: Sun Dec 30, 2007 4:41 pm
Location: Boston

Re: Messing around with CSS

Postby Zupponn » Wed Feb 19, 2014 7:13 pm

Ah, I noticed that, but just figured it was a work in progress, so...
Image
User avatar
Zupponn
Lovable and funny
Lovable and funny
 
Posts: 6021
Joined: Mon Mar 21, 2011 6:15 pm
Location: Wisconsin, land of the cheese

Re: Messing around with CSS

Postby Tzan » Wed Feb 19, 2014 7:24 pm

I rotated them on purpose.
You can't do that by accident. :D

I just didnt know we had a command like that until yesterday when I spotted it while going thru the WC3 CSS tutorials.

.rot20
{
transform:rotate(20deg);
-ms-transform:rotate(20deg); /* IE 9 */
-webkit-transform:rotate(20deg); /* Safari and Chrome */
-moz-transform:rotate(20deg); /* mozilla */
}
User avatar
Tzan
Blockguy
 
Posts: 5154
Joined: Sun Dec 30, 2007 4:41 pm
Location: Boston

Re: Messing around with CSS

Postby Tzan » Sat Feb 22, 2014 12:28 am

I like rounded corners.
User avatar
Tzan
Blockguy
 
Posts: 5154
Joined: Sun Dec 30, 2007 4:41 pm
Location: Boston

Re: Messing around with CSS

Postby Natalya » Sat Feb 22, 2014 7:02 pm

Tzan are you still making that game? If so, what kind of help do you need on it? I learned Java at college last fall and I have Unity and have played around in it a bit. I also make like 3D models and shit if you need some of those. And I've done vehicle animation, specifically making the wheels spin, front wheels turn with the steering wheel, and the suspension work when driving over bumps. I could do more complicated stuff but haven't had a reason to try.
Image
  ▲
▲ ▲

"Each night alone I dream, that I'm a rebel Roller Queen‼
I'll be a star that shines, I can make the whole world mine‼"


Image
User avatar
Natalya
Tremble in awe, for I am become Admin, Banner of Noobs.
Tremble in awe, for I am become Admin, Banner of Noobs.
 
Posts: 5427
Joined: Wed Sep 17, 2008 10:57 pm
Location: Now in Ontario

Re: Messing around with CSS

Postby Tzan » Sat Feb 22, 2014 10:52 pm

Yeah I've been poking at it occasionally.
Its a ton of work.

I have no idea if I will have the time to follow thru on my end.
I wouldn't want you to waste your time on something that might not get too much further.

But anyway, here is a list of things I could off load.

Programming in Unity is a long road of learning.
I know Unity looks like just drag and dropping, but its not and nothing I do is done like that, its all in code.

Unity uses C#, its very similar to Java.
Unity handles things very different to the way you would program a game in anything else.
So I'll say what I tell everyone, do TicTacToe in Unity, you will learn so much just doing that.

You can make 3D models and do the game in 3D.
The best way to learn Unity is to go through the tutorials on the site.
Then read thru all the documentation, skim stuff you don't need right away, http://unity3d.com/learn/documentation
Then skim all the API docs. http://docs.unity3d.com/Documentation/S ... index.html
http://unity3d.com/learn/tutorials/projects I read through one of these when I started, very useful.
Although the one I used isn't here anymore.


Character Animation
Take the guy I have right now
Put bones on him
Do the usual animation moves, walk run, shoot, swing, die, etc.
Get all that put into Unity Mecanim, which means figuring out how to use Mecanim.
Which means figuring out how to load in models and general Unity usage.
There is a difference between doing that and making it look good.
I wouldnt expect your, or my, first attempt at character animation to be any good. But it needs to be.
I know I could do it, I have messed around in Lightwave with bones a bit. But it would take a while.

Rules System
Programming a way to handle rules in an unordered list.
I have a good handle on a way to try that.
But really that's a job for me or someone with 5 years of programming experience.

Entity System
A way of handling all the live objects in the game.
There is a C# implementation of the Atemis system.
http://thelinuxlich.github.io/artemis_CSharp/

But the code was never meant to work in Unity, so it needs to be adjusted.
There are C# .Net commands in it that are not supported in Unity.
Or maybe I'll just do it the old fashioned way. I havent decided yet.

Because I design as I go along, there are lots of thing I just havent decided on yet.
I learned how to do protobuffers, https://code.google.com/p/protobuf-net/ but maybe one of the assets on the Unity store would be better for saving and loading.

Landscape parts
Because I need to make the 3D models more data driven, just making a model using my way of dynamically coloring vertexes doesn't work so good.
I may need to actually make the brick builder first, then make bushes, rocks, etc right in the game so I can save them out with all the right meta data.
Otherwise I need to make C# classes with the data there, one for every model, thats how its done now.
Which is why I stopped at just a few trees, instead of creating hundreds of landscape part classes.
The other way is loading up a spreadsheet with all the data.

So really I don't know if you can help with anything.

Learning Unity isn't a waste of time, because you will learn C# and push you to program more complicated things.

I started in 1987 in basic
1990-1992 C
1998-2009 Java
2010- C#

Everything builds on the previous stuff even though the language changes.

Learning Unity takes months.
User avatar
Tzan
Blockguy
 
Posts: 5154
Joined: Sun Dec 30, 2007 4:41 pm
Location: Boston

Re: Messing around with CSS

Postby Natalya » Sun Feb 23, 2014 10:11 am

Give me your character model and any materials he uses I'll animate him.

I can't build the whole game but I can do one piece at a time, and that sounds like a useful place to start. I already know how to load models into unity and how to set up materials on them.
Image
  ▲
▲ ▲

"Each night alone I dream, that I'm a rebel Roller Queen‼
I'll be a star that shines, I can make the whole world mine‼"


Image
User avatar
Natalya
Tremble in awe, for I am become Admin, Banner of Noobs.
Tremble in awe, for I am become Admin, Banner of Noobs.
 
Posts: 5427
Joined: Wed Sep 17, 2008 10:57 pm
Location: Now in Ontario

Re: Messing around with CSS

Postby Natalya » Mon Feb 24, 2014 11:38 am

Image

Image
Image
  ▲
▲ ▲

"Each night alone I dream, that I'm a rebel Roller Queen‼
I'll be a star that shines, I can make the whole world mine‼"


Image
User avatar
Natalya
Tremble in awe, for I am become Admin, Banner of Noobs.
Tremble in awe, for I am become Admin, Banner of Noobs.
 
Posts: 5427
Joined: Wed Sep 17, 2008 10:57 pm
Location: Now in Ontario

Re: Messing around with CSS

Postby Natalya » Mon Feb 24, 2014 12:47 pm

Image

Idle animation holding a knife. I also made an animation where he draws the knife from his left hip. The same animation reversed would let him put it back.
Image
  ▲
▲ ▲

"Each night alone I dream, that I'm a rebel Roller Queen‼
I'll be a star that shines, I can make the whole world mine‼"


Image
User avatar
Natalya
Tremble in awe, for I am become Admin, Banner of Noobs.
Tremble in awe, for I am become Admin, Banner of Noobs.
 
Posts: 5427
Joined: Wed Sep 17, 2008 10:57 pm
Location: Now in Ontario

Re: Messing around with CSS

Postby Silverdream » Mon Feb 24, 2014 12:55 pm

That's the most horrifying thing I've ever seen.
Image

Spoiler: show
mgb519 wrote:Seriously, you are now the first ever forum superhero.


Colette wrote:I hereby acknowledge Silverdream as the one and only forum troll as agreed in the bet.


Quantumsurfer wrote:No, I have 2 silver.
User avatar
Silverdream
Maximus, I'm Dying
 
Posts: 8012
Joined: Sun Mar 15, 2009 5:33 pm
Location: Feeding my fuckin' habit.

Re: Messing around with CSS

Postby Natalya » Mon Feb 24, 2014 3:09 pm

Image
Image
  ▲
▲ ▲

"Each night alone I dream, that I'm a rebel Roller Queen‼
I'll be a star that shines, I can make the whole world mine‼"


Image
User avatar
Natalya
Tremble in awe, for I am become Admin, Banner of Noobs.
Tremble in awe, for I am become Admin, Banner of Noobs.
 
Posts: 5427
Joined: Wed Sep 17, 2008 10:57 pm
Location: Now in Ontario

Next

Return to Artwork

Who is online

Users browsing this forum: No registered users and 1 guest