Game Development

TheMuffinCoder

00:00

I have all the major browsers installed

Ill test it for you Joe :D

Pip

Here's all that I got as far as an error:

InvalidStateError: An attempt was made to use an object that is not, or is no longer, usable

Joe

something about no longer available object

yea

TheMuffinCoder

Oh no Joe

Joe

i have the fix @Pip... Chrome

TheMuffinCoder

Joe your canvas doesn't scale correctly

It starts using antialising

Here do this

Pip

00:01

@Joe fuck you :D

Joe

lol

TheMuffinCoder

context['mozImageSmoothingEnabled'] = false;
context['msImageSmoothingEnabled'] = false;
context['imageSmoothingEnabled'] = false;

This will allow it to render crisp/pixelated correctly

Joe

hmm i was using the last one

do i need the others?

TheMuffinCoder

You're not supposed to need the others

But those are just incase

You also need another set of them

here is some CSS you need

	canvas {

			image-rendering: optimizeSpeed;
			image-rendering: -moz-crisp-edges;
			image-rendering: -webkit-optimize-contrast;
			image-rendering: -o-crisp-edges;
			image-rendering: optimize-contrast;
			image-rendering: pixelated;
			-ms-interpolation-mode: nearest-neighbor;
		}

Joe

oof im already 150 bytes over

dont know if ill be adding any of this haha

TheMuffinCoder

00:03

Lol but Joe its worth for the points

Joe

ill have to see what i can cut

TheMuffinCoder

You get more points for supporting more browsers

Joe :P Want me to optimize all your spritesheets?

Joe

not worth it if i get disqualified for being over 13k

i already did

with tinypng.com

TheMuffinCoder

With gimp?

Lol ill look at your final build :D

@Joe wait I cant find your build D:

Joe

what are you looking for?

TheMuffinCoder

00:09

the final compressed minified file :D

Joe

hmm i must have git ignored it

ok! github.com/josephjaniga/js13k-2015/tree/master

added zip dir

TheMuffinCoder

WHOA @Joe @Pip

p01.org/defender_of_the_favicon

You gotta check that out

ITS A FULL BLOWN GAME AS THE FAVICON

TEddyBEaR

looks cool.

TheMuffinCoder

00:47

You have been visited by the programmer nightmare, you'll have to debug code with this: catch (Throwable T) {}

Pip

00:57

lol

TheMuffinCoder

