Wednesday, August 30, 2017

MKI3D as Progressive Web App.

MKI3D RAPID MODELER  has its on-line version  transformed into Progressive Web App.
After you first open the HTML page, the app is cached by the browser.
You can either bookmark or (in Chrome) add the page to your desktop.
Then the application can be used off-line.
Note that the application still needs  a physical keyboard. (It is a keyboard-driven editor after all ;-)

Screen-shot of icon on the desktop (CLICK TO OPEN PWA APP).

Thursday, August 17, 2017

MKI_SG as Progressive Web App.

The MKI Searching Game (MKI_SG) has stages made with mki3d.
I have transformed its on-line version  to  Progressive Web App
Thus, it can be safely installed on mobile device from the browser and played off-line.
Click here for  MKI_SG as PWA

Friday, August 11, 2017

Exporting of the Red-Blue Stereoscopic Views to Interactive HTML Pages.

Now you can export to HTML pages in the  red-blue stereoscopic mode. The resulting page contains stereoscopic interactive presentation that can be watched with standard red-blue glasses:

CLICK HERE TO SEE EXAMPLE

Note that, to make your own exports, you also need the recent version ( >= 4) of the script: mki3d_view.js 

Sunday, August 6, 2017

Tutorial Post 18: Exporting as interactive HTML pages.

You can export your data to HTML page with interactive presentation of your  3D design in browsers with WebGL enabled. (Most of the modern browsers on modern devices have WebGL enabled.) You can rotate the object by mouse dragging and perform some other actions.

CLICK HERE TO SEE EXPORTED EXAMPLE.




On the File Menu (invoked with key sequence: 'QF') you may notice the following fragment:



Notice the 'NOTE ON EXPORTING'.  The exported HTML pages contain the data, but they also need a script  mki3d_view.js to be placed in the same folder. (Any folder with a collection of exported pages needs to contain one copy of this script.)

If you press the 'E' key  on the file menu,  then mki3d starts exporting.
Exporting is similar to ordinary saving:
  • If you are using mki3d as a Chrome application, then you are presented with file chooser for saving the exported page.
  • If you are using mki3d in a browser, then you are presented with with a Text Save Page where the text of the exported page is placed in OUTPUT TEXT AREA, but you can also save the file with file chooser by using artificial DOWNLOAD LINK TO SAVE DATA:







The script mki3d_view.js has been updated recently to handle touch events,  so the exported designs can be interactively viewed also on the mobile devices.
Exporting of the stereoscopic views is not implemented yet. (It is a 'future work' ;-)
In the current version (since 2017.08.11)  you can also export in the red-blue stereoscopic mode.



Friday, August 4, 2017

Tutorial Post 17: Constructing regular icosahedron.


In the tutorial post about folding, we constructed  regular tetrahedron. That was easy: we aligned two equilateral triangles to the sides of another one and folded them to obtain all the needed endpoints.

Now we show how to construct regular icosahedron.


Create two copies of equilateral triangles (as it was made in the folding post) and one outline of regular pentagon. Select the enpoints of the pentagon and set constructive points for scaling the pentagon so that its side will become as long as the side of the triangles.


Invoke scaling with the key sequence  'QMS1'.


Prepare for alignment of the first triangle to the side of pentagon with a three-points transformation. The constructive points may be set as on the following figure:


Invoke the three-points transformation (key sequence 'QMT').


The same way, align the second triangle to the adjacent side of the pentagon:


Now we have to prepare the folding. Fortunately, each triangle is in a distinct set, so we can use the 'N' key to select the set and key sequence 'QSS' to select (and then also bookmark) the traingle.
The constructive points for folding should be set as follows:


After folding ('QMF') you should have something like that:


I have also set light ('QDL') to have different shades on the triangles.

Using cursor jumping, insert the remaining sides of the pentagonal pyramid:



Now we could safely remove the segments, which are the outline of the pentagon, but we will leave them to make the placement of pryramids more visible in the remaining stages.

Now select everything ('QSX'). Extract the selected vertices to a single set ('QSE') and make three copies of the pyramids:


We still need one more triangle. We could have  made one more copy at the begining, but  we are adding it now:




We have to align two of  the pyramids with the triangle using three-points transformations:


Prepare for folding of the aligned pyramids:



After folding you get something like that:




We have to append the last pyramid to our construction. Prepare for three-points transformation:


And execute the transformation. The pyramid has been placed as on the view below:


The construction is almost ready. Remainig triangles can be inserted by cursor jumping to the existing endpoints:


To make the construction balanced we can select all endpoints ('QSX') and remove all segments, which are the outlines of the pentagons ('QD4').
Then

  • Move the cursor to the centroid of the selected endpoins (which is now the center of the icosahedron) with key sequence 'QMJC'.
  • Set the constructive point 'A' ('QPSA')
  • Using INPUTS PAGE ('QI') set cursor's X,Y,Z coordinates to zeroes.
  • Set the constructive point 'B' ('QPSB')
  • Move the (still selected) endpoints by the vector 'AB' (key sequence 'QMM0')
Now we have icosahedron with the center in (0,0,0).


https://mki1967.github.io/mki3d/docs/examples/html_viewer/tutorial-icosahedron.html
Click to see exported to html