Newsgroup: it.comp.lang.javascript
Titolo: ho creato un cerchio in javascript :)

Salve a tutti,
è la prima volta che posto qui..
quello che vi sto per mostrare è la formula per creare il cerchio su
un asse cartesiano, l'ho trasformata in "javascriptese" ed eccola qui!
var R=100;
var x0=100;
var y0=100;
for (x=0.0;x<=200.0;x=x+0.1)
{
y=(2*y0+Math.sqrt(4*Math.pow(y0,2)-4*(Math.pow(y0,2)+Math.pow((x-x0),2)-Math.pow(R,2))))/2;
    y=Math.round(y);
    document.write('<div style="position:absolute; background:red; 
width:2;height:2; left:'+x+';top:'+y+';"></div>');
}
for (x=200;x>=0.2;x=x-0.1)
{
y=(2*y0+Math.sqrt(4*Math.pow(y0,2)-4*(Math.pow(y0,2)+Math.pow((x-x0),2)-Math.pow(R,2))))/2;
    y=Math.round(y);
    y=200-y;
    document.write('<div style="position:absolute; background:red; 
width:2;height:2; left:'+x+';top:'+y+';"></div>');
}
è un po' lungo lo so.. cmq provate a metterlo in una pagina html e vi 
creerà un cerchio di div.. simpatico no ?
Quello che vi chiedo è come rallentare il processo, nel senso posso 
riuscire con un setTimeout o un timeInterval a far eseguire 
un'interazione (una creazione di div) ogni tot millisecondi ?
Sono stato tutto il pomeriggio a fare delle prove ma non ci sono 
riuscito.. datemi una mano voi per favore.. grazie!
massi

non si vede nulla
con FF 2.0 e IE 7

 riuscito.. datemi una mano voi per favore.. grazie!
Non so aiutarti, però considera quanto sopra.
-- 
    * b *
  *   y   *
*   Piero   *
[ /do ut des/ ] 

 con FF 2.0 e IE 7
strano..
hai messo:
<script>
codice
</script>
???
dovrebbe essere crossbrowser..
(si dice così?)

...va un po' lento, però va :-)
http://pyoohtml.appspot.com/static/it.comp.lang.javascript/circle.html
Ciao
--
Kill IE, we can, we need
http://riagallery.appspot.com/KillIEbrowser
--------------------------------
Inviato via 
http://arianna.libero.it/usenet/

 
http://pyoohtml.appspot.com/static/it.comp.lang.javascript/circle.html
non capisco molto il codice, ma grazie cmq, mi hai mostrato che è 
possibile, a me non riusciva..
dando un'occhiata al tuo codice sono riuscito a riprodurlo con
setInterval..
e sono riuscito anche ad aggiungere 2 opzioni per completare anche le
estremità laterali che venivano saltate..
il risultato lo metterò in un sito, tra qualche mese (spero)..
ciao

 un asse cartesiano, l'ho trasformata in "javascriptese" ed eccola qui!
    ...skipped!
Ho aggiunto un tocco di fantasia. :-)
var R=100;
var x0=100;
var y0=100;
for (x=200;x>=0.2;x=x-0.1)
{
y=(2*y0+Math.sqrt(4*Math.pow(y0,2)-4*(Math.pow(y0,2)+ Math.pow((x-x0),2)-Math.pow(R,2))))/2;
    y=Math.round(y);
    y=200-y;
document.write('<div style="position:absolute;border:red 1px dashed;height:22;left:'+x+';top:'+y+';"></div>');
document.write('<div style="position:absolute;left:28px;top:70px;font-family:arial;font-size:15pt">testo da inserire</div>');
}
for (x=0.0;x<=200.0;x=x+0.1)
{
y=(2*y0+Math.sqrt(4*Math.pow(y0,2)-4*(Math.pow(y0,2)+ Math.pow((x-x0),2)-Math.pow(R,2))))/2;
    y=Math.round(y);
    y=-60+y;
document.write('<div style="position:absolute;border:blue 1px dashed;height:22;left:'+x+';top:'+y+';"></div>');
}
-- 
    * b *
  *   y   *
*   Piero   *
[ /carpe diem/ ] 

 Ho aggiunto un tocco di fantasia. :-)
anche io lo sto facendo per un logo,
penso di essere l'unico (o forse qualche altro sfiggy ci sarà stato..)
che per creare un logo lo fa' fare a javascript e poi
per averne uno piccolo fa lo screenshot del browser.. :>
ps: sono contento di avere trovato collaborazione! :)

 ps: sono contento di avere trovato collaborazione! :)
