C64 Emu vice.js - Disk Image mounten/Autostart

Lutz G · 7. Dezember 2017

Hi Folks!

Versuche gerade den C64 Emu vice.js in meine Page einzubauen.... Falls da Thema hier irgendwie falsch ist bitte verschieben...

https://github.com/rjanicek/vice.js

Einfach nur den Emu ohne jede Funktion einzubauen funzt soweit, wenn ich diesem Beispiel folge:

HTML

<!doctype html>
<html lang="en-us">
<body>
<canvas id="canvas" style="border: 0px none;"></canvas>
<script type="text/javascript" >
var Module = {
arguments: ['+sound'],
canvas: document.getElementById('canvas'),
};
</script>
<script type="text/javascript" src="js/x64.js"></script>
</body>
</html>]

Alles anzeigen

http://homepage.o2mail.de/lgoerke/644tet.html

Wenn ich aber ein .d64 Image autostarten will, soll das so funzen....

HTML

<!doctype html>
<html lang="en-us">
<body>
<canvas id="canvas" style="border: 0px none;"></canvas>
<script type="text/javascript" >
function audioDetected() {
return (typeof Audio === 'function' && new Audio().mozSetup === 'function') ||
(typeof AudioContext === 'function') ||
(typeof webkitAudioContext === 'function');
}
function loadFiles() {
var base64EncodedFile = '...';
FS.createDataFile('/', 'disk-image.d64', window.atob(base64EncodedFile), true, true);
}
var viceArguments = ['-autostart', 'disk-image.d64'].concat(
audioDetected() ? ['-soundsync', 0, '-soundrate', 22050, '-soundfragsize', 2] : ['-sound']
);
var Module = {
preRun: [loadFiles],
arguments: viceArguments,
canvas: document.getElementById('canvas'),
};
</script>
<script type="text/javascript" src="js/x64.js"></script>
</body>
</html>

Alles anzeigen

Ich welchem Pfad braucht der denn das .d64 Image? Und wie der Filename angegeben? Ist "disk-image.d64" der Platzhalter, oder wie soll das funzen?
Habs irgendwie nicht hinbekommen...

Hier das Beispiel von der Site...

http://rjanicek.github.io/vice…run-a-D64-disk-image.html

Zirias/Excess · 7. Dezember 2017

Einfach das File Base64 encoden ... das Ergebnis in base64EncodedFile packen.

"disk-image.d64" ist hier der name, unter dem vice das File "sieht" -- kannst du beliebig anders nennen.

Lutz G · 7. Dezember 2017

Zitat von zrs1

Einfach das File Base64 encoden ... das Ergebnis in base64EncodedFile packen.

"disk-image.d64" ist hier der name, unter dem vice das File "sieht" -- kannst du beliebig anders nennen.

Thx - dann war ich ja schon auf der richtigen Spur - funzt jetzt...

Jetzt ist noch dran...

Image soll gemounted sein - aber ohne Autostart - der erste Versuch mit dem Rausnehmen von "'-autostart', " hat nicht gefunzt.
Dann startet der Emu irgendwie gar nicht mehr... Aber vielleich habe ich auch was falsch gemacht....

HTML

!doctype html>
<html lang="en-us">
<body>
<canvas id="canvas" style="border: 0px none;"></canvas>
<script type="text/javascript" >
function audioDetected() {
return (typeof Audio === 'function' && new Audio().mozSetup === 'function') ||
(typeof AudioContext === 'function') ||
(typeof webkitAudioContext === 'function');
}
function loadFiles() {
var base64EncodedFile = '...';
FS.createDataFile('/', 'disk-image.d64', window.atob(base64EncodedFile), true, true);
}
var viceArguments = ['disk-image.d64'].concat(
audioDetected() ? ['-soundsync', 0, '-soundrate', 22050, '-soundfragsize', 2] : ['-sound']
);
var Module = {
preRun: [loadFiles],
arguments: viceArguments,
canvas: document.getElementById('canvas'),
};
</script>
<script type="text/javascript" src="js/x64.js"></script>
</body>
</html>