:( the C++ lounge told me it was nothing but a unpleasant dream

Joe

01:11

@TheMuffinCoder so what did you conclude from your analysis of my scrubby code

TheMuffinCoder

Lol i didnt check yet

@Joe Hey Joe you know you can save more bytes

By copying the javascript code into your <script> tags

Then there's no need to have that additional files and reduces unneeded byte like adding src to it and file name

Joe

you are absolutely right

TheMuffinCoder

:D did i help you then?

Joe

thats definitely something, at lest 20 chars

so yea ty

TheMuffinCoder

@Joe OUCH i know why your code is so big now

The compiler can't optimize your code well because of all the classes and objects

Look here for example

n.velocity

It should had renamed velocity to another shorter name like abc

Joe

01:15

yea i saw that too

but i dont know how to resolve it

TheMuffinCoder

If you want you can manually just do

ctrl find and replace all

and just put something like adc

Joe

i bet the minifier has a property name flag hmm

TheMuffinCoder

@Joe One last thing

Don't include the spritesheet in your javascript file

It's way bigger than if it were a separate file and just have to load it

Once it gets encoded into base64 or whatever its called it can't be as compressed as the .png file can

Joe

its not way bigger its like 20%?

let me look into that

TheMuffinCoder

:P but isn't less than 20% enough just to help you reach 13k?

Lol i hope my tips help you

Joe

01:18

i guess that could get me there i liked having my build be two files

TheMuffinCoder

hey joe how many bytes are you over?

Joe

i think its just shy 200 bytes

TheMuffinCoder

:D

Then don't bother with the spritesheet yet till you try shortening the variable names

Joe

but i could stand to make more space

i still have features i wanted

TheMuffinCoder

:D

Then you can add fancy particles like mine :D

Joe I'm actually scared of what Kevin is going to do

Joe

01:20

thats on my list

TheMuffinCoder

If anyone goes with Webgl, they're already a scary entry

Joe

important thing is what you do, i just want to finish what i started

user92578

07:17

Hi

Hjorthenify

07:31

Hi

Kevin van der Velden

07:42

\o

@TheMuffinCoder evil laugh

I figured out procedural generation for images

user92578

07:56

Kevin you had a thing for generating the 48 tiles for bitmapping from 5 smaller tiles, right?

Kevin van der Velden

I have a thing that generates both the 5 smaller tiles and the 48 bigger tiles

That can be easily changed to do what you want

user92578

I'm getting tired of making sprite mistakes and having to replace ~20 tile corners by hand

user92578

Was the tool on GitHub?

Kevin van der Velden

Yeah

user92578

Got a link?, I don't remember your GitHub username anymore

user92578

08:00

sorry

Kevin van der Velden

github.com/KevinVDVelden/Utilities/tree/TextureTileGen

user92578

thanks

user92578

I only get "PaletteGen"

user92578

I need to change a branch or something?

Kevin van der Velden

Yeah

user92578

08:07

aight got it

user92578

So does the tool do what I want it to do? I supply 5 tiles to it and it generates the 48 tiles for me?

Kevin van der Velden

11 mins ago, by Kevin van der Velden

I have a thing that generates both the 5 smaller tiles and the 48 bigger tiles

Nope, the change is easy though

user92578

Ohh

user92578

Okay

user92578

Can you guide me trough it or do I start diving in to your code?

Kevin van der Velden

08:14

Just start hacking, there's one place where it saves the small file, just replace that with loading the file

user92578

output.save( 'out_minimal.png' )?

user92578

Ah, I think I see it

user92578

I want to read in an image that's 5*small_tile_size wide?

Kevin van der Velden

No

Look around the quoted message, it shows an example of the output

user92578

That quoted message from 11 mins ago?

Kevin van der Velden

08:18

Oh wait

I quoted the wrong thing

Or uuh, I didn't quote it

user92578

:D

Kevin van der Velden

I copied it

Aug 24 at 19:30, by Kevin van der Velden

user92578

Ah

user92578

So I want to draw an image like that

user92578

And load that into the generator

user92578

08:19

That's two tiles high and 3 wide, right?

Kevin van der Velden

Yeah

Tile (1,2) doesn't need to be filled of course

user92578

(2, 1)?

Kevin van der Velden

Uuh yes

Derp

I'm doing other stuff =p

user92578

:D

user92578

Sorry if I taking your time away

Kevin van der Velden

08:21

Naah

Lokkij

Omnath has changed a bit since we last saw him! (before the emergence of the Eldrazi)

user92578

assert source.bytesPerPixel == dest.bytesPerPixel

user92578

That's failing

Kevin van der Velden

Make sure everything is 24 bits

user92578

now array index is out of range

Kevin van der Velden

08:26

Stacktrace?

user92578

Traceback (most recent call last):
  File "E:\Devel\Workspace\Visual\C++\GunHeroRemake\GunHeroRemake\GunHeroTool\Tile\generate.py", line 159, in <module>
    blit16x16( output, fullOutput, sections[section], fullOutput.I( x, y ) )
  File "E:\Devel\Workspace\Visual\C++\GunHeroRemake\GunHeroRemake\GunHeroTool\Tile\generate.py", line 93, in blit16x16
    dest.pixels[x + destStart] = source.pixels[x + sourceStart]
IndexError: array index out of range

Kevin van der Velden

Is your tile size not 32x32?

user92578

It's 16

user92578

Soooo

user92578

Replace "16" with "8"?

Kevin van der Velden

08:29

Pretty much

It's a prototype I made in a few hours that I opensourced for pip

user92578

Yeah I understand that it's not perfect

user92578

And I guess I also need to change the sections = (...) data

user92578

that almost worked

Kevin van der Velden

Uuuh don't remember, maybe

user92578

Yeah I got it

user92578

08:37

getting my hair cut, bb in ~1h

Kevin van der Velden

Grow your hair out! No need to get it cut

user92578

08:57

It looks ugly when it gets past a certain point

user92578

My hair style is making it up a little from the front

user92578

Cant do that with longish hair

user92578

Ive thought about getting a true metal hair

user92578

But I was like "nah"

Kevin van der Velden

Step 1 of procedural generation of my floortiles :D

user92578

09:08

Cool

Kevin van der Velden

Now to add some noise and done

user92578

:D

user92578

My first tiles were always just color + noise

user92578

Is this for the JS thing?

Kevin van der Velden

Yeah

user92578

09:10

When is the deadline?

Kevin van der Velden

13 sept

user92578

Ah

user92578

And youre making the reversed Invis Inc?

Kevin van der Velden

Is the plan

user92578

Sounds really cool

Kevin van der Velden

09:21

Hmm, value noise, I don't think it works 100% but

Damnit brain, that's an image on a monitor, it does not have depth

(I flipped the shadows and now my brain is refusing to not see the dark sections as being deeper)

(I think that means I did it right btw)

Kevin van der Velden

09:45

Oooooh, it's less than 13k zipped

3041 bytes :D

(I am totally not brute forcing every zip compression level to pick the smallest one, noo not at all)

(Incidentally, -6 is 1 byte smaller than -9)

Kevin van der Velden

10:49

Yeah

user92578

Nice

user92578

I think I'm finally happy with the tiles:

user92578

Now I just need to figure out how the fuck am I going to blend those two together somehow smoothly

user92578

because that looks just horrible

Kevin van der Velden

10:56

@Tyyppi_77 You should be, they look good

user92578

thanks

user92578

The noise overlay is a bit buggy

user92578

But otherwise I'm satisfied

user92578

The system for multiple terrain types on the same layer is still a bit work in progress

user92578

But yeah

user92578

10:59

hmm

Jon

11:17

:D

ncix.com/detail/asus-geforce-gtx-760-x-5e-93417-1382.htm

why would anyone want to buy this? It apparently has 2 gpus on the same card

user92578

11:36

mum brought me coffee and a bowl of marshmallows :)

