triangles in Javascript/Html

[EDUCATIA SUPERLATIV]

Hi VPython-users,

I did try to make a canvas in JavaScript/HTML to display a simple triangle how is defined in the docs and demo, but was not successful.

The definitions of the vertex and triangles are probably more different then is presented in Help.

A Mesh of Triangles — VPython 3.2 documentation (glowscript.org)

Any help please with an example?

Best regards,

Ciprian

[John]

Have a look at the webvpython example programs at this link

https://glowscript.org/#/user/GlowScriptDemos/folder/Examples/

Click on "run" to run the demo program in the browser and "view" to view the source code for the program.

https://glowscript.org/#/user/GlowScriptDemos/folder/Examples/program/Plot3D

Click on  View this program   to view the source code. 

Also click on  Share or export this program    for instructions on how to share the program. It also provides instructions on how you can embed it in a web page as javascript.

The same vpython demo programs that can be run under python 3 can be found on github here.

https://github.com/vpython/vpython-jupyter/tree/master/Demos

John

[EDUCATIA SUPERLATIV]

Hi John,

I did study all examples, including Plot3D, but there is a use of quad and in a complicated form of JS-scripting.

No other example uses a triangle.

[John]

Searching for triangle in this forum returned this question and answer.

https://groups.google.com/g/vpython-users/c/O4eHEcIZt9U/m/iMinOifZAwAJ

It contains triangle example. Is this what you are looking for?

[John]

The green pyramid is made out of 4 triangles and a quad. The red pyramid is made with the vpython pyramid object.

https://glowscript.org/#/user/johncoady/folder/AI/program/triangle

[EDUCATIA SUPERLATIV]

[SOLVED]

Actually was simple. Here is the code in JS:

let v0 = vertex({pos:vec..., color:color.yellow})
let v1 = vertex({pos:vec..., color:color.yellow})
let v2 = vertex({pos:vec..., color:color.yellow})
triangle({v0:v0, v1:v1, v2:v2})

The error that I made was to not add all the necessary info and the right sentence for the command!!!