Alles anzeigen

Zirias/Excess · 7. Dezember 2017

Zitat von Lutz G

Image soll gemounted sein - aber ohne Autostart - der erste Versuch mit dem Rausnehmen von "'-autostart', " hat nicht gefunzt.
Dann startet der Emu irgendwie gar nicht mehr... Aber vielleich habe ich auch was falsch gemacht....

Also es steckt ja ein fast originaler vice da drin, nur leicht angepasst, damit er sich mit emscripten korrekt bauen lässt -- damit sollten die vice Kommandozeilen-Parameter funktionieren. Probier also mal statt -autostart einfach -8.

Aus x64sc --help:

Code

-8 <Name>
Image Datei <Name> im Laufwerk #8 einlegen

Lutz G · 7. Dezember 2017

Zitat von zrs1

Also es steckt ja ein fast originaler vice da drin, nur leicht angepasst, damit er sich mit emscripten korrekt bauen lässt -- damit sollten die vice Kommandozeilen-Parameter funktionieren. Probier also mal statt -autostart einfach -8.

Yesss! Funzt -super!

Next - ich will das Window vom Emu auf der Seite kleiner machen - ne Idee wie man das machen könnte?

Vernunftmensch · 7. Dezember 2017

In Linux gibt es einen Befehl, der eine d64 in eine Zahl ändert. Die gibts Du ein und es lädt richtig.

Ich habe auch auf den JavaEMU verlinkt.

Ärgerlich ist allerding, daß man keinen Speicherstand abspeichern kann

Lutz G · 7. Dezember 2017

Habs hinbekommen mit '+VICIIdsize'

Zirias/Excess · 7. Dezember 2017

Zitat von Lutz G

ich will das Window vom Emu auf der Seite kleiner machen - ne Idee wie man das machen könnte?

etwa so ;) (Parameter +VICIIdsize). Find ich aber hässlich *g*

Na toll, das hatte nicht aktualisiert hier ... Beitrag löschen geht wohl nicht?

BTW ...

Zitat von Vernunftmensch

In Linux gibt es einen Befehl, der eine d64 in eine Zahl ändert.

WTF?

Lutz G · 7. Dezember 2017

So fertig....

http://homepage.o2mail.de/lgoerke/c644.html

Mit LOAD"$",8 gehts zur Disk

Vielen Dank für die Hilfe und den Tipp zu diesem genialen Emu. Der ist ja um Klassen besser, schneller, und kann sogar Digi-Speech...

Zitat von zrs1

etwa so (Parameter +VICIIdsize). Find ich aber hässlich *g*

Warum hässlich - zu klein?

Lutz G · 7. Dezember 2017

Jetzt brauche ich noch ein JS Sidplayer für den Hintergrund (für die anderen Pages). Kannste da was empfehlen - möglichst einfach im Einbau

Paradroid · 7. Dezember 2017

@Lutz G cooles Teil!

Lutz G · 7. Dezember 2017

Zitat von Paradroid

@Lutz G cooles Teil!

Thx

Lutz G · 7. Dezember 2017

Ich seh gerade das Teil läuft auch auf meinem Smartphone - nur kann ich dann im Emu nix eingeben. Wie löst man das elegant für Touchscreen? Vielleicht irgendwie so ein Tastatur Button?

Lutz G · 7. Dezember 2017

Zitat von Lutz G

Jetzt brauche ich noch ein JS Sidplayer für den Hintergrund (für die anderen Pages). Kannste da was empfehlen - möglichst einfach im Einbau

Done

http://homepage.o2mail.de/lgoerke/c64dfue.html

Zirias/Excess · 8. Dezember 2017

Zitat von Lutz G

Warum hässlich - zu klein?

