Ufo ot just Html and Javascript
- Duration: 3:27
- Updated: 10 Oct 2014
Pyramisa Object second release... now we fly in the images... nothing else than Html with Javascript, but a very different solution ...
Little time ago, I met Mrs. Carla Tolomeo and two Japponese women in a train between Milan and Genova (Italy), and it was a pleasure talking with all. Then after I took a local train, between Genoa and Sanremo, an absolute frustration as you have a stop at every cat or dog the train meets. I was that frustrated that I felt to say thanks for the conversation I had between Milan and Genova. I could do that , as Mrs. Carla Tolomeo gave a card. So , between my frustration to thank her and the web side on the card, curiosity kills the cat.... I needed to tell her what her webmaster should do, to get out of trouble. Well, the story... Carla Tolomeo was on a trip to dress her Sulamita, as the client and a jewish Rabby, defined her Sulamita to be too nude, thus she went there to place the right underware on her painting. The case, Mrs. Carla defined it as the unique real science, brought both of us together, so I spent four weeks time to give life to her painting "Sulamita". What you see in this video, is the creativity of Carla Tolomeo combined with my technology in 3D, to build a HTML vector, creating the impression to fly in 3D on a picture, I liked too much to leave it vested with under ware. The result a new technology and reusable object to generate 3D animations , of whatever, in pure HTML and Javascript.
1.) Place pictures you want to use into a hidden div.
2.) Place each picture into a separate div.
3.) Enter a whatever text describing your picture into the div
4.) Copy and paste the Pyramisa Object behind.
It's magic, you are on 3D ...
Personalization ?
Look on Id="Pyramisa"
data-ar = Data autorepeat ,1 see it once, -1 loops forever , 2 get it twice.
data-sc = data scale , 1 100%, 1.5 150% , 2 200 %
data-move = 1 fly bottom right to top left , 0 leave the vision on top left
height... the programmed display size , will be changed based on the screen size best 600px, same for width.
Enjoy obtaining a 3D effect out of 2D images.
It will not work on IE, you already know. but it works on Chrome, Safari, Opera. Playing with the resize function data-sc=1.5 and data-move=1, you obtain the result of this film, by just resizing your browser. the source and Pyramisa object is on http://bynatal.com/pyramisa4.htm . Just coy whatever inside the div "PyramisaObject" and it works.l
Tecnical Note
Even if the original has a terrible resolution, the code provides the original sizes of the images in the original scale:
Yout comments are welcome, you will find the original on http://bynatal.com/sulamita4.html
http://wn.com/Ufo_ot_just_Html_and_Javascript
Pyramisa Object second release... now we fly in the images... nothing else than Html with Javascript, but a very different solution ...
Little time ago, I met Mrs. Carla Tolomeo and two Japponese women in a train between Milan and Genova (Italy), and it was a pleasure talking with all. Then after I took a local train, between Genoa and Sanremo, an absolute frustration as you have a stop at every cat or dog the train meets. I was that frustrated that I felt to say thanks for the conversation I had between Milan and Genova. I could do that , as Mrs. Carla Tolomeo gave a card. So , between my frustration to thank her and the web side on the card, curiosity kills the cat.... I needed to tell her what her webmaster should do, to get out of trouble. Well, the story... Carla Tolomeo was on a trip to dress her Sulamita, as the client and a jewish Rabby, defined her Sulamita to be too nude, thus she went there to place the right underware on her painting. The case, Mrs. Carla defined it as the unique real science, brought both of us together, so I spent four weeks time to give life to her painting "Sulamita". What you see in this video, is the creativity of Carla Tolomeo combined with my technology in 3D, to build a HTML vector, creating the impression to fly in 3D on a picture, I liked too much to leave it vested with under ware. The result a new technology and reusable object to generate 3D animations , of whatever, in pure HTML and Javascript.
1.) Place pictures you want to use into a hidden div.
2.) Place each picture into a separate div.
3.) Enter a whatever text describing your picture into the div
4.) Copy and paste the Pyramisa Object behind.
It's magic, you are on 3D ...
Personalization ?
Look on Id="Pyramisa"
data-ar = Data autorepeat ,1 see it once, -1 loops forever , 2 get it twice.
data-sc = data scale , 1 100%, 1.5 150% , 2 200 %
data-move = 1 fly bottom right to top left , 0 leave the vision on top left
height... the programmed display size , will be changed based on the screen size best 600px, same for width.
Enjoy obtaining a 3D effect out of 2D images.
It will not work on IE, you already know. but it works on Chrome, Safari, Opera. Playing with the resize function data-sc=1.5 and data-move=1, you obtain the result of this film, by just resizing your browser. the source and Pyramisa object is on http://bynatal.com/pyramisa4.htm . Just coy whatever inside the div "PyramisaObject" and it works.l
Tecnical Note
Even if the original has a terrible resolution, the code provides the original sizes of the images in the original scale:
Yout comments are welcome, you will find the original on http://bynatal.com/sulamita4.html
- published: 10 Oct 2014
- views: 1