• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Xampp oraz Bracekts ruchomy klocek

VPS Starter Arubacloud
0 głosów
213 wizyt
pytanie zadane 25 lutego 2021 w HTML i CSS przez raul120 Nowicjusz (120 p.)
edycja 25 lutego 2021 przez raul120

Dzień dobry ,muszę zaprogramować w przeglądarce tak ,aby klocek poruszał się za pomocą strzałek oraz dodać jakieś jpg.Używając programu xampp połączyłem się z plikiem głownym(klocek który się nie rusza) ,następnie za pomocą programu brackets próbuje zrobić tak ,by klocek poruszał się za pomocą strzałek .Niestety nic nie działa ,tutaj kod:
 

<script src="js/three.min.js"></script>
<script>
    var WIDTH = window.innerWidth;
    var HEIGHT = window.innerHeight;
    var but_l=false,but_r=false
document.addEventListener('keydown',onDocumentKeyDown,false);
document.addEventListener('keyup',onDocumentKeyUp,false);
    
function onDocumentKeyDown(event){
event = event || window.event;
var keycode = event.keyCode;
switch(keycode){
case 37 : console.log("left down" );but_l=true;break;
case 38 : console.log("up down"   );but_up=true;break;
case 39 : console.log("right down");but_r=true;break;
case 40 : console.log("down down" );but_down=true;break;
}
}
function onDocumentKeyUp(event){
event = event || window.event;
var keycode = event.keyCode;
switch(keycode){
case 37 : console.log("left up" );but_l=false;break;
case 38 : console.log("up up"   );but_up=false;break;
case 39 : console.log("right up");but_r=false;break;
case 40 : console.log("down up" );but_down=false;break;
}
}        
    
    var renderer = new THREE.WebGLRenderer({antialias:true});
    renderer.setSize(WIDTH, HEIGHT);
    renderer.setClearColor(0xDDDDDD, 1);
    document.body.appendChild(renderer.domElement);

    var scene = new THREE.Scene();

    var camera = new THREE.PerspectiveCamera(50, WIDTH/HEIGHT, 0.1, 10000);
    camera.position.z = 50;
    scene.add(camera);
    var vx=0, v=0.01, vy=6

    var boxGeometry = new THREE.BoxGeometry(10, 10, 10);
    var phongMaterial = new THREE.MeshPhongMaterial({color: 0xFF0000});
    var cube = new THREE.Mesh(boxGeometry, phongMaterial);
    cube.position.x = -25;
    cube.rotation.set(0.4, 0.2, 0);
    scene.add(cube);

    var light = new THREE.PointLight(0xFFFFFF);
    light.position.set(-10, 15, 50);
    scene.add(light);
    
    var Texture = new THREE.TextureLoader().load(
    "images/road1.jpg" );
Texture.wrapS = THREE.RepeatWrapping;
Texture.wrapT = THREE.RepeatWrapping;
Texture.repeat.set( 1, 5 );



 

Czy mógłby ktoś podpowiedzieć co należy zmienić?

komentarz 25 lutego 2021 przez ScriptyChris Mędrzec (190,190 p.)

Wstaw proszę kod w odpowiedni bloczek. Czy w konsoli są błędy?

komentarz 25 lutego 2021 przez raul120 Nowicjusz (120 p.)

Wstaw proszę kod w odpowiedni bloczek.-niestety nie rozumiem co to znaczy nigdy nie programowalem i dają takie coś..

W konsoli jedyny błąd to taki ,że nie widzi obrazka ,który jest zapisany w dobrym pliku.

komentarz 25 lutego 2021 przez ScriptyChris Mędrzec (190,190 p.)

niestety nie rozumiem co to znaczy nigdy nie programowalem i dają takie coś..

A przeczytałeś instrukcję na podlinkowanej stronie?

https://forum.pasja-informatyki.pl/faq#jak-wstawic-kod-zrodlowy

W konsoli jedyny błąd to taki ,że nie widzi obrazka ,który jest zapisany w dobrym pliku.

Czy chodzi o obrazek "images/road1.jpg"? Jesteś pewien, że ścieżka jest ok? Pod jakim URL-em jest serwowana strona, z której ładujesz obrazek? Czy apka łączy się z Twoim serwerem, czy zewnętrznym?


nigdy nie programowalem i dają takie coś

To dość dziwne, że bez żadnego doświadczenia w programowaniu bierzesz się za takie rzeczy.

komentarz 25 lutego 2021 przez raul120 Nowicjusz (120 p.)
Ścieżka jest ok

Co do serwera używam programu xampp ,funkcja apache,następnie w przeglądarce wpisuje

localhost/2

2 jest to nazwa pliku gdzie mam plik z klockiem oraz drogę

Kod zaraz wrzucę.
komentarz 25 lutego 2021 przez raul120 Nowicjusz (120 p.)
Czy coś należy tutaj zmienić?
komentarz 25 lutego 2021 przez ScriptyChris Mędrzec (190,190 p.)

Pokaż screen struktury folderów projektu, tam gdzie znajduje się obrazek. Pokaż też screen z panelu Headers dla requesta do pobrania tego obrazka w zakładce Network devtoolsów przeglądarki → https://developers.google.com/web/tools/chrome-devtools/network/reference#headers

Zaloguj lub zarejestruj się, aby odpowiedzieć na to pytanie.

Podobne pytania

0 głosów
3 odpowiedzi 621 wizyt
0 głosów
1 odpowiedź 396 wizyt
pytanie zadane 15 czerwca 2023 w HTML i CSS przez szjx Nowicjusz (120 p.)
0 głosów
1 odpowiedź 182 wizyt
pytanie zadane 8 stycznia 2019 w HTML i CSS przez FroGiS Użytkownik (810 p.)

92,451 zapytań

141,261 odpowiedzi

319,073 komentarzy

61,853 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Akademia Sekuraka 2024 zapewnia dostęp do minimum 15 szkoleń online z bezpieczeństwa IT oraz dostęp także do materiałów z edycji Sekurak Academy z roku 2023!

Przy zakupie możecie skorzystać z kodu: pasja-akademia - użyjcie go w koszyku, a uzyskacie rabat -30% na bilety w wersji "Standard"! Więcej informacji na temat akademii 2024 znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...