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

Uncaught ReferenceError: THREE is not defined - gdzie jest błąd w kodzie?

Object Storage Arubacloud
0 głosów
717 wizyt
pytanie zadane 30 marca 2021 w JavaScript przez Kubs Mądrala (5,190 p.)

Witajcie,

próbuje sił z THREE.js, ale już na początku coś nie działa

 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script src="main.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r126/three.js"></script>
    <title>Document</title>
</head>
<body>


    
</body>
</html>

oraz main.js

const scene = new THREE.Scene();

const camera = new THREE.PerspectiveCamera (24, window.innerWidth/window.innerHeight, 0.1, 1000);

const renderer = new THREE.WebGLRenderer();

renderer.setSize(window.innerWidth, window.innerHeight);

document.body.appendChild(renderer.domElement);

 

3 odpowiedzi

+1 głos
odpowiedź 30 marca 2021 przez lateM Pasjonat (17,660 p.)

Spróbuj dodać najpierw link do "three.js", a pod nim "main.js". https://kursjs.pl/kurs/super-podstawy/pierwszy-skrypt.php

1
komentarz 30 marca 2021 przez Kubs Mądrala (5,190 p.)
edycja 30 marca 2021 przez Kubs
Rozwiązane. Dziękuję.
+1 głos
odpowiedź 30 marca 2021 przez overcq Pasjonat (21,860 p.)

main.js załadował się wcześniej niż three.js?

komentarz 30 marca 2021 przez Kubs Mądrala (5,190 p.)
Dziękuję.
+1 głos
odpowiedź 30 marca 2021 przez adrian17 Ekspert (346,900 p.)
Zajrzyj do oficjalnego tutoriala :)

https://threejs.org/docs/index.html#manual/en/introduction/Creating-a-scene

Ładują skrypty w odwrotnej kolejności, plus na końcu <body>.
komentarz 30 marca 2021 przez Kubs Mądrala (5,190 p.)
edycja 30 marca 2021 przez Kubs
Rozwiązane. Dziękuję.

Podobne pytania

0 głosów
1 odpowiedź 175 wizyt
pytanie zadane 6 kwietnia 2022 w JavaScript przez chrystian Gaduła (4,780 p.)
0 głosów
0 odpowiedzi 279 wizyt
0 głosów
1 odpowiedź 270 wizyt

92,762 zapytań

141,686 odpowiedzi

320,499 komentarzy

62,106 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

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!

...