i was really hoping the theme would be "potato"

jk, this is a cool theme

time to learn html i guess
if i dont make it out alive tell my family i love them

would someone post a list of js frameworks that could be helpful for people?

Game engines like godot and stencyl and unity and construct and gamemaker have html5 export but because of browser security stuff they either require a server running to be opened locally on web browsers or enabling the --allow-file-access-from-files flag in chrome. (example server run with python: python -m http.server 8080 in the source directory, and then opening http://localhost:8080/),

i will play and speedrun these things on twitch (｀・ω・´)

sorry to bust any bubbles
but entries should really be stand alone
as in they contain all their components
and don't require the user to do more than open an .html document in a modern browser

i mean, you can link or embed the phaser library in an html document, right........

iz diz summar ships?!!!111 …...

if you hotlink a library who is hosting it?
will it be there indefinitely?
would the disappearance of said library from the internet break your game in the long run?

what if you just throw the library in the zip folder with everything else

>sorry to bust any bubbles
>but entries should really be stand alone
>as in they contain all their components
>and don't require the user to do more than open an .html document in a modern browser

This is kind of a huge problem since I'm making my game in GameMaker:Studio, which requires you to run a local webserver in order to play HTML5 games locally. I feel like I don't have time to learn HTML5 properly or learn a different tool. Would it be at all possible to make an exception for this? I really don't want to throw all my hard work away...

pretty much have decided html5 for gamejam is too much work for me to answer all the questions so we're just gonna do tic80 after this one from now on

Okay, big noob here... Spritesheets? How?

crop out individual sprites from the png file with GIMP or any other image editor you like that handles transparency

>paint

no pls do not use paint for editing images with transparency x.x

b u t h o w d o i p u t t h e m i n t h e t h i n g

my game currently just embeds the sprites I'm using directly in the code to ignore all of those pesky "this needs to be loaded from a server because accessing local data is dangerous" issues and I didn't feel like using not-canvas ways to draw the screen

something like

var img=new Image();
img.src= 'data:image/png;base64,[MASSIVE SPEW OF BASE64 DATA LOL]';

and I used the base64 utility to generate that spew of data
something like
$ base64 -w 0 < sprites.png > sprites.txt
(I'm on Windows, but I've got WSL installed -- there's other ways to do it)
then, you copy that text file in, replacing the [MASSIVE SPEW OF BASE64 DATA LOL] bit but leaving the rest

also, you'll need to wait until the image is loaded
my game throws the actual game code in a main() function and has it get called when the data is decoded
img.addEventListener('load', main, false)

like, I cut out the sprites I'm using in GIMP, the whole sheet as base64 would be huge lol

drawing the sprites from a loaded sprite sheet is ezpz, look up ctx.drawImage
https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/drawImage

in particular,
ctx.drawImage(image, sx, sy, sWidth, sHeight, dx, dy, dWidth, dHeight);

image is that image we loaded, sx/sy are where on the sheet to draw from, swidth/sheight are how wide/tall the sprite on the sheet is, dx/dy are where to put it on the canvas, and dwidth/dheight are optional parameters that say how wide/tall to scale the sprite to (so you can scale sprites)


also, I'm not going to lie, I expected this to be a tic-80 compo lol
oh well
doing it on a JS canvas isn't too hard, just has some weird gotchas

another way of getting the image data that I'm using is by using a simple <img> tag (this is especially useful if you're loading in the entire spritesheet like I'm doing, if you're using a lot of smaller sprites then base64 may be better)

if you put this in your html body:

<img id="spritesheet" style="display: none;" src="botb-spritesheet.png"/>

you can then use ctx.drawImage like this:

let spritesheet = document.getElementById("spritesheet");
ctx.drawImage(spritesheet, ...)

there aren't any CORS issues with loading a simple image as long as it's in a directory the html file can access. though make sure the image is loaded first before you draw it in canvas

oh and a useful tip: if you want to maintain crisp pixel edges when scaling images in canvas, you can place this code after you get the canvas context:

ctx.imageSmoothingEnabled = false;

"there aren't any CORS issues with loading a simple image as long as it's in a directory the html file can access. though make sure the image is loaded first before you draw it in canvas"

huh, I could have swore I had issues with that a while back, or maybe I'm misremembering
oh well, if it works, it works

"ctx.imageSmoothingEnabled = false;"

neat, thanks

Imagine not embedding chiptune.js to play all your music and sound effects

How far is everyone? I'm almost done, just doing some final polish and checking for bugs.

still need to finish the final part + add ingame music (not even written yet)

Please Play My Game

aaaand, I'm done
feels good

(and then it turns out there ends up being an extension and then I have to beef things up lol)

Extension wouldb e nice, even a day (Then i would have time to get some cool stuff like detecting custom beatmaps for the rhythm gaem)

I understand if no though. :<

a 1-day-extension would be cool because i have like no time until sunday evening and final polishing is always a good thing. not necessary tho

hey guys, unfortunately I caught this one too late, had to submit an assignment which was 4 days late, there goes 20% :c

I'll try tic80 maybe next game jam :o

Well, this was fun.
Some seriously cool entries in here.

azura stream when

EDIT 2020.06.18: AZURAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
EDIT 2020.06.19:
AZURAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
EDIT 2020.06.20:
AZURAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
EDIT 2020.06.21:
TENISEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEERS

i'll stream the entries at 12:30 EST https://www.twitch.tv/tennisered1

sorry botbrs,

i won't be doing a result stream for this today

Average Score: 21.531

So, what did we learn/get from this compo?
This is a general question for all of the entrants.

I had fun doing my entry. A lot of my time very early on was spent doing stuff that tic-80 does automagicially (spritesheets, getting graphics on screen, proper frame limiting in JS instead of just hoping vsync on your machine was 60hz), which bit into my time hard. One week was enough for me to get an idea out comfortably... but not much more than that.

I wanted to polish a few things up, add alternate modes to give the game some longevity, that sort of thing, but the remaining time I ended up having wasn't really enough to do anything too much without the high likelihood of having to abandon the additions before the deadline.

I dodged this issue because I did everything from scratch, but a few games had to be server hosted to work. A lot of webdev stuff in general assumes some kind of server at all these days. Also, some features just outright break depending on user config (like when I added score saving).
It's not nearly the graceful break I expected either (because I'm a dumdum who didn't read the docs completely and didn't wrap the functions to check since the feature was old enough that every browser that should be able to play the game would also have local storage support), but there's a lot of stuff that can just get pulled out underneath you, and dealing with it is added effort.

Really hoping that next time, next when, we do TIC-80 again.

i learned how to use godot which took a while because i had mostly only used stencyl and puzzlescript for games before, but it was mostly intuitive once i got my head around it.