[vml] Mijn eerste probeersel met VML - Softwareontwikkeling

donderdag 24 januari 2002 21:07

Acties:

Verwijderd

Topicstarter

Ik heb net zitten stoeiten met VML en javascript en heb de eeuwenoude lissajous-figuren weer eens geprogrammeerd:
(het werkt alleen in IE5 en hoger)

code:

<html>
<head>
<xml:namespace ns="urn:schemas-microsoft-com:vml" prefix="v"/>
<style>
v\:* { behavior:url(#default#VML);}
</style>
<title></title>
<script>
function createLineWithDOM(p, color, width,  fx, fy, tx, ty) {
  var l, d, i;
  
  l = document.createElement("v:line");
  l.strokeweight = width+"pt";
  l.strokecolor = color;
  l.from = fx + "px, " + fy + "px";
  l.to = tx + "px, " + ty + "px";
  p.insertBefore(l, null);
  return l;
}

var maxlines = 10;
var a = new Array(maxlines);
var r = 0;
for(i=0;i<maxlines;i++)
    a[i] = null;
var idx=0;

function fun() {
    r+=0.01;    
    
    x1 = 300 + Math.sin(r*3) * 300;
    y1 = 300 + Math.cos(r*5) * 300;
    x2 = 300 + Math.sin(r*7) * 300;
    y2 = 300 + Math.cos(r*11) * 300;
        
    if (idx==maxlines) idx=0;
        
    if (a[idx]==null) {
        a[idx]=createLineWithDOM(canvas,"black",1,x1,y1,x2,y2);
    } else {
        a[idx].from = x1 + "px, " + y1 + "px";
        a[idx].to = x2 + "px, " + y2 + "px";
    }
    idx++;
    window.setTimeout(fun,2);
}
</script>
</head>
<body onload="fun()">
<div id=canvas width=600 height=600>
</div>
</body>
</html>

Wat vinden jullie ervan?

donderdag 24 januari 2002 21:18

Acties:

Cubix

Leuke screensaver!

Zou je zoiets ook met kleuren kunnen maken?

donderdag 24 januari 2002 22:03

Acties:

brammetje

heb je misschien een voorbeeldje online staan?

om dit achter about: te plakken werkt niet echt..

edit: maar ff in homesite geplakt en op preview geramd, t ziet er leuk uit.. Veel te druk om toe te passen, maar geinig

donderdag 24 januari 2002 22:05

Acties:

Ramon

Op donderdag 24 januari 2002 21:07 schreef Thargol het volgende:
wat vinden jullie ervan?

echt fantastisch mike! hoeveel kost dat nou? zo'n mooie lap code?

Check mijn V&A ads: https://tweakers.net/aanbod/user/9258/

donderdag 24 januari 2002 22:44

Acties:

wicher|IA

hmm
best vaag

misschien domme vraag, maar kan iemand mij een concrete toepassing noemen?

donderdag 24 januari 2002 22:45

Acties:

Orphix

mooie lap code hier te vinden.

Verder is het leuk gedaan. Maar ik heb VML nooit echt serieus genomen. (Als rendering engine dus)
Je ziet het eigenlijk ook nergens terwijl het al best lang beschikbaar is.

donderdag 24 januari 2002 22:52

Acties:

Blue-eagle

Ik zou liever zien dat er meer aandacht ging naar .png in browserland.

Maar het is wel een ontzettend cool iets

Wat kun je er allemaal nog meer mee doen?

donderdag 24 januari 2002 23:00

Acties:

Verwijderd

Op donderdag 24 januari 2002 22:52 schreef Blue-eagle het volgende:
Ik zou liever zien dat er meer aandacht ging naar .png in browserland.

Maar het is wel een ontzettend cool iets Wat kun je er allemaal nog meer mee doen?

ook voor mij is dit iets nieuws, iets waar ik zeker iets in zie, het wordt alleen ondersteund door microsoft?

vrijdag 25 januari 2002 19:28

Acties:

Verwijderd

Topicstarter

Zou je zoiets ook met kleuren kunnen maken?

Tuurlijk, je kunt lijnen, cirkels, ovalen, curves in elke kleur tekenen die je maar wilt.

heb je misschien een voorbeeldje online staan?

Helaas lag mijn homepage bij Chello er weer eens uit.

echt fantastisch mike! hoeveel kost dat nou? zo'n mooie lap code?

Na het was een uurtje stoeien... valt wel mee dus, maar dit is nu niet echt een zinnige toepassing. Overigens heb ik een beetje geleend van Microsoft

misschien domme vraag, maar kan iemand mij een concrete toepassing noemen?

Nou deze lijntjes was maar een demo'tje van VML. Een concrete toepassing zou kunnen zijn het dynamisch genereren van grafieken en dat soort dingen.[quote]
Verder is het leuk gedaan. Maar ik heb VML nooit echt serieus genomen. (Als rendering engine dus)
Je ziet het eigenlijk ook nergens terwijl het al best lang beschikbaar is.
[quote]
Bij mij op het werk is het intranet nu gestandaardiseerd op IE5 en kan ik het dus eindelijk eens gaan toepassen.

Wat kun je er allemaal nog meer mee doen?

Basis-shapes zijn lijn, rechthoek, cirkel, ovaal, polygoon, en curve. De lijn stijl is zelf in te stellen met erg veel vrijheidsgraden. De kleuren zijn ook zelf in te stellen, dus je kunt best wel veel mee tekenen dus. Ik heb alleen nog geen software gevonden die VML kan exporteren, dus het is nu nog allemaal handwerk

het wordt alleen ondersteund door microsoft?

Yep, het IE5.0 of hoger. Of het op de Mac werkt weet ik niet. Het w3c is bezig met een nieuwe standaard SVG, maar hoe lang we daar nog op moeten wachten weer ik niet, dus ben ik maar in VML begonnen. Zoveel kunnen SVG en VML niet van elkaar verschillen.