Lighthouse3d.com

Send me bugs and suggestions, please
VRML Script Tutorial
Full list

VRML Interactive Tutorial

Introduction
VRML File Structure
Drawing: Shape node
Geometry Nodes:
Box
Sphere
Cone
Cylinder
PointSet
IndexedLineSet
IndexedFaceSet
Extrusion
ElevationGrid
Example: Chessboard
Text
FontStyle
Appearance
Material
Textures
Image Texture
Movie Texture
Pixel Texture
Texture Coordinate
Texture Transform
Let there be Light
Directional Light
Point Light
Spot Light
Materials with Colored Lights
Hierarchical Node Structures
Group
Transform
Collision
Anchor
Billboard
Switch
Inlining Files
Defining and Instancing Nodes
Defining Levels of Detail
Events in VRML
Creating Paths between events: ROUTE
Generating Events based on Timers or User Actions
Timers
Touch Sensor
Visibility Sensor
Dragging Sensors
Plane Sensor
Sphere Sensor
Cylinder Sensor
Proximity Sensors
Example: Proximity sensor
Interpolators
Color
Coordinate
Normal
Orientation
Position
Scalar
Example
Let the Music Play
Sound
AudioClip
Bindable Nodes
Who Am I: NavigationInfo
Where Am I: ViewPoint
Adding Realism to the world
Background
Fog
Information about your world
WorldInfo
Definition for Auxiliary Nodes
Coordinate
Color
Normal

