js13kGames · nikigawlik · Aug 16, 2019 · Aug 17, 2019 · Aug 18, 2019 · Aug 18, 2019
diff --git a/.gitignore b/.gitignore
@@ -1 +1,3 @@
+node_modules/
+build*/
 .DS_Store
diff --git a/gulpfile.js b/gulpfile.js
@@ -0,0 +1,51 @@
+const { src, dest } = require('gulp');
+const webpack = require('webpack-stream');
+const TerserPlugin = require('terser-webpack-plugin');
+
+function defaultTask(cb) {
+    // place code for your default task here
+
+    src(['modules/*.js'])
+        .pipe(webpack({
+            // Any configuration options...
+            output: {
+                filename: 'bundle.js'
+            },
+            optimization: {
+                minimizer: [
+                    new TerserPlugin({
+                        cache: true,
+                        parallel: true,
+                        sourceMap: true, // Must be set to true if using source-maps in production
+                        terserOptions: {
+                            // https://github.com/webpack-contrib/terser-webpack-plugin#terseroptions
+                            ecma: 6,
+                            warnings: true,
+                            parse: {},
+                            compress: {},
+                            mangle: {
+                                properties: {
+                                    reserved: ["keyIsDown", "clamp", "iterateQGrid"], // for some reason webpack cant handle these exports
+                                    // debug: "",
+                                    undeclared: true,
+                                }
+                            }, // Note `mangle.properties` is `false` by default.
+                            module: false,
+                            output: null,
+                            toplevel: false,
+                            nameCache: null,
+                            ie8: false,
+                            keep_classnames: undefined,
+                            keep_fnames: false,
+                            safari10: false,
+                        }
+                    }),
+                ],
+            }
+        }))
+        .pipe(dest('build'))
+
+    cb();
+}
+
+exports.default = defaultTask
diff --git a/images/spritesheet.png b/images/spritesheet.png
diff --git a/index.html b/index.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<head>
+    <link rel="stylesheet" href="style.css">
+    <meta charset="utf-8"/>
+    <script type="module" src="modules/game.js"></script>
+    <template id="game-over-template">
+        <div class="game-overlay">
+            <h2>CONGRATULATIONS!!!</h2>
+            <p>You made it to</p>
+            <h2>LEVEL <span id=lnum></span></h2>
+            <button>restart</button> 
+        </div>
+    </template>
+    <template id="title-template">
+        <div class="game-overlay">
+            <h2>PIZZA UNDELIVERY</h2>
+            <p>In this game you have to pick up the pizzas and bring them <em>back</em> to the pizzeria!</p>
+            <p>Drive with the <em>arrow keys</em> or the <em>WASD</em> keys.</p>
+            <h2>LEVEL: <input type="number" value=1 name="level" min="1" max="15"></h2>
+            <p><button>generate new map</button></p>
+            <p><button><b>GO!!!</b></button></p>
+        </div>
+    </template>
+</head>
+<body>
+    <main>
+        <canvas width="192" height="108" class="game"></canvas>
+    </main>
+</body>
+<footer>
+    <p></p>
+</footer>
diff --git a/manifest.json b/manifest.json
@@ -1,14 +1,14 @@
 {
-  "name": "Title of the game",
-  "description": "Description of the game, including controls and optional extras for Coil subscribers if you participate in the Web Monetization category.",
+  "name": "Pizza Undelivery",
+  "description": "Here you bring pizzas back to the pizzeria, instead of the other way around. This retro style racing game is about navigating a randomly generated 3D city in your 1986 Toyota Corolla, while listening to hand-coded floatbeat music and sound effects. Another highlight is the custom 3D rendering engine implemented in JavaScript (that might not work on slower machines, sorry).",
   "images" : {
-    "image_large": "image-big.jpg",
-    "image_thumbnail": "image-small.jpg"
+    "image_large": "promo_images/image_large.png",
+    "image_thumbnail": "promo_images/image_thumbnail.png"
   },
-  "categories": ["Desktop", "Mobile", "Server", "Web Monetization", "WebXR"],
+  "categories": ["Desktop"],
   "user" : {
-    "name": "optional",
-    "website": "optional",
-    "twitter": "optional"
+    "name": "Nils Gawlik",
+    "website": "nilsgawlik.github.io",
+    "twitter": "@nilsgawlik"
   }
 }
