onlineide:integration:start
Unterschiede
Hier werden die Unterschiede zwischen zwei Versionen angezeigt.
Beide Seiten der vorigen RevisionVorhergehende ÜberarbeitungNächste Überarbeitung | Vorhergehende Überarbeitung | ||
onlineide:integration:start [2021/01/20 20:24] – [Einfachste Variante:] Martin Pabst | onlineide:integration:start [2023/06/11 09:44] (aktuell) – Martin Pabst | ||
---|---|---|---|
Zeile 1: | Zeile 1: | ||
====== Integration der Online-IDE in eigene Webseiten ===== | ====== Integration der Online-IDE in eigene Webseiten ===== | ||
+ | |||
+ | ===== A. Mittels iframe-Tag ===== | ||
+ | Die Integration mittels '' | ||
+ | - Laden Sie die Dateien auf Ihren Server in ein Verzeichnis '' | ||
+ | - Das '' | ||
+ | - Ersetzen Sie die Adresse '' | ||
+ | |||
+ | <WRAP center round tip 60%> | ||
+ | Wenn das '' | ||
+ | < | ||
+ | | ||
+ | </ | ||
+ | </ | ||
+ | |||
+ | |||
+ | |||
+ | ===== B. Ohne iframe-Tag ===== | ||
+ | |||
+ | <WRAP center round tip 60%> | ||
+ | Sie finden alle benötigten Dateien im [[https:// | ||
+ | </ | ||
+ | |||
+ | |||
Im ''< | Im ''< | ||
<code html> | <code html> | ||
Zeile 17: | Zeile 40: | ||
</ | </ | ||
</ | </ | ||
+ | |||
+ | <WRAP center round tip 60%> | ||
+ | Die Datei '' | ||
+ | </ | ||
+ | |||
+ | |||
Nach dem vollständigen Aufbau der Seite sucht die Online-IDE alle DIV-Tags mit der Klasse " | Nach dem vollständigen Aufbau der Seite sucht die Online-IDE alle DIV-Tags mit der Klasse " | ||
Zeile 99: | Zeile 128: | ||
|' | |' | ||
|' | |' | ||
+ | |' | ||
Zeile 109: | Zeile 139: | ||
}"> | }"> | ||
<script type=" | <script type=" | ||
- | int i = 0; | + | for(int i = 0; i < 10; i++){ |
- | while(i < 10){ | + | |
- | | + | |
} | } | ||
</ | </ | ||
Zeile 125: | Zeile 154: | ||
}"> | }"> | ||
<script type=" | <script type=" | ||
- | int i = 0; | + | for(int i = 0; i < 10; i++){ |
- | while(i < 10){ | + | |
- | | + | |
} | } | ||
</ | </ | ||
Zeile 134: | Zeile 162: | ||
+ | ===== Einbinden eines eigenen Spritesheets: | ||
+ | <code html> | ||
+ | <div class=" | ||
+ | ' | ||
+ | ' | ||
+ | ' | ||
+ | }"> | ||
+ | <script type=" | ||
+ | for(int i = 0; i < 4; i++){ | ||
+ | | ||
+ | | ||
+ | } | ||
+ | </ | ||
+ | </ | ||
+ | |||
+ | </ | ||
+ | |||
+ | |||
+ | < | ||
+ | <div class=" | ||
+ | ' | ||
+ | ' | ||
+ | ' | ||
+ | }"> | ||
+ | <script type=" | ||
+ | Sprite campfire = new Sprite(400, 300, SpriteLibrary.Campfire, | ||
+ | campfire.scale(2); | ||
+ | campfire.playAnimation(0, | ||
+ | </ | ||
+ | </ | ||
+ | |||
+ | ====== Offline-Version ====== | ||
+ | Die Embedded-Version kann auch offline aus dem Dateisystem heraus betrieben werden, wenn ein kleiner Webserver mitgeliefert wird. Hier ein Beispielarchiv mit Startdateien für Windows und Mac OS X: | ||
+ | {{ : | ||
+ | [[.offline: |
onlineide/integration/start.txt · Zuletzt geändert: 2023/06/11 09:44 von Martin Pabst