Vediti questo :-D
var R=100;
var x0=100;
var y0=100;
for (x=200;x>=0.2;x=x-0.1)
{
y=(2*y0+Math.sqrt(4*Math.pow(y0,2)-4*(Math.pow(y0,2)+
 Math.pow((x-x0),2)-Math.pow(R,2))))/2;
    y=Math.round(y);
    y=210-y;
document.write('<div style="position:absolute;margin-left:10px;border:#cc00cc 1px dashed;height:22;left:'+x+';top:'+y+';"></div>');
document.write('<div style="position:absolute;left:18px;top:105px;color:#ff8f00;font-family:courier new;font-size:6pt;line-height: 6pt;">&#9556;&#9552;&#9552;&#9552;&#9552;&#9552;&#9557;&nbsp;&nbsp;&nbsp;&#9573;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&#9573;&nbsp;&nbsp;&nbsp;&#9573;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&#9556;&#9552;&#9552;&#9552;&#9552;&#9552;&#9559;<div style="color:#ff0f00">&#9553;&nbsp;&nbsp;&nbsp;&#9554;&#9552;&#9559;&nbsp;&nbsp;&nbsp;&#9553;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&#9553;&nbsp;&nbsp;&nbsp;&#9553;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&#9553;&#9560;&#9552;&#9552;&#9552;&#9552;&#9565;</div><div style="color:#dd0000">&#9562;&#9552;&#9552;&#9552;&#9552;&#9552;&#9565;&nbsp;&nbsp;&nbsp;&#9562;&#9552;&#9552;&#9552;&#9552;&#9552;&#9565;&nbsp;&nbsp;&nbsp;&#9562;&#9552;&#9552;&#9552;&#9552;&#9552;&#9563;&nbsp;&nbsp;&nbsp;&#9576;</div></div>');
}
for (x=0.0;x<=200.0;x=x+0.1)
{
y=(2*y0+Math.sqrt(4*Math.pow(y0,2)-4*(Math.pow(y0,2)+
 Math.pow((x-x0),2)-Math.pow(R,2))))/2;
    y=Math.round(y);document.write('<div style="position:absolute;margin-left:10px;border:#0000cc 1px dashed;height:22;left:'+x+';top:'+y+';"></div>');
}
-- 
    * b *
  *   y   *
*   Piero   *
[ /rebus sic stantibus/ ] 

 [...]
Ciao

 Purtroppo IE non ne vuole sapere di implementarlo...
Un motivo in più per "sopprimerlo" :-)


 - see 00index.htm
 Dates - miscdate.htm moredate.htm js-dates.htm pas-time.htm critdate.htm etc.

massi wrote:

boh comunque neanche konqueror lo esegue, almeno il link che ha postato
killIEbrowser.
mi ricordo quando ero giovane ;-) che c'era una libreria con la quale
riuscivano a fare dei veri e propri cartoni, disegnava delle api che
volavano nella pagina tutto in javascript, purtroppo non ricordo il nome e
non saprei come ritrovarla
Umberto

 
grazie mille del consiglio!

 Ti consiglio di usare SVG per queste cose.
svg ?



http://www.w3.org/TR/SVG11/
IMHO è lo strumento migliore per generare grafici sul web.
Ciao  Manlio


SVG is a language for describing two-dimensional graphics and graphical
applications in XML. SVG 1.1 is a W3C Recommendation and forms the core of
the current SVG developments. SVG Tiny 1.2 is the specification currently
being developed as the core of the SVG 1.2 language (comments welcome). The
SVG Mobile Profiles: SVG Basic and SVG Tiny are targeted to resource-limited
devices and are part of the 3GPP platform for third generation mobile
phones. SVG Print is a set of guidelines to produce final-form documents in
XML suitable for archiving and printing. Read more about SVG.
http://www.w3.org/Graphics/SVG/


mi dispiace deluderti se usi i canvas usi la metà del codice, se non
di meno :)

 di meno :)
i canvas ?
avete un vostro slang qui voi :>
svg, canvas..

 svg, canvas..
Per "canvas" immagino si riferisca a qualche libreria già pronta:
http://www.google.it/search?sourceid=navclient&hl=it&ie=UTF-8&rlz=1T4GGIH_itIT217IT217&q=javascript+canvas
Invece per SVG puoi iniziare dalla wikipedia:
 
http://it.wikipedia.org/wiki/Scalable_Vector_Graphics
-- 
"Voi abili a tenere sempre un piede qua e uno là
 avrete un avvenire certo in questo mondo qua
 però la dignità
 dove l'avete persa?"
									    V.R.

 Umberto
potrrebbe essere questo?
http://www.leasttern.com/WebDesign/movingobject.html

DaNieL wrote:

...sono passati circa 10 anni....lo so sono vecchio :-(
comunque non è questa che hai trovato, era una libreria complessa, ci si
faceva di tutto e mi dispiace m più ci penso e più non ricordo...la
vecchiaia
Umb