diff --git a/modules/audio.js b/modules/audio.js
@@ -0,0 +1,191 @@
+let random = Math.random;
+let sign = Math.sign;
+let sin = Math.sin;
+let max = Math.max;
+let atan = Math.atan;
+const PI = Math.PI;
+
+export default class Audio {
+    constructor() {
+        // Create an audio context
+        this.ctx = new AudioContext();
+        this.master = this.ctx.createGain();
+        this.master.gain.setValueAtTime(0.5, this.ctx.currentTime); // keep it civil!
+        this.master.connect(this.ctx.destination);
+    }
+
+    playCrash(volume = 1) {
+        const srate = 8000;
+        const length = srate*1;
+        let buffer = this.ctx.createBuffer(1, length, srate);
+        let data = buffer.getChannelData(0);
+        let p1 = 90 + random() * 64;
+
+        for(let t = 0; t < length; t++) {
+            let tt = t;
+            t = t & ~(1 << ~~(t/p1));
+            let env = (1- t / length);
+            let env2 = (1- t / 2000);
+            // const env = 1-(t % (1<<12) / (1<<12));
+            let kick = sin(env**32*0x5f);
+            data[tt] = atan(
+                kick * env2**5
+            ) / (PI/2) * volume
+            ;
+            t = tt;
+        }
+
+        let source = this.ctx.createBufferSource();
+        source.buffer = buffer;
+        // source.loop = true;
+
+        source.connect(this.master);
+        source.start();
+    }
+
+    playCollect(volume = 1) {
+        const srate = 8000;
+        const length = 8000;
+        let buffer = this.ctx.createBuffer(1, length, srate);
+        let data = buffer.getChannelData(0);
+        let p1 = 1 + random();
+
+        for(let t = 0; t < length; t++) {
+            let tt = t;
+            // t = t & ~(1 << ~~(t/p1));
+            let env = (1- t / 8000);
+            data[tt] = atan(
+                sin(t * .02 * p1 * (t>>9) * (t>>10))
+            ) / (PI/2) * 2 * volume * env**2
+            ;
+            t = tt;
+        }
+
+        let source = this.ctx.createBufferSource();
+        source.buffer = buffer;
+        // source.loop = true;
+
+        source.connect(this.master);
+        source.start();
+    }
+
+
+    playLevelFinish(volume = 1) {
+        const srate = 8000;
+        const length = srate*2;
+        let buffer = this.ctx.createBuffer(1, length, srate);
+        let data = buffer.getChannelData(0);
+        let p1 = 1 + random();
+
+        for(let t = 0; t < length; t++) {
+            let tt = t;
+            // t = t & ~(1 << ~~(t/p1));
+            let env = (1 - t / length);
+            const env2 = 1-(t % (1<<10) / (1<<10));
+            data[tt] = atan(
+                sin(t * .05 * p1 * 2**((t>>10)%3)) * sin(env2)**3 * env**3
+                +
+                sin(t * .05 * p1) * env**5
+            ) / (PI/2) * 2 * volume
+            +
+            data[max(tt-1000, 0)] * 0.4
+            ;
+            t = tt;
+        }
+
+        let source = this.ctx.createBufferSource();
+        source.buffer = buffer;
+        // source.loop = true;
+
+        source.connect(this.master);
+        source.start();
+    }
+
+
+    start() {
+
+        const srate = 12000;
+        const length = 1 << 20;
+        let musicBuffer = this.ctx.createBuffer(1, length, srate);
+        let data = musicBuffer.getChannelData(0);
+
+        let flavor;
+
+        let b = 0;
+        for(let i = 0; i < 5; i++) {
+            b = b | ~~(random() * 4);
+            b = b << 2;
+        }
+        // look at those magic numbers!
+        let bs = [
+            773752, // very fast upbeat
+            773752, // very fast upbeat
+            773752|0x7f, // very fast upbeat
+            957758312, // fast ish
+
+            773752, // very fast upbeat
+            773752, // very fast upbeat
+            773752|0x7f, // very fast upbeat
+            957758312, // fast ish
+
+            792323628, // noisy? slow
+            792323628, // noisy? slow
+            957758312, // fast ish
+            957758312, // fast ish
+
+            1008437436, // fast ish synth
+            1008437436, // fast ish synth
+            773752|0x7f, // very fast upbeat
+            957758312, // fast ish
+
+            // -409420504, // interesting medium
+            // 792323628,// noisy? slow
+            // 345849296, // continuus subbase
+            // 1962361744, // fast tension
+        ];
+        // let bs = [345849296,1962361744,957758312,792323628,773752,1008437436,773752,792323628,773752,792323628];
+
+        for(let t = 0; t < length; t++) {
+            const env = 1-(t % (1<<12) / (1<<12));
+            const env2 = 1-(t % (1<<15) / (1<<15));
+            const env3 = 1-(t % (1<<10) / (1<<10));
+            let hihat1 = (random()*2-1)*env**32 * 0.5;
+            let hihat2 = (random()*2-1)*env3**32 * 1.9;
+            let kick = sin(env**6*0x6f)*env;
+            let snare = (random()*2-1)*env**4;
+            if(t % (1<<15) == 0) flavor = ~~(random() * 2048);
+            if(t % (1<<16) == 0) {
+                // this is how magic numbers are originally made!
+                // for(let i = 0; i < 5; i++) {
+                //     b = b | ~~(random() * 4);
+                //     b = b << 2;
+                // }
+                // bs.push(b);
+                b = bs.shift();
+            };
+            let tt = t;
+            t = t & b;
+            data[tt] = 
+                [[kick,hihat1,snare,hihat1][(t>>12)%4] * 0.4, [kick,snare,hihat1,hihat2][(t>>12)%4] * 0.4][max((t>>14)%4-2, 0)]
+                + sign(sin((t&((1<<(5-(t>>14)%3+(t>>12)%6))-1))*(1/64)*PI*(1+env2*.25))) * 0.05
+                + sign(sin((t&(flavor << 4))*(1/64)*PI)) * 0.05
+                // + sign(sin((t&([32,2,3,111][(t>>15)%4] << 4))*(1/64)*PI)) * 0.1
+                + data[max(0, t - 2100)] * 0.4
+                + data[max(0, t - 2000)] * 0.4
+            ;
+            t = tt;
+        }
+
+        console.log(bs.toString());
+
+        let musicSource = this.ctx.createBufferSource();
+        musicSource.buffer = musicBuffer;
+        musicSource.loop = true;
+
+        musicSource.connect(this.master);
+        musicSource.start();
+    }
+
+    update() {
+    }
+}