Autor Zpráva
kozusnik.jan
Profil *
Ahoj, potřebuji poradit, jak byste udělali následující věc:
Je "chodba", po které se bude pohybovat panáček (panáček bude napevno připevněn k monitoru a chodba se bude posouvat)... během toho, co půjde bude míjet např. obrazy na stěně, dveře.... jak byste to vyřešili?
Napadl mě zoom - udělal bych obrázek např ve photoshopu a ten bych pak zoomoval... ale nevím no... máte lepší nápad? hlavně jde o to, abych do ty stěny chodby nebyly jen v obrázku, ale aby se tam dal dejme tomu zobrazit text, který tam vložím přes HTML...
Děkuji za rady


ještě snad dodat, že ta "chodba" by byla celkem krátká a proto mě napadlo zoom
Kajman
Profil
A panáček jde dozadu dovnitř monitoru?
kozusnik.jan
Profil *
Jj, jakoby dovnitř monitoru
1Pupik1989
Profil
Předpokládám, že je to z pohledu za panáčkem. Čili jak pravíš, budeš muset zoomovat. Levý obraz budeš posouvat doleva a pravý doprava. Pokud budeš chtít text, tak nejspíš canvas nebo php gd.
kozusnik.jan
Profil *
jak jako myslíš doleva a doprava? nestačí jen zoom? že to bude jeden obrázek? ;)
ještě mě napadlo upravit tento skript: http://www.isaacsukin.com/news/2012/06/how-build-first-person-shooter-browser-threejs-and-webglhtml5-canvas
co myslíte? nebude to lepší? úprava si myslím, že nebude tak těžká... akorát některé funkce umažu a změním var map... upravím textury a mohlo by to jet ne? ;)
ludekbrno
Profil *
kozusnik.jan:
Pohyb skrze scénu vypadá úplně jinak, než zoom. Pohyb mění perspektivu (poměr blízkých a vzdálených předmětů), zoom nikoliv, ten zvětšuje všechno ve stejném poměru. Takže pohyb pomocí zoomu nebude vypadat věrohodně a přirozeně.
kozusnik.jan
Profil *
no zkoušel jsem to a vypadalo to trochu divně... :D
taže asi použít teda toto: http://www.isaacsukin.com/news/2012/06/how-build-first-person-shooter-browser-threejs-and-webglhtml5-canvas ??
nebo máte nějaký jiný, jednodušší skript, nebo řešení? ;)
1Pupik1989
Profil
Kdyby obrázek už v perspektivě byl, pak by to šlo i bez html5.
kozusnik.jan
Profil *
a jak vytvořit ten obrázek v perspektivitě? dělal jsem to ve Sketch Upu ;) může být? a jak to udělat bez toho HTML5? Jako tím zoomem?
Jak jsem posílal ten odkaz, pojede to i na tabletech? Mělo by že?
1Pupik1989
Profil
Třeba dva divy vedle sebe s overflow:hidden. Třeba ve photoshopu perspektivu uděláš, nevim jak sketchup. Záleží na tom, jak bude chodba široká a vysoká. Dá se i vypočítat jakou polohu bude mít další obrázek. Pak záleží, jestli obrázky budeš přidávat postupně (bude jich moc) nebo najednou (bude jich málo).
kozusnik.jan
Profil *
no chtěl jsem to takhle:
<div id="chodba">
<img src="">
nějaké texty
</div>

zoomoval by se obsah celého divu... ty texty by byly napsány na stěnách chodby ;)
1Pupik1989
Profil
Texty budeš muset přes canvas nebo php gd.

Já myslel něco jako
<div id=scena>
  <div class=left>
  //obrázky vlevo
  </div>
  <div class=right>
  //obrázky vpravo
  </div>
</div>
kozusnik.jan
Profil *
hm... to by možná šlo :)
no ale radši zkusím upravit ten skript, protože to bude do budoucna i výhodnější :) každopádně zatím děkuji ;) další dotazy kdyžtak budu směřovat do sekce JavaScript :)

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: