[Ludique] Défis code en un tweet

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 :mrgreen:
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:

---

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"));

---

Citation:

---

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 ;)

Pourquoi ne pas passer directement le context en paramètre

Code:

---

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'));

---

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

Code:

---

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

---

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

trop facile :grin:

Citation:

---

Envoyé par SylvainPV

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

---

:nono: 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 :cry:

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 :P

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)

Citation:

---

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 :P

---

:hola::ave:

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

Code:

---

1 2 3

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

---

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

Code:

---

1 2 3

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

---

Code:

---

1 2 3

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

---

Code:

---

1 2 3

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

---

Code:

---

1 2 3

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

---

@SpaceFrog, ça ne supprime pas les images quand je claque le code dans la console :koi: (testé sur Chrome)

@NoSmoking, héhé c'est fun ce truc :D Sympa le .split('').join('') en guise de .replace()

Citation:

---

Envoyé par Kaamo

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

---

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

testé dans la console chrome

Code:

---

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

---

ça me vire bien les images ...

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

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

En effet, étrange !

Citation:

---

Envoyé par Kaamo

@NoSmoking, héhé c'est fun ce truc :D 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:

---

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:

---

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)');

---

Code:

---

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

Citation:

---

s=I.style

---

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

Code:

---

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)"; })();

---

Le Barrel Roll, 139 caractères, avec préfixes vendeurs et tour en sens inverse si exécuté deux fois :)

? c'est supposé faire quoi ? sous ffx rien ...