ZF~ 4 Xy,ox³rXRlL{E@\O66 MjbFB^WYݛ0KիkU¯ok 3=ӱHC{Qx 08K8|>\bI}(-$qҙlcFX'&1E,DCsUu˺^ͺuu%,|Ϳ6k$Z[o1XUz5y}ݫDg%4?Ou|{Q,^8(usZߛY%p`"m-\ Iԧw2Be#?j̯}"Y*xv2%H6H ? Pb3/Nهg3U0 h'fz.#1!tӱҧT $'_*H-I@Ƿ,Dir+ƷyR\ƌ>zt> bJI?yt%ҧ_ @4^C ’&^zaʼ0lɆB0I0;cru qijQЁ6Wܲ4!yx$&Ƴ4ć)BЦ Bv:yu3AO) IJ5BCR#$/x:*7E#JS :]& (d[삡jT>{J7?O h}44Ma,, IGb-t#9nv4Ck=g"nyKϷ@Ql*"&!zg*|HgU!f^#e,qﮅ S>) )B.yJ(/ "%Qh=.)[gxdq ɐ*@Jx(t. e}Jj@i_¬Hw%S]H,! խV:40USP IAvF}2 O)rC@+?跬# jPb0vrhBYacBn򭬑G T iWp,x>+tpvp2@mCFO`D1][6\]up2hvI/MX%-(R!on떵:ipwSN{7+ĵkg3B򈇠@<:Hfu7ޟѤx$ fuwu, 6_#W}hBvӛRJBw Mi'<4xS\$1dQVȘa~CQYΡVF̀_ DchH8 4\7XTXвyyAMu@F-4/C^F8B#SsرXQa ׆i`Y(UgQ%\)muU{cm"*S^JJPaNEJyɦq 0ѯиLoa^yI+$oo8`3g aX#,7#Ac_Ia^λ`ҠMC <?5UQ2ve`BN5Zꊋ3zڜ/Hpď/Maz\Cun1$:x<շޱ)3aۢH}B!K %rhX NsHqn>z9K0 /(B3tENt<Jw z½6hjDD: ćx! ZVk&61x@ RҼS}~<tTl`RtJs051IpwYIQ3:eiG~Ć/\(- rx2xY2iTAB/'Oz̖n#YCj6c#AfZJqf?/+62&S]zz7'xȢ(]* *:ըjgFj[Zj{(" D3ꃃd  ȸUe(0f{AB ̼dN./dҷ󙗂K1FT!wH0TEZԢt~5 ]0@܆`ߴj<wbOb> &=~0_ϑSF1]*螘qbIIs"X eKpHfЩ¦"uS,`%Q& e4{U=\ꮺq~ɴ,c(fب7+f8!%Ђ=u V:Q;i2%WYzaU,wL9n6 T `J́VAz;|9',/Sڠ䜩~ VpA{=yztc (hQK eta݊£Ik >ɞh)nL kwO:k%CZ'稓%_NbK1M``RspzL5ȦGЀmsݥ޾2+1]„&Z=J giUl`4 <'t(Uk߆7!:{נ ^"ly,qt6CDOkCNh~ j6>'<ϵ.PXu$-?@ftHx!I3F :u#şfգv(a&_:Fw{7|ĻWs6Zʋ)+m> 6j8QF%K `I^NII&)mI, FcsR:* lSv{EpGy9Iڵm,--a8_zʛY&~^:Rq[3 \"OFtQ9uqj>.(wcؗ+7~:֝!;Cv30 -a Oǰst]gYun= ΞutAyUa}`ޓ_F .2㾷 M'cU÷4A|S'qYߴ6ȎF@%Ejwչ~ EA|m %y."5o .ҳ-AEZB H&{+3M=-IտtW\8፰kifQ)Ox6Ժ?ksoM"gJ$[%h{69_w7J$a[ AJGLIDc喳``-<ܘ^0 qB+Ϋ{tږGc;cεU(]N%t/;Z$YskYbppwG||WO*p8'v"^D*/lm8;sЋ! ")4lĘڙx6\~Ss>d1/1S#JNl'z'AvqsE~{= W%&q;z,[{8ۊgyiĒ70l'HV+pV_6N"Io2;uvxN1*HTgG/GUCoJ;3ةV 3بv;V9;]{֛>^u-c2Fu^0籗B9fH N BhY#35X*djph>xh@an H'CkbdO0dh%6,?31[(3N(d14hn;) !x 6hh+EJ$I UPM%a |Yn`` A;+5tZEC:6c'.'Qp-:T*2x>ʰH!¹\Ps"ߞrA]ڳ)J[ò@]Ebl5' B[Š-QL疡SQ0C"4SR󊯦1h&aYÒmKڗ1o!K www?<1!td>}ry֩=Jt*}zy /\w0jxXf,5y ")爢,:ZcV¼`^e6&HCiv[ev:q~t]ұSR]@Ũ҆$1Ǹ@; SġA5鳜ӽ`p~J_ 1w9B;mL$wԐ̠tuT8H( k+7!S=-M"%;6CE*($3 \}*6m|ٕ\aVs2%~nPZ,jW` wd9nux qF&RR-MD6b7.ABoiEA+12&ӈP i/LdrDF:щs?98:8;#jO&̟MU4D19̤zDY24́yp]^_y5:.LA|uPht:߰ c|_%K%\.<@'!,PXnkj 1JH sGΘ C~YtF7mL08HqB6҇J.ԋ .MA~Db"I]]Su;lnSˎ23C0aDٌ;>f]vX PCv\w;dϖtD|dajdylz/v*׭:ٮzX ww {U>J[$]p ÃNE!s^z?'(haYW|UB"܀(![?k̊m-qn8&:.3-s9.a$WW'}25qxPruEŐ\n>;`n[b >šߒ jbXbhZRDD@A" řq&6ςQl/"L#tC&BCd+os{|<6 83Fqt|-P{n<৵Wt%x҅"_Z1sL[ltc>eׁf:3zyQg/"umЈG쒈 QӔԐ0Rec?Q3:ɂa熫qyITܪ pf_\(&K-ͽI"(,`\hi 悥8WA"Z;9[ʌހyB7Ǜ&D?6#/$ufِU"3X0=!0Fv"0۳0%aMLHVvm! 9g/,&4d1N$a ?mIV߉ᶽ7]l`ZoW6&Vf;hй~(מ Ѹ8{CaC!޿]R;6nװV)h_e e̞&P3 ^y92~<8Ѕ`>u3@ԃ<<ǽh0h h9d%KhJmɴ*>̆t؂QzC?QѐsGJKm V~t&qqoE@}(\l X|_pSZLR< 542UD;,۶DIߔ%g#RX 9G8G0lFPpFz"Z? PIJJ`wc-qj>)呀^ X0u Y_CJ}RE;<q@!&uN48GU<8],|:U''gtp%*Ǔ e zk*Morܶ$Wu?ӳ/*fC\f~D'էnvrK@Iѧe_.?=C5h$b69=I1B`F)h&Ԑ:8= f& %͌ԑ`vLOʜ2gНǟ?e;̷0e1|_8Kif`B:ef{.9:6'آXZQX\NH% Xc=YllU !/}Y, HEY;$l@.aL&b8#Ԑu5br}D!GCkbu߆j.Ƒ߰7֬N[FUlxL#6a.ﲚ ERnX=wtn^Kmmm57E-9",7&M @xbZ@TQgY:I!N5MAl]ҰRʇOYN F^эABzB鞈izl7NyD*Md2<o^!Pߠ‹ ~ace)xPptX1ز< ?O$ogo!YUe]/⪰"F?ԊhqM Q0=, .:6}7sY5K'(uO68?+=YjLLeBsգ7 {`>}ɞ,] DM?Js$钏{ͦz2W~"ܾ>߾m^mű *)ny̿gxZ0XeSˆ#˜-Beu}=OZ; - {8ͽ=mRNThb+Tc 7 \d4NSUB;Nq +dͻU(^#GFYwfX(z92C%N\m8Vea[Fy#''##=Ň듋˫?'cK1 w~Em[eHa7y4XI0ՉbOc֯Ee&4.kۤ8*h6ձp:N x/lNN]ATnhUtT+Hh,<_cLx|o_,`<ݫ2-V/T k F񚢣T@qoiF{S|\InL=Zyw_Q)H|(r5>X=M۟:n!@y42=Dq'6M8 Wˀ(B)$UQPYLE0y#(k:UrA]:C#^N%2M=9h0qӪٺIdwQyA6Gي,,_22)Os,rar/AŁtu-qIŨ$ShV%RGĔt?֬>MA r6Cr`x2qqpa iGW]Smg4y{Hjв6ӪsשW˚D'M"( -iJ54$q.6(V7Wr.U*قkS gz%+h Tkb:I*gOpI֋AXN?gp$5_=(\ Q+YF)j]fz(I@ e6yT* w~Se]T4"~$v w=KWrO_05RFHS4P,6#a:nHG V7yxkNo5Kw_{KI_1'Q&݂']'AEaDn@a )A\@T2?x]8LvE̡̗Ӭť00L۶ +]n̨;^G&-g"UF{Wň3Fŧ }.}ZRN eGx'Vpf3VY pMKi^y6J)}چ_ueh᥁mT^&kR~ >r7'gWH]R5])N ̿Ars)/O_ 7ܢ{* v"VIn>p!TC #%BȲ OhOK+l0cU+&ܺq]w{~ėn" ,vAW9ח+)xe4U.$'qO3ވ{w_MjDn?uz]|-4wg&A6]Vj#^#XLEAF6L;8'+e4Nᕇ1or_Zy

PixelTexture Node


This node specifies the location of the image to be used for texturing the shape, as well as if the image is to be repeated vertically, or horizontally, along each of the faces of the shape.

Three fields are present in this node:
  • image which defines the image using pixels.
  • repeatS which specifies if the image is to be repeated vertically.
  • repeatT which specifies if the image is to be repeated horizontally.
  • The first three values of the image field define the width of the image (in pixels), the height of the image (in pixels), and the number of bytes used for each pixel. Possible values for the number of bytes are:
  • 1: Grayscale
  • 2: Grayscale with alpha channel for transparency
  • 3: RGB
  • 4: RGB with alpha channel for transparency
  • All fields are optional, the default values being applied if the field is not specified. Note: if you do not specify the image field, then no texturing takes place.

    Specifying an image pixel by pixel may seem like hard work, however some interesting effects can be achieved with little effort. For example see the following PixelTexture node:

    PixelTexture { image 2 1 1 0 255}

    Note that the color values for the PixelTexture node range from 0 to 255, as opposed to 0 to 1 as in the VRML color model used for all the other nodes.

    This node specifies an image with two pixels wide, 1 pixel tall, the first pixel is black, and the second is white. If this image is applied as a texture to a face then, because the image is scaled to fit the face, a gradient should be displayed starting from black on the left side and progressively turning to white as the right side is reached (note: some browsers do not yet implement this feature and instead will produce a two color image, the left half black and the right half white).

    This node can also be used to create patterns, although a pattern editor is probably the best option for this task.

    Syntax:
    PixelTexture {
    image 0 0 0
    repeatS TRUE
    repeatT TRUE
    }


    Note: for the example on the right the image will be repeated twice in each direction if the values for repeatS and repeatT are set ot TRUE. See the node TextureTransform to see how to set the repetition rate.