Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [JavaScript]Grafika 3D na stronie
Saalar
post 1.07.2013, 16:32:20
Post #1





Grupa: Zarejestrowani
Postów: 6
Pomógł: 0
Dołączył: 18.05.2013

Ostrzeżenie: (0%)
-----


Witam serdecznie!
Utworzyłem tenże temacik gdyż już nie mam żadnych pomysłów jak rozwiązać mój problem.
Otóż polega on na tym iż na mojej stronce chciałbym zamieścić grafikę 3D. Są to modele pojazdów.
http://gamemodels3d.com/worldoftanks/
Chodzi o taki efekt jak tutaj. Rozmawiałem z autorem drogą mailową i w odpowiedzi dowiedziałem się iż jeśli chce mogę kopiować jego prace ale jak widać na powyższej stronie nie ma nigdzie download'u jego prac.
Więc go zapytałem o takowy i dowiedziałem się, że jeśli chce je pobrać muszę się natrudzić i wydobyć je z kodu czy coś takiego. Ma mi do tego posłużyć przeglądarka Chrome.
Zabrałem się więc do szukania, pobierania plików .js i wielu innych. Zapisywania ich oraz uruchamiania u siebie. Niestety efektu nie było. Próbowałem wielu różnych sposobów i metod jednakże już nie mam żadnych pomysłów.
Czy ktoś ma jakiś pomysł w jaki sposób mógłbym te prace zamieścić na swojej stronie?
Dodam iż jest to możliwe. Dowodem jest strona - http://www.headshotdomain.net/WoT-3D/data/index.htm
która to korzysta z pierwotnej. Z niej także próbowałem co nieco wyciągnąć ale także klapa.
Czy jest mi ktoś w stanie pomóc?
Niżej zamieszczę wiadomość od autora - ta o kodzie.
Pozdrawiam!

"Download button on the website does not exist. But if you know how to use browsers Chrome and Firefox... Provide close attention to the obj files."

"Google Chrome - Settings - Development tools - Network
Further yourself, I gave a general direction. If you succeed - you're done, if not, then this is not for you."
Go to the top of the page
+Quote Post
Stelivo
post 1.07.2013, 17:10:48
Post #2





Grupa: Zarejestrowani
Postów: 98
Pomógł: 0
Dołączył: 26.03.2013

Ostrzeżenie: (0%)
-----


Prosto mówiąc chcesz wstawić obrazek czołgu na swojej stronie tak ?
Go to the top of the page
+Quote Post
Saalar
post 1.07.2013, 17:51:20
Post #3





Grupa: Zarejestrowani
Postów: 6
Pomógł: 0
Dołączył: 18.05.2013

Ostrzeżenie: (0%)
-----


Nie obrazek a model 3D. Takie jak na podanej przezemnie stronie.
Np.
http://gamemodels3d.com/worldoftanks/vehicles/g2#
Pozdrawiam!
Go to the top of the page
+Quote Post
c1chy
post 1.07.2013, 18:05:19
Post #4





Grupa: Zarejestrowani
Postów: 72
Pomógł: 16
Dołączył: 21.06.2013

Ostrzeżenie: (0%)
-----


W kodzie są dwa kluczowe elementy, pliki:

http://gamemodels3d.com/engine/modelviewer/modelviewer.js
http://gamemodels3d.com/engine/glge/glge-mini.js

ważny jest też kod JS:

[JAVASCRIPT] pobierz, plaintext
  1. function onLoad() {
  2. document.body.onresize = function(){resizeCanvas();};
  3. resizeCanvas();
  4. modelviewer('../models/visual/f57_0_0.obj', 1);
  5. }
[JAVASCRIPT] pobierz, plaintext


jak widać kod js w zdarzeniu onload, wczytuje za pomocą funkcji modelViewer model czołgu (pliki .obj to są właśnie modele 3d). Skoro masz zgodę autora to pobierz sobię plik obj i wczytaj go za pomocą tego samego modelviewera (nie ma chyba takiego słowa smile.gif )


--------------------
devstrefa.wordpress.com
Go to the top of the page
+Quote Post
Saalar
post 1.07.2013, 19:32:28
Post #5





Grupa: Zarejestrowani
Postów: 6
Pomógł: 0
Dołączył: 18.05.2013

Ostrzeżenie: (0%)
-----


Chwilka, jestem zielony w tych sprawach.
Mam pobrać tylko te 3 pliki + zrobić index ze żródłem tej strony? Czy jak?
Go to the top of the page
+Quote Post
Posio
post 1.07.2013, 20:46:33
Post #6





Grupa: Zarejestrowani
Postów: 417
Pomógł: 44
Dołączył: 23.06.2011

Ostrzeżenie: (0%)
-----


Masz zassać model, stworzyć plik zawierający te 2 pliki i dopisać sobie linijki kodu takie jak podał kolega wyżej .
Go to the top of the page
+Quote Post
Saalar
post 1.07.2013, 21:13:00
Post #7





Grupa: Zarejestrowani
Postów: 6
Pomógł: 0
Dołączył: 18.05.2013

Ostrzeżenie: (0%)
-----


Niestety mi nie wychodzi :/
Nie wiem jak mam to zrobić, mam tak i nie działa.

Kod
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv='content-type' content='text/html; charset=utf-8'>
<script type="text/javascript" src="glge-mini.js"></script>
<script type="text/javascript" src="modelviewer.js"></script>
<title>Model</title>
</head>
<body>
<div>
<script>
    function onLoad() {
    document.body.onresize = function(){resizeCanvas();};
    resizeCanvas();
    modelviewer('pojazd.obj', 1);
    }
    </script>
    </div>
</body>
</html>
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 26.04.2025 - 02:11