Keresés

Bemutatkozás

A böngészők képesek webgl 3D tartalmak megjelenítésére is, de a kód megírása felkészült programozót igényel. Ezt az oldalt azért fejlesztem, hogy egyszerű utasításokkal könnyen, és gyorsan lehessen ilyen tartalmakat készíteni programozási tudás nélkül is. Az oldal ingyenes, ezért bármilyen támogatásnak örülök. (megosztás, reklámozás, anyagi támogatás.)

Niethammer Zoltán


PayPal azonosító:
niethammer.zoli@gmail.com 

AR marker

A marker egy olyan kép, amelyet a kamera 3D viszonyítási pontnak tekint, ha betöltesz egy AR tartalmat. Az oldalon található tartalmak a következő képet használják:

 

Ajánlott oldalak

The first steps

By clicking the translator button you can open an online interface where you can write code and view 3D renders.

1:text editor,this is where you can write the webglbasic code

2:Menu and the convert button

3:3D rendering

4:you can navigate with these buttons

5:Links to the main site and to the facebook group

6:Login interface

 

Navigating in the 3D space

You can navigate in the 3D space the following way:

By holding down the LEFT button on your mouse you can rotate the camera

 By holding down the RIGHT button on your mouse you can move the camera

You can zoom in and out with the MOUSEWHEEL

Navigation icons

You can easily get lost when your navigating with your mouse. These icons that are located in the right hand corner can help you since they move the camera to pre-programed spots. These buttons are only visible when the coordinate grid is enabled.

Menu and Settings

SETTINGS

In this menu you can turn on/off a few parameters wich influence the translation of the code. If you turn all of them off than you have to set all of the parameters of the 3D render such as: geometry, cameras, lights.

The coordinate grid helps you with placing the objects in the 3D space here you can also use the pre-programed camera spots. When you are translating the finished model you can turn the grid off.

coordinate grid on  off

If you turn on the lamp option in the settings there will be 2 automatically palced light sources in the 3D space. If you don’t do this than you have to manually set up the lights. Objects without light don’t have a colour or a texture.

With the backlight option you can adjust the how lit the dark (shady) areas are. If there is no backlight than the shady areas will be totally black. If it’s turned off you can adjust it in the code.

If the skybox  option is turned on than the 3D model will be placed in a sphere with a 2000 unit large radius. This sphere will get a gradient texture its coloure can also be changed in the code.

Debug: this is used for searching for errors. This lists the webgl code insted of the 3D rendering