+
+
+
+
+
\ No newline at end of file
diff --git a/examples/hello_world/snippets/geng-2e04217e96c54cd9/inline0.js b/examples/hello_world/snippets/geng-2e04217e96c54cd9/inline0.js
new file mode 100644
index 00000000..73acf49f
--- /dev/null
+++ b/examples/hello_world/snippets/geng-2e04217e96c54cd9/inline0.js
@@ -0,0 +1,8 @@
+
+ export function show_error(text) {
+ document.getElementById("geng-progress-screen").style.display = "none";
+ document.getElementById("geng-canvas").style.display = "none";
+ document.getElementById("error-message").textContent = text;
+ document.getElementById("geng-error-screen").style.display = "block";
+ }
+
\ No newline at end of file
diff --git a/examples/hello_world/snippets/geng-2e04217e96c54cd9/inline1.js b/examples/hello_world/snippets/geng-2e04217e96c54cd9/inline1.js
new file mode 100644
index 00000000..80e0cdca
--- /dev/null
+++ b/examples/hello_world/snippets/geng-2e04217e96c54cd9/inline1.js
@@ -0,0 +1,5 @@
+
+ export function set_progress_title(title) {
+ window.gengUpdateProgressTitle(title);
+ }
+
\ No newline at end of file
diff --git a/examples/hello_world/snippets/geng-2e04217e96c54cd9/inline2.js b/examples/hello_world/snippets/geng-2e04217e96c54cd9/inline2.js
new file mode 100644
index 00000000..1a56ee79
--- /dev/null
+++ b/examples/hello_world/snippets/geng-2e04217e96c54cd9/inline2.js
@@ -0,0 +1,5 @@
+
+ export function set_progress(progress, total) {
+ window.gengUpdateProgress(progress, total);
+ }
+
\ No newline at end of file
diff --git a/examples/hello_world/snippets/geng-2e04217e96c54cd9/inline3.js b/examples/hello_world/snippets/geng-2e04217e96c54cd9/inline3.js
new file mode 100644
index 00000000..09072843
--- /dev/null
+++ b/examples/hello_world/snippets/geng-2e04217e96c54cd9/inline3.js
@@ -0,0 +1,6 @@
+
+ export function finish_loading() {
+ document.getElementById("geng-progress-screen").style.display = "none";
+ document.getElementById("geng-canvas").style.display = "block";
+ }
+
\ No newline at end of file
diff --git a/examples/hello_world/snippets/geng-asset-dc4ee02ddfcc1509/inline0.js b/examples/hello_world/snippets/geng-asset-dc4ee02ddfcc1509/inline0.js
new file mode 100644
index 00000000..13068266
--- /dev/null
+++ b/examples/hello_world/snippets/geng-asset-dc4ee02ddfcc1509/inline0.js
@@ -0,0 +1,6 @@
+
+ export function setup_image(image, handler) {
+ image.onload = function() { handler(true); };
+ image.onerror = function() { handler(false); };
+ }
+
\ No newline at end of file
diff --git a/examples/hello_world/snippets/geng-web-audio-api-bcae241db5b207e7/src/platform/PlaybackPositionNode.js b/examples/hello_world/snippets/geng-web-audio-api-bcae241db5b207e7/src/platform/PlaybackPositionNode.js
new file mode 100644
index 00000000..e07d7152
--- /dev/null
+++ b/examples/hello_world/snippets/geng-web-audio-api-bcae241db5b207e7/src/platform/PlaybackPositionNode.js
@@ -0,0 +1,105 @@
+// Based on https://github.com/kurtsmurf/whirly/blob/master/src/PlaybackPositionNode.js
+
+// playback position hack:
+// https://github.com/WebAudio/web-audio-api/issues/2397#issuecomment-459514360
+
+// composite audio node:
+// https://github.com/GoogleChromeLabs/web-audio-samples/wiki/CompositeAudioNode
+
+// extends the interface of AudioBufferSourceNode with a `playbackPosition` property
+export class PlaybackPositionNode {
+ constructor(context) {
+ this.context = context;
+
+ // initialize component audio nodes
+ this._bufferSource = new AudioBufferSourceNode(context);
+ this._splitter = new ChannelSplitterNode(context);
+ this._out = new ChannelMergerNode(context);
+ this._sampleHolder = new Float32Array(1);
+ }
+
+ // get current progress between 0 and 1
+ get playbackPosition() {
+ this._analyser?.getFloatTimeDomainData(this._sampleHolder);
+ return this._sampleHolder[0];
+ }
+
+ // creates an AudioBuffer with an extra `position` track
+ set buffer(audioBuffer) {
+ // create a new AudioBuffer of the same length as param with one extra channel
+ // load it into the AudioBufferSourceNode
+ const bufferWithTimeData = new AudioBuffer({
+ length: audioBuffer.length,
+ sampleRate: audioBuffer.sampleRate,
+ numberOfChannels: audioBuffer.numberOfChannels + 1,
+ });
+
+ // copy data from the audioBuffer arg to our new AudioBuffer
+ for (let index = 0; index < audioBuffer.numberOfChannels; index++) {
+ bufferWithTimeData.copyToChannel(
+ audioBuffer.getChannelData(index),
+ index,
+ );
+ }
+
+ // fill up the position channel with numbers from 0 to duration (in seconds)
+ // most performant implementation to create the big array is via "for"
+ // https://stackoverflow.com/a/53029824
+ const length = audioBuffer.length;
+ const timeDataArray = new Float32Array(length);
+ const duration = audioBuffer.duration;
+ for (let i = 0; i < length; i++) {
+ timeDataArray[i] = i * duration / length;
+ }
+ bufferWithTimeData.copyToChannel(
+ timeDataArray,
+ audioBuffer.numberOfChannels,
+ );
+
+ // Has to be after data was changed according to this comment:
+ // https://github.com/WebAudio/web-audio-api/issues/2397#issuecomment-1887161919
+ this._bufferSource.buffer = bufferWithTimeData;
+
+ // split the channels
+ this._bufferSource.connect(this._splitter);
+
+ // connect all the audio channels to the line out
+ for (let index = 0; index < audioBuffer.numberOfChannels; index++) {
+ this._splitter.connect(this._out, index, index);
+ }
+
+ // connect the position channel to an analyzer so we can extract position data
+ this._analyser = new AnalyserNode(this.context);
+ this._splitter.connect(this._analyser, audioBuffer.numberOfChannels);
+ }
+
+ // forward component node properties
+
+ get loop() {
+ return this._bufferSource.loop;
+ }
+
+ set loop(val) {
+ this._bufferSource.loop = val;
+ }
+
+ get playbackRate() {
+ return this._bufferSource.playbackRate;
+ }
+
+ start(...args) {
+ this._bufferSource.start(...args);
+ }
+
+ stop(...args) {
+ this._bufferSource.stop(...args);
+ }
+
+ connect(...args) {
+ this._out.connect(...args);
+ }
+
+ disconnect(...args) {
+ this._out.disconnect(...args);
+ }
+}
\ No newline at end of file
diff --git a/examples/hello_world/snippets/geng-window-db03662d38a1cf07/src/backend/web.js b/examples/hello_world/snippets/geng-window-db03662d38a1cf07/src/backend/web.js
new file mode 100644
index 00000000..2f387d91
--- /dev/null
+++ b/examples/hello_world/snippets/geng-window-db03662d38a1cf07/src/backend/web.js
@@ -0,0 +1,85 @@
+export function initialize_window(canvas) {
+ window.GENG_CANVAS_SCALE = 1.0;
+ canvas.tabIndex = -1;
+ function update() {
+ canvas.width = Math.floor(canvas.clientWidth * window.devicePixelRatio * window.GENG_CANVAS_SCALE);
+ canvas.height = Math.floor(canvas.clientHeight * window.devicePixelRatio * window.GENG_CANVAS_SCALE);
+
+ var document = window.document;
+ if (document.fullscreenElement ||
+ document.mozFullScreenElement ||
+ document.webkitFullscreenElement ||
+ document.msFullscreenElement) {
+ screen.lockOrientationUniversal = screen.lockOrientation || screen.mozLockOrientation || screen.msLockOrientation;
+ if (screen.lockOrientationUniversal) {
+ screen.lockOrientationUniversal("landscape");
+ } else {
+ try {
+ screen.orientation.lock("landscape").catch(function () {
+ });
+ } catch (e) { }
+ }
+ } else {
+ screen.unlockOrientationUniversal = screen.unlockOrientation || screen.mozUnlockOrientation || screen.msUnlockOrientation;
+ if (screen.unlockOrientationUniversal) {
+ screen.unlockOrientationUniversal();
+ } else {
+ try {
+ screen.orientation.unlock();
+ } catch (e) { }
+ }
+ }
+ };
+ window.setInterval(update, 100);
+ update();
+}
+
+export function is_fullscreen() {
+ var document = window.document;
+ if (document.fullscreenElement ||
+ document.mozFullScreenElement ||
+ document.webkitFullscreenElement ||
+ document.msFullscreenElement) {
+ return true;
+ } else {
+ return false;
+ }
+}
+
+export function set_fullscreen(elem, fullscreen) {
+ if (fullscreen) {
+ if (elem.requestFullscreen) {
+ elem.requestFullscreen();
+ } else if (elem.msRequestFullscreen) {
+ elem.msRequestFullscreen();
+ } else if (elem.mozRequestFullScreen) {
+ elem.mozRequestFullScreen();
+ } else if (elem.webkitRequestFullscreen) {
+ elem.webkitRequestFullscreen();
+ }
+ } else {
+ var document = window.document;
+ if (document.cancelFullScreen) {
+ document.cancelFullScreen();
+ } else if (document.msExitFullscreen) {
+ document.msExitFullscreen();
+ } else if (document.mozCancelFullScreen) {
+ document.mozCancelFullScreen();
+ } else if (document.webkitCancelFullScreen) {
+ document.webkitCancelFullScreen();
+ }
+ }
+}
+
+export function show() {
+ document.getElementById("geng-progress-screen").style.display = "none";
+ document.getElementById("geng-canvas").style.display = "block";
+}
+
+export function request_animation_frame_loop(f) {
+ function loop() {
+ f();
+ requestAnimationFrame(loop);
+ }
+ loop();
+}
\ No newline at end of file
diff --git a/examples/hello_world/sound-fix.js b/examples/hello_world/sound-fix.js
new file mode 100644
index 00000000..40db7245
--- /dev/null
+++ b/examples/hello_world/sound-fix.js
@@ -0,0 +1,62 @@
+// Insert hack to make sound autoplay on Chrome as soon as the user interacts with the tab:
+// https://developers.google.com/web/updates/2018/11/web-audio-autoplay#moving-forward
+
+// the following function keeps track of all AudioContexts and resumes them on the first user
+// interaction with the page. If the function is called and all contexts are already running,
+// it will remove itself from all event listeners.
+(function () {
+ // An array of all contexts to resume on the page
+ const audioContextList = [];
+
+ // An array of various user interaction events we should listen for
+ const userInputEventNames = [
+ "click",
+ "contextmenu",
+ "auxclick",
+ "dblclick",
+ "mousedown",
+ "mouseup",
+ "pointerup",
+ "touchend",
+ "keydown",
+ "keyup",
+ ];
+
+ // A proxy object to intercept AudioContexts and
+ // add them to the array for tracking and resuming later
+ self.AudioContext = new Proxy(self.AudioContext, {
+ construct(target, args) {
+ const result = new target(...args);
+ audioContextList.push(result);
+ return result;
+ },
+ });
+
+ // To resume all AudioContexts being tracked
+ function resumeAllContexts(_event) {
+ let count = 0;
+
+ audioContextList.forEach((context) => {
+ if (context.state !== "running") {
+ context.resume();
+ } else {
+ count++;
+ }
+ });
+
+ // If all the AudioContexts have now resumed then we unbind all
+ // the event listeners from the page to prevent unnecessary resume attempts
+ // Checking count > 0 ensures that the user interaction happens AFTER the game started up
+ if (count > 0 && count === audioContextList.length) {
+ userInputEventNames.forEach((eventName) => {
+ document.removeEventListener(eventName, resumeAllContexts);
+ });
+ }
+ }
+
+ // We bind the resume function for each user interaction
+ // event on the page
+ userInputEventNames.forEach((eventName) => {
+ document.addEventListener(eventName, resumeAllContexts);
+ });
+})();
\ No newline at end of file
diff --git a/examples/index.html b/examples/index.html
new file mode 100644
index 00000000..11c5d2ef
--- /dev/null
+++ b/examples/index.html
@@ -0,0 +1,10 @@
+geng
\ No newline at end of file
diff --git a/examples/line_texture/assets/texture.png b/examples/line_texture/assets/texture.png
new file mode 100644
index 00000000..f497d04c
Binary files /dev/null and b/examples/line_texture/assets/texture.png differ
diff --git a/examples/line_texture/index.html b/examples/line_texture/index.html
new file mode 100644
index 00000000..5ef92ed0
--- /dev/null
+++ b/examples/line_texture/index.html
@@ -0,0 +1,167 @@
+
+
+
+
+
+
+
+
+
+
+
+