JS1K 2012 Love Edition

[ponce]

http://js1k.com/2012-love/

Le retour du js1k ! 

[Saorel]

Bonsoir,

Je trouve ca cool, comme concours =D En plus on peut coder de chez soit ^^

Bon par contre j'ai une petite question ^^ J'ai pas compris comment on pèse l'exécutable ? En gros c'est quoi exactement qui doit faire -1k ? 

Si une âme charitable peut m'expliquer un grand merci =)

See you soon,

Saorel

[kaneel]

exécutable? js?

Faut juste que ton fichier .js fasse moins de 1k. Pour ça, faut que tu le pack avec genre: http://dean.edwards.name/packer/
(je sais pas si l y a mieux, à voir...)

[ponce]

Pas sur que les minifiers texte fassent le poids face à l'optim manuelle, par contre je crois que ceux qui font du packing de code dans un PNG ou GIF en base64 sont loin devant les autres.

[wullon]

je crois que ceux qui font du packing de code dans un PNG ou GIF en base64 sont loin devant les autres.

Ha cb avait évoqué l'idée à DemoJS, c'est une astuce "classique" ?

[kaneel]

le packing en base64 s'est déjà vu en effet. le packer de Dean Edwards gère le base packing ainsi que la réécriture de chaque variables et la minification, c'est le plus complet de loin... attention cependant à certaines optims qui foutent parfois un peu la merde selon sa méthode de programmation. J'ai déjà vu le packer optimiser les "unnecesarry semicolons" de manière chelou et ça créait des erreurs.

[p01]

Hola,

1kb est la taille maxi du JS à mettre dans le shim*. Les prods doivent imperativement fonctionner dans TOUS les navigateurs stables ( FF, OP, CH, SF ).

Attention, le shim, et donc le JS, est en UTF-8: tout caracter dont le code ASCII est >127 coute 1 octet suplementaire!!!

Et non, les optimizer/minifiers ne font pas le poids face à l'optimization à la mano. Oh, et dans JS1k il est interdit d'utiliser des resources externes ( donc pas d'image, pas de  son, pas de données qui viennet d'une API genre Twitter, Flickr, ... ).

Aussi, je ne demande qu'à me tromper mais mon experience est que pour JS1k, packer le code dans une PNG/GIF ne vaut pas le coup car l'image doit etre stockée dont une chaine de characteres** en BASE64 et du coup ca augmente la taille de la PNG/GIF 33%. Et il faut compter 100-150 octets pour charger cette image, la mettre ans un canvas, boucler sur tous les pixels pour reconstruire le code et evaluer le code. En gros il faut que la PNG/GIF fasse moins de 675 octets. Bonne chance!

*: http://js1k.com/2012-love/shim.html
**: Il est interdit d'utiliser des resources externes dans JS1k

[ponce]

Ah ok donc je parlais bien "out of my ass" comme je pensais
Sympa de passer dans le coin p01.

[Vince]

Je suis d'accord avec p01; l'utilisation des png/gifs ne valent pas le coup sur des 1K. Ça prend trop de caractères à décompresser la chaîne (pour ne pas avoir assez de gain au final).

Par contre savez-vous si on peut utiliser webgl dans ce concours ? L'initialisation de getContext('2d') dans le shim empeche l'initialisation du contexte pour webgl ce qui me met le doute.


Je pense y participer, je cherche juste l'inspiration (quelqu'un a déjà mis ce que je souhaitais faire :p)

[ponce]

Par contre savez-vous si on peut utiliser webgl dans ce concours ?

Les règles stipulent que non.

[Vince]

Merci pour l'info, c'est con il me restait 600 bits pour écrire mon shader

[p01]

ponce: Merci:

vince: je croyais qu'il etait possible d'obtenir le context 2d ET webgl pour le même Canvas.

Sinon je serait curieux de voir tes esais WebGL pour JS1k. Au final, pour GL1k Cotton Candy, je me suis arreté à 87 octets de HTML+CSS et 314 octets de JS pour avoir un triangle en plein ecran ( mais en conservant le viewport initial de 300x150 ) avec un fragment shader et une variable uniform 't'. J'imagine que modifier le viewport et le fragment shader en fonction doit couter 50-100 octets.

[Patapom]

Pooooooooooooooooooooooooïïïïïïïïïïïïïïïïïïïïïïïïïïïïïïïïïïïïïïïïï !
Mais qu'est-ce tu fais là ?

[kaneel]

if (js) initP01();

[ponce]

Bon c'est juste pour participer, j'ai pas rempli les 1k.
http://js1k.com/2012-love/demo/1115