TEddyBEaR

^^

Kevin van der Velden

@Jon SLI but without the hassle, ooh and way worse cooling (comparatively)

user92578

11:49

That looks good, doesn't it?

user92578

Kevin van der Velden

I'd say so, there might be a bit too much difference in colour though

A bit darker perhaps?

user92578

The border?

Kevin van der Velden

Yeah

user92578

I'm thinking about changing the whole foreground terrain border color to match more the stone color

user92578

11:56

The current sandish color might be too bright

user92578

How does this look?

user92578

Hjorthenify

12:11

@KevinvanderVelden I see the same thing, so yes you did it right :P

@Ali.S I would, but I dont have a screwdriver of the right fit

Ali.S

@Hjorthenify actually you don't need an screwdriver to take a single key out

you just need lots of force, and the belief that it won't break!

Hjorthenify

I thought you wanted me to disconnect it :P But yeah.. I guess I could give that a shot

Or should I make use of the warranty on it and just make them fix it?

If I do there's 33% chance that I'll be the one fixing it anyways :D

Ali.S

@Hjorthenify you sure, it's only 33%?

Hjorthenify

1/3 so more precisely 33.33333%

Ali.S

base on the little I have with warranties, there is 100% chance that I will eventually fix it, and 33% that they break it more :P

Hjorthenify

12:20

I'm one of three who fixes laptops at the place she bought it from :P

Ali.S

@Hjorthenify ok... that makes sense :D

Hjorthenify

So yeah.. 33% chance that I'll be assigned to it and another 33% that i'll break it even more :D

user92578

12:33

Can I write this shorter somehow?

if (overlayBackgroundLayer->GetTileAt(m_PositionX, m_PositionY) && overlayBackgroundLayer->GetTileAt(m_PositionX, m_PositionY)->GetTileType() == m_TileType)

Kevin van der Velden

auto tile = overlayBackgroundLayer->GetTileAt(m_PositionX, m_PositionY);
if ( tile && tile->GetTileType() == m_TileType )

user92578

Well yeah, that I guess

user92578

Nice use of the auto, you really didn't know what it returned :D

Ali.S

@Tyyppi_77 C++? I would go with something like this:

if (auto tile = overlayBackgroundLayer->getTileAt(m_PositionX, m_PositionY))
    if (tile->getTileType() == m_TileType)
    {
        ...
    }

user92578

I see

user92578

12:40

As that's such a common pattern in my brush code, I just ended up making a macro

user92578

#define TILE_EXISTS_AND_IS_OF_TYPE(l, x, y, t) (l->GetTileAt((x), (y)) && l->GetTileAt((x), (y))->GetTileType() == t)

Kevin van der Velden