Die Größe an sich ist es nicht, aber dadurch fällt die CRT Emulation flach -- ich persönlich finde die ganz wichtig, an nem echten C64 hat das Bild nie so scharfkantig ausgesehen

Habe jetzt beim selbst herumspielen noch ein anderes Problem damit entdeckt -- ich kriege keine Joystick-Emulation ans laufen auf https://vice.janicek.co/c64/ funktioniert das, und ich habe die Vermutung, dass dort dieses script events an den laufenden Emulator weiterreicht -- sicher bin ich aber nicht, der minified Code ist wirklich unlesbar :o

Lutz G · 8. Dezember 2017

Zitat von zrs1

Die Größe an sich ist es nicht, aber dadurch fällt die CRT Emulation flach -- ich persönlich finde die ganz wichtig, an nem echten C64 hat das Bild nie so scharfkantig ausgesehen

Stimmt - ist mir auch schon aufgefallen - nur zu meiner Story passt das große Window vom Layout nicht so ganz. Und es soll ja auch mehr ein Gag sein. Allerdings echt klasse, dass der ganze Kram auf der Disk läuft - auch der Digi-Stuff *g*

Kann man eigentlich mit dem vice direkt ein File von nem HTML Link aus irgendwie von der .d64 laden?

Lutz G · 8. Dezember 2017

Zitat von Lutz G

Kann man eigentlich mit dem vice direkt ein File von nem HTML Link aus irgendwie von der .d64 laden?

Hat jemand noch ne Idee wie das mit vice funzen könnte? So ging es mit dem Emu, den ich vorher hatte (funzt aber nicht mehr mit Chrome, etc)

Code

a href="javascript:document.c64.enterText('load &#34$&#34,8~')">
Load"$",8</a>,
<a href="javascript:document.c64.enterText('list~')">
List</a>,
<a href="javascript:document.c64.enterText('load &#34*&#34,8,1~')">
Load"*",8,1</a>,
<a href="javascript:document.c64.enterText('run~')">
Run</a><br>
<a href="javascript:document.c64.loadPGM('c64programs/jac64d.d64', 'MUELLOMA')">Muellomat</a>

Alles anzeigen

Vernunftmensch · 26. März 2018

(1) The following message to <vice+r@janicek.co> was undeliverable.

https://vice.janicek.co/c64/#{%22controlPort2%22:%22joystick%22,%22primaryControlPort%22:2,%22keys%22:{%22SPACE%22:%22%22,%22RETURN%22:%22%22,%22F1%22:%22%22,%22F3%22:%22%22,%22F5%22:%22%22,%22F7%22:%22%22}}

Warum funkt die Emailadresse nicht?

(2) Wie macht man einen Fullscreen-Button?

muhahaha · 26. März 2018

Morgen,

1.) weil das "+" im Local-Part der E-Mail-Adresse von den Mail-Servern und -Clients falsch interpretiert wird - es ist "eigentlich" ein zugelassenes Zeichen für den Local-Part der E-Mail Adresse wird aber trotzdem meist als ungültig angesehen.

2.) was ist ein Fullscreen-Button? ein Button wird in CSS formatiert - aber was bringt ein Button über den gesamten Bildschirm?
Vielleicht hilft das ja weiter: CSS3-Buttons bei w3schools.com (mit Spielwiese)

Gruß

C64 Emu vice.js - Disk Image mounten/Autostart

Ähnliche Themen

C64 Studio - Entwicklungsumgebung

GEOS/MP3 auf C128 einrichten [aus: GEOS heute]

Wie binde ich in Vice ein D81 Image ein

128RBOOT - Das unbekannte Wesen...

Editor und Assembler aus Compute mit 39/1984

Sam's Journey Probleme/Startschwierigkeiten, SD2IEC, EF3, Loader etc.

Kassette bzw. tap Image voller PET/CBM .PRG Files erstellen

G64 Images zusammenfassen