[Ludique] Défis code en un tweet

**SylvainPV** · 06/08/2013, 11h30

Exactement ça me sert juste à passer ma variable locale dans le scope global pour l'utiliser dans le code évalué par setInterval. Très moche, en effet

Après je peux toujours dire que mon facteur "rosace" est en dur dans le code plutôt qu'en argument. Mais en le changeant je fais plein de rosaces différentes et je trouvais ça cool

Pour l'histoire de Math.sin, c'est pas une mauvaise idée mais au final si je dois écrire Math.PI ça me revient au même en nombre de caractères non ? Ou alors je fais une approximation de PI/2 à 1.57:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
(function(C){
    c=C.getContext('2d');
    c.transform(2,t=0,0,1,148,R=74);    
    X=Math.cos;
    setInterval("c.fillRect(R*(r=X(8/5*t))*X(t),R*r*X(1.57-(t+=.01)),1,1)",5);
})(document.querySelector("canvas"));

**Auteur** · 06/08/2013, 12h50

Envoyé par SylvainPV

Pour l'histoire de Math.sin, c'est pas une mauvaise idée mais au final si je dois écrire Math.PI ça me revient au même en nombre de caractères non ? Ou alors je fais une approximation de PI/2 à 1.57:

3.14/2 = 1.57
3.1415 = 1.5707
je pense que tu peux te permettre l'approximation

**NoSmoking** · 06/08/2013, 14h58

Pourquoi ne pas passer directement le context en paramètre

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
(function(C){
    c=C;
    c.transform(2,t=0,0,1,148,R=74);    
    X=Math.cos;
    setInterval("c.fillRect(R*(r=X(8/5*t))*X(t),R*r*X(1.57-(t+=.01)),1,1)",5);
})(document.querySelector("canvas").getContext('2d'));

**SylvainPV** · 06/08/2013, 15h50

Pour respecter mes propres consignes et ne pas se servir des arguments pour tricher sur le décompte des caractères

**SpaceFrog** · 06/08/2013, 15h57

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
(function(C){
    eval(C);})(c)

et là tu mets un roman dans c...

trop facile :grin:

**NoSmoking** · 06/08/2013, 19h45

Envoyé par SylvainPV

Pour respecter mes propres consignes et ne pas se servir des arguments pour tricher sur le décompte des caractères

tu ne passes que l'objet sur lequel tu vas travailler à l’instar d'une chaine de caractère dans les exemples précédent.

Ceci étant j'ai du mal à trouver un sujet à mettre en oeuvre, surtout si cela doit tenir dans un mouchoir de poche

**SylvainPV** · 06/08/2013, 20h37

Je considère que la "variable dont dépend le résultat de la fonction", pour reprendre mes termes, est ici l'élément HTML canvas et non le 2DContext de cet élément. De toute façon si j'ai envie de me mettre des bâtons dans les roues, je fais ce que je veux

Sinon quelques idées en vrac pour vous :
- disparition des éléments au survol à la souris
- dessiner une triforce (Triangle de Sierpiński pour les intimes)
- faire tomber de la "neige" sur une page
- implémenter le "Barrel Roll" (tapez do a barrel roll sur google pour comprendre)

**NoSmoking** · 06/08/2013, 23h29

Envoyé par SylvainPV

De toute façon si j'ai envie de me mettre des bâtons dans les roues, je fais ce que je veux

un petit rapide qui inverse le texte des liens mais qui vire les liens images par exemple et les contenus apparaissant au survol.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
(function(d){
t='textContent';for(i=0;h=d.links[i++];)h[t]=h[t].split('').reverse().join('');
})(document);

**SpaceFrog** · 07/08/2013, 08h44

Supprimer les images de la page ... (pas les background images)

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
(function(i){
while(p=document.images[i++])p.src='';
})(0);

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
(function(i){
for(i;p=document.images[i++];)p.src='';
})(0);

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
(function(i,d){
for(i;p=d.images[i++];)p.src='';
})(0,document);

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
(function(){
for(i=0;p=document.images[i++];)p.src=0;
})();

**Kaamo** · 07/08/2013, 10h04

@SpaceFrog, ça ne supprime pas les images quand je claque le code dans la console

(testé sur Chrome)

@NoSmoking, héhé c'est fun ce truc

Sympa le .split('').join('') en guise de .replace()

**Auteur** · 07/08/2013, 11h58

Envoyé par Kaamo

@SpaceFrog, ça ne supprime pas les images quand je claque le code dans la console

ne sois pas aussi violent... calque le code ça suffira

**SpaceFrog** · 07/08/2013, 12h32

testé dans la console chrome

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

(function(){for(i=0;p=document.images[i++];)p.src=0;})();

ça me vire bien les images ...

**Kaamo** · 07/08/2013, 12h33

J'avais pas testé celui là. Quand tu mets une chaîne vide ça ne semble pas fonctionner, les images restent à l'écran

**SpaceFrog** · 07/08/2013, 12h36

curieux ... car le fait de mettre 0 c'était juste pour gagner les quotes...
sousi ie et ffx il vide bein le src

**Kaamo** · 07/08/2013, 12h44

En effet, étrange !

**NoSmoking** · 07/08/2013, 13h20

Envoyé par Kaamo

@NoSmoking, héhé c'est fun ce truc

Sympa le .split('').join('') en guise de .replace()

cela reste somme toute plus sommaire que les RegExp.

Attention ce qui suit n'est pas forcément compatible car CSS3 sans le préfixe vendeur

zoom image au survol

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
(function(d){
for(i=0,m='onmouseo',s='style';I=d.images[i++];)I[m+'ver']=function(){this[s].transform='scale(2)'},I[m+'ut']=function(){this[s]=''}
})(document);

effet au choix passé en paramètre

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
(function(d,p){
for(i=0,m='onmouseo',s='style';I=d.images[i++];)I[m+'ver']=function(){this[s].transform=p},I[m+'ut']=function(){this[s]=''}
})(document,'rotate(-45deg)');

**SpaceFrog** · 07/08/2013, 13h43

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
(function(d,p){
for(i=0,m='onmouseo';I=d.images[i++];)s=I.style,I[m+'ver']=function(){s.transform=p},I[m+'ut']=function(){s=''}
})(document,'rotate(-45deg)');

je ne comprends pas pourquoi ça ne fonctionne pas

**NoSmoking** · 07/08/2013, 13h56

s=I.style

oui mais que vaut I en fin de boucle, undefined, c'est ce qui stoppe la boucle justement.

**SylvainPV** · 07/08/2013, 14h28

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
(function(){
for(e=document.body.style,i=4;i--;)p=["webkitT","mozT","msT","t"][i]+"rans",t=p+"form",e[p+"ition"]="all 5s",e[t]=e[t]?"":"rotate(360deg)";
})();