@Tyyppi_77 you wrap all but the 2 where it matters in parenthesis =[

user92578

Really???

Kevin van der Velden

Yup, x and y won't have ambiguity in resolving them, both l and t could cause problems

user92578

how?

Kevin van der Velden

12:43

TILE_EXISTS_AND_IS_OF_TYPE( condition ? front : back, x, y, t )

Hjorthenify

@Tyyppi_77 Make a get tile type at function in the background layer

user92578

13:35

What?

user92578

@KevinvanderVelden Good point, fix'd

Hjorthenify

If you use that function so often why dont you just add a GetTileTypeAt(index) function to your background layer?

user92578

Because it's the tiles responsibility to maintain that information

user92578

And it doesn't make sense to add that to the layer

user92578

It's better as an utility, tied to the brush

Hjorthenify

13:40

So you only need it in the brush?

user92578

Yup

user92578

14:05

This stuff gets really tricky really quickly

user92578

Might have to re-program this for clarity

user92578

Almost works now

user92578

14:18

I wonder if it had been a better idea to let every tile check it's mask by itself

Lokkij

14:39

Ubuntu would be a good distro for someone who has never used Linux before, right?

user92578

That's what I've heard, but I have no experience of it myself

Lokkij

College is (finally) starting on Monday, and they assume you have access to a Mac or Linux machine

So I'm finally going to try Linux

user92578

Ah

user92578

Now I'll do something easy, like a tree brush

user92578

All tough I need to add a new UI element for that, item variations

Hjorthenify

14:43

@Lokkij Ubuntu is easy, yes. Many are also recommending Arch though

Lokkij

Hmm

user92578

I wonder if I should implement a nice generic base for "stamp" brushes...

TheMuffinCoder

15:18

@KevinvanderVelden Hey kevin are you going to make another stream for the js13k like you did for the ludam dare? :P

Kevin van der Velden

Maybe occasionally

TheMuffinCoder

Oh okay :D

I want to see the master code in webgl

Kevin van der Velden

Right now I'm figuring out if my math library is dumb or if I'm dumb

TheMuffinCoder

xD

Kevin van der Velden

It's not doing what I expect

TheMuffinCoder

15:19

I shall predict your winning position

 Math.random() * 10 | 0

Third place!

Okay im going try it for myself

:( it predicted that I'm going to get 7th

Kevin van der Velden

Okay, I'm blaming the library

TheMuffinCoder

xD

Kevin van der Velden

I'm just doing translation and it's rotating

So, anyone know any good javascript math libraries?

TheMuffinCoder

For webgl?

Kevin van der Velden

Yeah

user92578

15:25

@KevinvanderVelden I usually just blame floating point precision :D

user92578

15:41

Joe

@KevinvanderVelden most libraries are > 13k anyways?

Kevin van der Velden

@Joe that's what minification is for but yeah

Joe

even minned i mean

Kevin van der Velden

Well, I've also got a javascript compiler that removes dead code

So, yes, the library is 36k unminified, but the total thing is currently 6k

Joe

nice

TheMuffinCoder

15:47

Hey joe any new features?

Joe

i have a new feature called 13281 bytes total

trying to figure out if thats < 13k

Kevin van der Velden

How are you guys compressing it?

Joe

standard zip after concatentating and minifying all html and js

TheMuffinCoder

I use the closure compiler and

Ultra by hand optimization

Joe

"uglifyjs"

TheMuffinCoder

15:48

I write all my code in 1 file and use no classes and very few objects

Kevin van der Velden

I've got closure, then uglifyjs (takes off a whole 80 bytes) and then compression

Joe

github.com/josephjaniga/js13k-2015

TheMuffinCoder

@Joe @KevinvanderVelden look at this >:^)

user92578

TheMuffinCoder

github.com/TheMuffinCoder/Reversed-Current/blob/gh-pages/…

Joe

15:49

depending on the uglify version... it might not be doing name mangling

user92578

Sorry for the spam, I'm just making some progress :)

Joe

@Tyyppi_77 its cool man im jealous

Kevin van der Velden

@Tyyppi_77 you've seen what happens when I make progress =p

TheMuffinCoder

Im jelly

Joe

i never made an in game editor

user92578

15:49

Thanks guys :)

user92578

I'm still suuuper hyped about this

TheMuffinCoder

Lol i always love the art style @Tyyppi_77

My pixel art always looks like trash if i try to do anything bigger than 16x16

user92578

All my tiles are 16x16

user92578

But thanks a lot

TheMuffinCoder

oh LOL

See, it has so much detailed I thought it was 32x32

user92578

15:51

Thanks

TheMuffinCoder

@Joe playfuljs.com/a-first-person-engine-in-265-lines

We have to make a 3D game for next years js13k

Joe

i just wrote my first C style one line song algorithm and its awesome

"t*(3&t>>10) - t*(6&t>>10) + (t*(9&t>>10))&128" wurstcaptures.untergrund.net/music

and that link totally didnt work

TheMuffinCoder

rip head phone users

Joe

haha oh sorry yea that site starts with volume at 99999999

TheMuffinCoder

Experimental music from very short C programs

►

2

Joe

16:04

yea ive been reading all of this guys stuff

TheMuffinCoder

I have spent the past 10 minutes listening to those songs,

I think I killed my ear drums

user92578

Imma call it a day, bye guys!

TheMuffinCoder

Bye tyyppi!

Here takes this with you

(>")> here's a banana

user92578

Oh, thanks a lot!

TheMuffinCoder

xD

user92578

16:12

:D

Kevin van der Velden

16:35

... so, flipping the matrices around before uploading them works

For some reason

user2475983

16:52

Hello guys, I'm not sure if it qualifies for a question here, so asking on chat:
I was wondering for a while, how to program a 'world' simulation. I dont think about physical world or physics rules but rather interaction of several entities. I tried to google some articels but all i can find are articles about our world being Matrix-Like simulation ;). Is there anything you could recommend for reading ?

Lokkij

Ouph, that's probably an incredibly broad topic

user2475983

well let's try to narrow it. Let's say i would like to simulate a life in the village. Without physics rules. Just several citizens doing their daily stuff - farming, eating, talking (or other social interaction between them). Those things would modify citizen's indicators. If some are low, citizens would die. If some are high, citizens would reproduce.

Without some really deep stuff, maybe some dice chance based.

Jon

That enermax PS I found in my basement doesnt have a PCIE connection... damnit

Almo

17:09

how to program a "world simulation" woa... that's a big one

@IcyDefiance @Lokkij ooch stuck hard on sequence peak detector

Kevin van der Velden

@user2475983 dwarf fortress does some of that

There's a few articles (mostly interviews) floating about

Almo

Dwarf Fortress is free but not open source, right?

Kevin van der Velden

Yes

Almo

TIS-100 is fuckin hard, once you get going on it

where I am, I'm not stuck trying to optimize, I can't even get a working solution

can't stuff enough code into one node

Kevin van der Velden

(Holy shit of dwarf fortress were open source, it'd probably be way better with benevolent dictator for life making content and the community improving the code (say, multithreading(#@&%#@%&, better interface))

2

user2475983

17:25

well maybe I said it just too greatly ... just simulation of entities interacting in some kind of world. Like the village example i mentioned ealier. The village is some kind of world for the villagers :). But thanks, gonna check out dwarf fortress articles.

good example would be 'game of life' but that's fairly too easy :P

Kevin van der Velden

I'd not call game of life a simulation

Also, yay! I has input working

And basic rendering

Pip

17:56

eyo!

Can anyone recommend an IRC client for Linux? I'm using HexChat for Windows but I don't spend a ton of time there

@Joe I approve

It acutally sounds kind of cool to change the last number to a 127

Ooh 90 sounds cool as well

And 40 :P

Just messing with this is a surprising amount of fun

Joe

i got sucked into it for like 2 hours

Pip

Man

Joe

i think im just going to use what i have right now and submit

Pip

This is actually really entertaining

@Joe go for it!

Joe

i just wanted something more melodic

its soo repetitive

dont understand how to do that yet

Pip

18:03

HAHA

t*(2&t>>10) - t*(1&t>>10) + (t*(9&t>>10))&128 - t*(23&t>>10)

The longer you seem to make the chain the more variation there is

Joe

((t*5&t>>7)|(t*3&t>>10))&255 is what i presently have on the game page

Pip

t*(2&t>>10) - t*(1&t>>10) + (t*(9&t>>10))&128 - t*(23&t>>10) + t*(1&t>>10)

I like it

Joe

i didnt change it i just found it

which sucks

its awesome though

Pip

Interesting

((t*5&t>>7)|(t*3&t>>10))&255 ^ t*10 + t*(t*2>>t) *t*t*t*t*t*t*t*t*t

I got some legible melody going with ((t*5&t>>7)|(t*3&t>>10))&255 ^ t*10 + (t*t ^ t >> 10)

anyway

too much of a time sink for right now :D

TheMuffinCoder

18:28

It really annoys me when you're hands are so slow/weak that they slow you down while writing

My summer hw is so easy but i cant type it out :(

Almo

18:42

@Joe note the heavy use of prime numbers in the ones in the video

that's one place the variation comes from

Pip

Fucking online class bullshit

Almo

MOV UP, ACC
MOV ACC, DOWN
MOV ACC, RIGHT

Transcript for